/* v4.7.3 Profile & Brand polish — Property Platform visual language. */

[data-page="profile"]{
  --profile-violet:var(--studio-violet,#6C5CF6);
  --profile-violet-dark:var(--studio-violet-dark,#5849E8);
  --profile-violet-soft:var(--studio-violet-soft,#F1EEFF);
  --profile-violet-softer:var(--studio-violet-softer,#F8F6FF);
  --profile-ink:var(--studio-ink,#19191F);
  --profile-muted:var(--studio-muted,#6E6E7A);
  --profile-line:var(--studio-line,#E8E6F0);
  gap:16px;
}

[data-page="profile"] .profile-card{
  max-width:1100px;
  background:#fff;
  border-color:var(--profile-line);
  border-radius:22px;
  box-shadow:0 14px 38px rgba(43,35,91,.045);
}
[data-page="profile"] .profile-card>.card-head{
  padding:18px 20px 16px;
  border-bottom:1px solid #EFEDF4;
  background:linear-gradient(180deg,#FFFFFF,#FEFDFF);
}
[data-page="profile"] .profile-card>.card-head h2{
  color:var(--profile-ink);
  font-size:19px;
  letter-spacing:-.035em;
}
[data-page="profile"] .profile-card>.card-head .hint{
  color:var(--profile-muted);
  max-width:820px;
  line-height:1.5;
}
[data-page="profile"] .profile-card>.card-body{
  gap:16px;
  padding:18px 20px 20px;
}

/* Completion summary */
[data-page="profile"] .profile-summary{
  border:1px solid #E5E0FF;
  background:linear-gradient(135deg,#FAF8FF 0%,#FFFFFF 66%);
  border-radius:18px;
  padding:16px 18px;
  box-shadow:0 7px 20px rgba(91,75,196,.035);
}
[data-page="profile"] .profile-summary .section-kicker{
  color:var(--profile-violet-dark);
}
[data-page="profile"] .profile-summary b{
  color:var(--profile-violet);
  font-size:29px;
}
[data-page="profile"] .profile-summary small{
  color:var(--profile-muted);
}
[data-page="profile"] .profile-completeness-track{
  height:10px;
  background:#ECEAF2;
}
[data-page="profile"] .profile-completeness-track span{
  background:linear-gradient(90deg,#735EFF 0%,#6651F2 58%,#8B7DFF 100%);
  box-shadow:0 0 16px rgba(108,92,246,.16);
}

/* Main profile sections */
[data-page="profile"] .profile-section{
  border:1px solid var(--profile-line);
  border-radius:18px;
  background:#FFFFFF;
  padding:17px;
  gap:14px;
  box-shadow:0 6px 18px rgba(43,35,91,.025);
}
[data-page="profile"] .profile-section-title{
  align-items:center;
}
[data-page="profile"] .profile-section-title h3{
  color:#24242B;
  font-size:15px;
  letter-spacing:-.018em;
}
[data-page="profile"] .profile-section-title>span,
[data-page="profile"] .profile-section-title .field-hint{
  color:#85838E;
}
[data-page="profile"] label{
  color:#34333B;
}
[data-page="profile"] input,
[data-page="profile"] select,
[data-page="profile"] textarea{
  background:#FFFFFF;
  border-color:#DEDCE6;
  color:#24232A;
  box-shadow:0 1px 0 rgba(43,35,91,.01);
}
[data-page="profile"] input:hover,
[data-page="profile"] select:hover,
[data-page="profile"] textarea:hover{
  border-color:#CFCBE0;
}
[data-page="profile"] input:focus,
[data-page="profile"] select:focus,
[data-page="profile"] textarea:focus{
  border-color:#8A7BFA;
  box-shadow:0 0 0 4px rgba(108,92,246,.095);
}
[data-page="profile"] input[readonly]{
  background:#F7F7FA;
  color:#65636D;
}
[data-page="profile"] .field-hint{
  color:#85838E;
}
[data-page="profile"] button.primary{
  background:linear-gradient(135deg,#725CFF,#634EF2);
  color:#fff;
  border:1px solid #6652F4;
  box-shadow:0 7px 18px rgba(108,92,246,.13);
}
[data-page="profile"] button.primary:hover{
  background:var(--profile-violet-dark);
}
[data-page="profile"] button.ghost{
  border-color:#E3E0EA;
  background:#fff;
  color:#4B4953;
}
[data-page="profile"] button.ghost:hover{
  background:#F8F7FC;
}

/* Social branding area */
[data-page="profile"] .social-branding-section{
  border-color:#E3DFFF;
  background:linear-gradient(180deg,#FDFCFF 0%,#FAF9FF 100%);
  box-shadow:0 8px 24px rgba(72,58,153,.035);
  padding:18px;
}
[data-page="profile"] .social-branding-subtitle{
  color:#777581;
  font-weight:600;
  line-height:1.45;
}
[data-page="profile"] .social-branding-state{
  background:#F0EDFF;
  color:#5D4FDF;
}
[data-page="profile"] .social-branding-state.ready{
  background:#EAF8F0;
  color:#218452;
}
[data-page="profile"] .social-branding-state.warning{
  background:#FFF6E7;
  color:#8B641E;
}
[data-page="profile"] .social-branding-grid{
  gap:20px;
}
[data-page="profile"] .brand-asset-card{
  border-color:#E7E4EF;
  background:#FFFFFF;
  border-radius:16px;
  box-shadow:0 4px 14px rgba(43,35,91,.025);
}
[data-page="profile"] .brand-asset-preview{
  border-color:#D8D2F6;
  background:#F9F7FF;
  color:#776EA8;
}
[data-page="profile"] .brand-asset-copy b{
  color:#2D2C33;
}
[data-page="profile"] .brand-asset-copy span{
  color:#85838E;
}
[data-page="profile"] .button-like{
  background:#F1EEFF;
  color:#594ADF;
  border:1px solid #E5E0FF;
}
[data-page="profile"] .button-like:hover{
  background:#E9E4FF;
  transform:none;
}
[data-page="profile"] .brand-colour-grid input[type="color"]{
  background:#FFFFFF;
}
[data-page="profile"] .profile-note.compact{
  border:1px solid #E3DFFF;
  background:#F7F5FF;
  color:#565263;
  border-radius:14px;
}
[data-page="profile"] .profile-note.compact b{
  color:#493DC0;
}
[data-page="profile"] .brand-save-actions .field-hint{
  color:#777581;
}
[data-page="profile"] .section-kicker{
  color:var(--profile-violet-dark);
}

/* The preview belongs to the agent's own brand, so its dynamic colours stay untouched. */
[data-page="profile"] .brand-preview-wrap{
  gap:9px;
}
[data-page="profile"] .brand-preview{
  border:1px solid rgba(85,75,120,.10);
  box-shadow:0 18px 46px rgba(41,32,84,.13);
}

/* Keep action areas airy and aligned with the Dashboard baseline. */
[data-page="profile"] #saveProfileBtn,
[data-page="profile"] #saveSocialBrandingBtn{
  min-height:38px;
  padding-inline:14px;
}
[data-page="profile"] .brand-asset-actions{
  align-items:center;
}

@media(max-width:980px){
  [data-page="profile"] .profile-card{max-width:none}
  [data-page="profile"] .profile-section-title{align-items:flex-start}
}