/*
  070F1H profile warm workbench theme.
  This page-level layer ports the current Workbench coffee/paper palette into
  profile.html without changing shared CSS used by other pages.
*/

body[data-clean-proto-page="profile"]{
  --profile-paper:#faf7f0;
  --profile-paper-mid:#f2ede3;
  --profile-paper-dark:#e8e0d0;
  --profile-surface:#fffdf8;
  --profile-surface-soft:#f6f1e8;
  --profile-ink:#2c2416;
  --profile-ink-mid:#5c5040;
  --profile-ink-soft:#8a7d6a;
  --profile-line:rgba(122,106,85,.18);
  --profile-line-strong:rgba(122,106,85,.28);
  --profile-ochre:#b87333;
  --profile-ochre-dark:#8b5b19;
  --profile-ochre-soft:#fff2d4;
  --profile-coffee:#3a3024;
  --profile-coffee-2:#4a4439;
  --profile-shadow:0 16px 40px rgba(44,36,22,.09);
  --profile-shadow-soft:0 1px 8px rgba(44,36,22,.045);
  --bg:var(--profile-paper);
  --panel:var(--profile-surface);
  --soft:var(--profile-paper-mid);
  --line:var(--profile-line);
  --text:var(--profile-ink);
  --muted:var(--profile-ink-soft);
  --green:var(--profile-ochre-dark);
  --green-soft:var(--profile-ochre-soft);
  --forest:var(--profile-ink);
  --forest-deep:var(--profile-coffee);
  --mint:var(--profile-paper-mid);
  --mint-soft:var(--profile-surface-soft);
  --mint-mid:var(--profile-paper-dark);
  --mint-line:var(--profile-line);
  --cyan:var(--profile-ochre);
  --cyan-2:var(--profile-ochre-dark);
  --cyan-soft:var(--profile-ochre-soft);
  --cyan-line:rgba(213,139,42,.28);
  --shadow:var(--profile-shadow);
  color:var(--profile-ink)!important;
  background:
    linear-gradient(180deg,rgba(255,254,250,.80),rgba(246,241,232,.62)),
    var(--profile-paper)!important;
}

body[data-clean-proto-page="profile"] .design-saas{
  --saas-bg:var(--profile-paper);
  --saas-surface:var(--profile-surface);
  --saas-surface-2:var(--profile-surface-soft);
  --saas-cyan:var(--profile-ochre);
  --saas-cyan-2:var(--profile-ochre-dark);
  --saas-cyan-lt:var(--profile-ochre-soft);
  --saas-teal:var(--profile-ochre-dark);
  --saas-teal-lt:var(--profile-ochre-soft);
  --saas-ink:var(--profile-ink);
  --saas-ink-2:var(--profile-ink-mid);
  --saas-ink-3:var(--profile-ink-soft);
  --saas-line:var(--profile-line);
  --saas-shadow-sm:var(--profile-shadow-soft);
  --saas-shadow:var(--profile-shadow);
  --saas-shadow-lg:0 22px 48px rgba(44,36,22,.12);
}

body[data-clean-proto-page="profile"] .profile-standalone-nav{
  border-bottom-color:var(--profile-line)!important;
  background:rgba(255,253,248,.88)!important;
  box-shadow:0 8px 24px rgba(44,36,22,.06)!important;
}

body[data-clean-proto-page="profile"] .profile-standalone-brand{
  color:var(--profile-ink)!important;
}

body[data-clean-proto-page="profile"] .profile-standalone-links a{
  color:var(--profile-ink-mid)!important;
  border:1px solid transparent!important;
}

body[data-clean-proto-page="profile"] .profile-standalone-links a:hover,
body[data-clean-proto-page="profile"] .profile-standalone-links a.active{
  color:var(--profile-ochre-dark)!important;
  border-color:rgba(213,139,42,.24)!important;
  background:var(--profile-ochre-soft)!important;
}

body[data-clean-proto-page="profile"] .design-saas .page-head{
  border-color:var(--profile-line)!important;
  background:rgba(255,253,248,.88)!important;
  box-shadow:0 18px 42px rgba(44,36,22,.07)!important;
}

body[data-clean-proto-page="profile"] .design-saas .page-title h1,
body[data-clean-proto-page="profile"] .design-saas .saas-title-line h1,
body[data-clean-proto-page="profile"] .design-saas .page-head h1,
body[data-clean-proto-page="profile"] .profile-panel-head h2,
body[data-clean-proto-page="profile"] .profile-form-card h3,
body[data-clean-proto-page="profile"] .account-status-head h2,
body[data-clean-proto-page="profile"] .avatar-option-head strong,
body[data-clean-proto-page="profile"] .schedule-section-head h3,
body[data-clean-proto-page="profile"] .schedule-detail-card summary,
body[data-clean-proto-page="profile"] .avatar-preview-copy strong,
body[data-clean-proto-page="profile"] .account-meta-list span,
body[data-clean-proto-page="profile"] .avatar-image-option strong,
body[data-clean-proto-page="profile"] .profile-bookmark strong{
  color:var(--profile-ink)!important;
}

body[data-clean-proto-page="profile"] .design-saas .page-head p,
body[data-clean-proto-page="profile"] .design-saas .saas-title-meta,
body[data-clean-proto-page="profile"] .profile-panel-head p,
body[data-clean-proto-page="profile"] .account-status-head p,
body[data-clean-proto-page="profile"] .account-meta-list strong,
body[data-clean-proto-page="profile"] .avatar-preview-copy p,
body[data-clean-proto-page="profile"] .avatar-option-head small,
body[data-clean-proto-page="profile"] .avatar-image-option small,
body[data-clean-proto-page="profile"] .avatar-upload-card small,
body[data-clean-proto-page="profile"] .avatar-upload-message,
body[data-clean-proto-page="profile"] .password-security-box small,
body[data-clean-proto-page="profile"] .password-security-box p,
body[data-clean-proto-page="profile"] .password-policy-note,
body[data-clean-proto-page="profile"] .password-change-message,
body[data-clean-proto-page="profile"] .schedule-detail-card summary small,
body[data-clean-proto-page="profile"] .teacher-week-period span,
body[data-clean-proto-page="profile"] .teacher-week-period small,
body[data-clean-proto-page="profile"] .schedule-slot-chip small,
body[data-clean-proto-page="profile"] .profile-bookmark small{
  color:var(--profile-ink-soft)!important;
}

body[data-clean-proto-page="profile"] .profile-panel-head small,
body[data-clean-proto-page="profile"] .schedule-section-head small,
body[data-clean-proto-page="profile"] .account-status-head small,
body[data-clean-proto-page="profile"] .avatar-preview-copy small,
body[data-clean-proto-page="profile"] .design-saas .field label{
  color:var(--profile-ochre-dark)!important;
}

body[data-clean-proto-page="profile"] .design-saas .btn,
body[data-clean-proto-page="profile"] .design-saas .btn.soft,
body[data-clean-proto-page="profile"] .design-saas .btn.tiny{
  border-color:rgba(184,115,51,.22)!important;
  background:#fff8eb!important;
  color:var(--profile-ochre-dark)!important;
  box-shadow:var(--profile-shadow-soft)!important;
}

body[data-clean-proto-page="profile"] .design-saas .btn:hover,
body[data-clean-proto-page="profile"] .design-saas .btn.soft:hover,
body[data-clean-proto-page="profile"] .design-saas .btn.tiny:hover{
  border-color:rgba(213,139,42,.34)!important;
  background:var(--profile-ochre-soft)!important;
  color:var(--profile-ochre-dark)!important;
}

body[data-clean-proto-page="profile"] .design-saas .btn.primary{
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--profile-coffee),#5f4b34)!important;
  color:#fff8ec!important;
  box-shadow:0 12px 24px rgba(44,36,22,.18)!important;
}

body[data-clean-proto-page="profile"] .design-saas .btn.primary:hover{
  background:linear-gradient(135deg,#2f281f,#6c5234)!important;
  color:#fff8ec!important;
  box-shadow:0 14px 28px rgba(44,36,22,.22)!important;
}

body[data-clean-proto-page="profile"] .profile-workbench{
  border-color:var(--profile-line)!important;
  background:rgba(255,253,248,.94)!important;
  box-shadow:var(--profile-shadow)!important;
}

body[data-clean-proto-page="profile"] .profile-bookmarks{
  border-right-color:rgba(255,255,255,.10)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.032)),
    linear-gradient(180deg,var(--profile-coffee) 0%,var(--profile-coffee-2) 100%)!important;
}

body[data-clean-proto-page="profile"] .profile-bookmark{
  color:#f6ead5!important;
  background:rgba(255,254,250,.055)!important;
}

body[data-clean-proto-page="profile"] .profile-bookmark span{
  background:rgba(255,242,212,.18)!important;
  color:#f5d29b!important;
}

body[data-clean-proto-page="profile"] .profile-bookmark strong{
  color:#fff8ec!important;
}

body[data-clean-proto-page="profile"] .profile-bookmark small{
  color:rgba(255,248,236,.66)!important;
}

body[data-clean-proto-page="profile"] .profile-bookmark:hover{
  border-color:rgba(245,210,155,.24)!important;
  box-shadow:0 12px 22px rgba(0,0,0,.12)!important;
}

body[data-clean-proto-page="profile"] .profile-bookmark.active{
  border-color:rgba(213,139,42,.34)!important;
  background:linear-gradient(135deg,#fff8eb,var(--profile-ochre-soft))!important;
  box-shadow:0 16px 30px rgba(0,0,0,.14)!important;
}

body[data-clean-proto-page="profile"] .profile-bookmark.active span{
  background:linear-gradient(135deg,var(--profile-ochre),var(--profile-ochre-dark))!important;
  color:#fff8ec!important;
}

body[data-clean-proto-page="profile"] .profile-bookmark.active strong{
  color:var(--profile-ink)!important;
}

body[data-clean-proto-page="profile"] .profile-bookmark.active small{
  color:var(--profile-ink-soft)!important;
}

body[data-clean-proto-page="profile"] .profile-form-card,
body[data-clean-proto-page="profile"] .account-status-card,
body[data-clean-proto-page="profile"] .avatar-preview-card,
body[data-clean-proto-page="profile"] .schedule-section-card,
body[data-clean-proto-page="profile"] .design-saas .card,
body[data-clean-proto-page="profile"] .design-saas .section,
body[data-clean-proto-page="profile"] .profile-table-wrap{
  border-color:var(--profile-line)!important;
  background:rgba(255,253,248,.92)!important;
  box-shadow:var(--profile-shadow-soft)!important;
}

body[data-clean-proto-page="profile"] .account-status-card,
body[data-clean-proto-page="profile"] .password-security-box,
body[data-clean-proto-page="profile"] .avatar-preview-card{
  background:
    linear-gradient(135deg,rgba(255,248,235,.94),rgba(255,253,248,.92))!important;
}

body[data-clean-proto-page="profile"] .account-meta-list div,
body[data-clean-proto-page="profile"] .password-change-panel,
body[data-clean-proto-page="profile"] .avatar-image-option,
body[data-clean-proto-page="profile"] .avatar-filter,
body[data-clean-proto-page="profile"] .avatar-swatch,
body[data-clean-proto-page="profile"] .avatar-pill{
  border-color:var(--profile-line)!important;
  background:rgba(255,253,248,.88)!important;
  color:var(--profile-ink-mid)!important;
}

body[data-clean-proto-page="profile"] .avatar-filter:hover,
body[data-clean-proto-page="profile"] .avatar-image-option:hover,
body[data-clean-proto-page="profile"] .avatar-swatch:hover,
body[data-clean-proto-page="profile"] .avatar-pill:hover{
  border-color:rgba(213,139,42,.34)!important;
  background:var(--profile-ochre-soft)!important;
  box-shadow:0 10px 22px rgba(44,36,22,.08)!important;
}

body[data-clean-proto-page="profile"] .avatar-filter.active,
body[data-clean-proto-page="profile"] .avatar-image-option.active,
body[data-clean-proto-page="profile"] .avatar-swatch.active,
body[data-clean-proto-page="profile"] .avatar-pill.active{
  border-color:rgba(213,139,42,.42)!important;
  background:var(--profile-ochre-soft)!important;
  color:var(--profile-ochre-dark)!important;
  box-shadow:0 10px 22px rgba(213,139,42,.10)!important;
}

body[data-clean-proto-page="profile"] .avatar-upload-card{
  border-color:rgba(213,139,42,.30)!important;
  background:linear-gradient(135deg,rgba(255,242,212,.64),rgba(255,253,248,.86))!important;
  color:var(--profile-ochre-dark)!important;
}

body[data-clean-proto-page="profile"] .avatar-upload-card:hover{
  border-color:rgba(213,139,42,.46)!important;
  box-shadow:0 12px 24px rgba(213,139,42,.10)!important;
}

body[data-clean-proto-page="profile"] .account-avatar,
body[data-clean-proto-page="profile"] .avatar-preview-avatar,
body[data-clean-proto-page="profile"] .avatar-preview-badge{
  background:linear-gradient(135deg,var(--profile-ochre-soft),#f0b454)!important;
  color:var(--profile-ochre-dark)!important;
  box-shadow:0 12px 24px rgba(184,115,51,.18)!important;
}

body[data-clean-proto-page="profile"] .avatar-preview-frame{
  border-color:rgba(255,253,248,.82)!important;
  background:
    radial-gradient(circle at 28% 22%,rgba(255,242,212,.78),transparent 48%),
    rgba(255,253,248,.72)!important;
  box-shadow:inset 0 0 0 1px rgba(255,253,248,.72),0 18px 42px rgba(44,36,22,.12)!important;
}

body[data-clean-proto-page="profile"] .avatar-preview-image{
  box-shadow:0 18px 34px rgba(184,115,51,.16)!important;
}

body[data-clean-proto-page="profile"] .design-saas .field input,
body[data-clean-proto-page="profile"] .design-saas .field select,
body[data-clean-proto-page="profile"] .design-saas .field textarea,
body[data-clean-proto-page="profile"] .design-saas input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body[data-clean-proto-page="profile"] .design-saas select,
body[data-clean-proto-page="profile"] .design-saas textarea{
  border-color:var(--profile-line)!important;
  background:#fffdf8!important;
  color:var(--profile-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 1px 6px rgba(44,36,22,.035)!important;
}

body[data-clean-proto-page="profile"] .design-saas .field input:focus,
body[data-clean-proto-page="profile"] .design-saas .field select:focus,
body[data-clean-proto-page="profile"] .design-saas .field textarea:focus,
body[data-clean-proto-page="profile"] .design-saas input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
body[data-clean-proto-page="profile"] .design-saas select:focus,
body[data-clean-proto-page="profile"] .design-saas textarea:focus{
  border-color:rgba(213,139,42,.42)!important;
  box-shadow:0 0 0 3px rgba(213,139,42,.12)!important;
}

body[data-clean-proto-page="profile"] .schedule-section-head span,
body[data-clean-proto-page="profile"] .schedule-slot-chip,
body[data-clean-proto-page="profile"] .teacher-week-head{
  border-color:rgba(213,139,42,.25)!important;
  background:var(--profile-ochre-soft)!important;
  color:var(--profile-ochre-dark)!important;
}

body[data-clean-proto-page="profile"] .teacher-week-grid{
  border-color:var(--profile-line)!important;
  background:#fffdf8!important;
}

body[data-clean-proto-page="profile"] .teacher-week-head,
body[data-clean-proto-page="profile"] .teacher-week-period,
body[data-clean-proto-page="profile"] .teacher-week-cell{
  border-right-color:rgba(122,106,85,.12)!important;
  border-bottom-color:rgba(122,106,85,.12)!important;
}

body[data-clean-proto-page="profile"] .teacher-week-period{
  background:#f6f1e8!important;
}

body[data-clean-proto-page="profile"] .teacher-week-cell{
  background:#fffdf8!important;
}

body[data-clean-proto-page="profile"] .teacher-week-period strong,
body[data-clean-proto-page="profile"] .schedule-slot-chip strong,
body[data-clean-proto-page="profile"] .table th{
  color:var(--profile-ink)!important;
}

body[data-clean-proto-page="profile"] .profile-table-wrap .table th{
  background:#f6f1e8!important;
}

body[data-clean-proto-page="profile"] .profile-table-wrap .table th,
body[data-clean-proto-page="profile"] .profile-table-wrap .table td{
  border-color:rgba(122,106,85,.12)!important;
}

body[data-clean-proto-page="profile"] .empty-slot{
  color:#c8bfb0!important;
}

body[data-clean-proto-page="profile"] .password-change-message.success{
  color:var(--profile-ochre-dark)!important;
}

body[data-clean-proto-page="profile"] .password-change-message.error{
  color:#9c3c2e!important;
}

body[data-clean-proto-page="profile"] a:not(.btn):not(.profile-standalone-brand):not(.profile-standalone-links a){
  color:var(--profile-ochre-dark)!important;
}

/*
  Xiaobei waiting and output animation colors on profile surfaces.
*/

body[data-clean-proto-page="profile"] .assistant-bubble{
  border-color:rgba(122,106,85,.18)!important;
  background:#f6f1e8!important;
  color:#3a2618!important;
  box-shadow:0 10px 28px rgba(44,36,22,.10)!important;
}

body[data-clean-proto-page="profile"] .assistant-message.user .assistant-bubble{
  border-color:rgba(213,139,42,.34)!important;
  background:#fff2d4!important;
  color:#8b5b19!important;
}

body[data-clean-proto-page="profile"] .assistant-thinking-head{
  color:var(--profile-ochre-dark)!important;
}

body[data-clean-proto-page="profile"] .assistant-thinking-orb,
body[data-clean-proto-page="profile"] .unit-ai-thinking > span{
  background:radial-gradient(circle at 32% 30%,#fff9d8 0 20%,#f0b454 42%,#8b5b19 82%)!important;
  box-shadow:0 0 0 0 rgba(213,139,42,.24)!important;
}

body[data-clean-proto-page="profile"] .assistant-thinking-note,
body[data-clean-proto-page="profile"] .assistant-message-text,
body[data-clean-proto-page="profile"] .unit-ai-thinking strong{
  color:var(--profile-ink-mid)!important;
}

body[data-clean-proto-page="profile"] .assistant-thinking-track{
  background:linear-gradient(90deg,#efe7d8,#fff2d4)!important;
}

body[data-clean-proto-page="profile"] .assistant-thinking-track i{
  background:linear-gradient(90deg,transparent,rgba(184,115,51,.34),rgba(240,180,84,.46),transparent)!important;
}

body[data-clean-proto-page="profile"] .assistant-thinking-steps span{
  background:#fff2d4!important;
  color:#8b5b19!important;
}

body[data-clean-proto-page="profile"] .assistant-apply{
  background:#fff2d4!important;
  color:#8b5b19!important;
  box-shadow:none!important;
}

body[data-clean-proto-page="profile"] .assistant-apply:hover{
  background:#f5e6d0!important;
  box-shadow:0 8px 18px rgba(213,139,42,.12)!important;
}

@keyframes assistantThinkingOrb{
  0%, 100%{
    transform:scale(.92);
    box-shadow:0 0 0 0 rgba(213,139,42,.22);
  }
  50%{
    transform:scale(1.08);
    box-shadow:0 0 0 7px rgba(213,139,42,0);
  }
}

@keyframes assistantFillFlash{
  0%{
    box-shadow:0 0 0 0 rgba(213,139,42,0);
    transform:translateY(0);
  }
  30%{
    box-shadow:0 0 0 4px rgba(213,139,42,.16),0 12px 24px rgba(213,139,42,.10);
    transform:translateY(-1px);
  }
  100%{
    box-shadow:0 0 0 0 rgba(213,139,42,0);
    transform:translateY(0);
  }
}

@keyframes assistantActionScope{
  0%{
    box-shadow:0 0 0 0 rgba(213,139,42,0);
  }
  18%{
    box-shadow:0 0 0 4px rgba(213,139,42,.18),0 20px 44px rgba(213,139,42,.12);
    transform:translateY(-1px);
  }
  100%{
    box-shadow:0 0 0 0 rgba(213,139,42,0);
    transform:translateY(0);
  }
}

@media (max-width:720px){
  body[data-clean-proto-page="profile"] .profile-workbench{
    grid-template-columns:1fr!important;
  }

  body[data-clean-proto-page="profile"] .profile-bookmarks{
    min-height:auto!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
  }
}