@font-face{font-family:Montserrat;src:url('/assets/fonts/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('/assets/fonts/Montserrat-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:'Earth Orbiter';src:url('/assets/fonts/earthorbiter.ttf') format('truetype');font-display:swap}
.profile-menu{position:relative;font:600 14px/1.5 Montserrat,Arial,sans-serif;margin-left:auto;color:#fff;flex-shrink:0}
.profile-menu>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;min-height:44px;padding:8px 14px;border:1px solid #72533e;border-radius:12px;max-width:240px;box-sizing:border-box;overflow-wrap:anywhere}
.profile-menu>summary::-webkit-details-marker{display:none}
.profile-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:100;width:220px;max-width:calc(100vw - 32px);padding:8px;background:#fff;color:#30271f;border:1px solid #dfd1c6;border-radius:14px;box-shadow:0 12px 30px #0002}
.profile-dropdown a,.profile-dropdown button{display:block;width:100%;box-sizing:border-box;text-align:left;min-height:44px;padding:12px!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#30271f!important;text-decoration:none!important;font:600 13px/1.5 Montserrat,Arial,sans-serif!important;cursor:pointer}
.profile-dropdown a:hover,.profile-dropdown button:hover{background:#fff0e3!important}.profile-dropdown form{margin:4px 0 0;padding:4px 0 0;border-top:1px solid #eee4dc}
.profile-menu summary:focus-visible,.profile-dropdown :focus-visible{outline:2px solid #F8831F;outline-offset:2px}
.remember-option{display:flex!important;align-items:flex-start;gap:10px;font-size:13px!important;font-weight:400!important;line-height:1.6;margin:18px 0}.remember-option input{width:18px!important;min-height:18px!important;height:18px;flex-shrink:0;margin:2px 0 0!important;accent-color:#692602}
body[data-page=crm] .elevate-header nav>a:not([aria-current=page]){display:inline-flex}body[data-page=crm] .elevate-header nav{margin-left:auto}
.elevate-header{position:relative;z-index:50}.topbar{z-index:50}.topbar .account-menu{max-width:none}
@media(max-width:700px){.elevate-header,.topbar{flex-wrap:wrap!important;gap:12px!important}.elevate-header .logo,.topbar .brand{flex:1 1 auto}.elevate-header>nav,.topbar .main-nav{order:3;flex:1 1 100%;justify-content:center;gap:6px}.profile-menu>summary{max-width:150px;padding:8px 10px;font-size:12px}.topbar .account-menu{margin-left:auto!important}.agent-switcher{display:flex;flex-wrap:wrap}.agent-switcher a{flex:1 1 40%}}

/* Shared account control: same layout in the academy, agents and account pages. */

.unified-header{display:flex!important;align-items:center;gap:24px;padding:20px max(24px,calc((100vw - 1280px)/2))!important;background:#111!important;color:#fff;border-bottom:1px solid #72533e;position:relative;z-index:60;box-sizing:border-box;font-family:Montserrat,Arial,sans-serif}
.unified-header .logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff!important;flex-shrink:0}
.unified-header .logo img{width:34px;height:48px;object-fit:contain;display:block}
.unified-header .logo strong{font-family:'Earth Orbiter',Montserrat,Arial,sans-serif;font-size:24px;line-height:1.2;letter-spacing:2px;font-weight:400;display:block}
.unified-header .logo small{display:block;font:400 10px/1.5 Montserrat,Arial,sans-serif;color:#d5c9bf;letter-spacing:.7px}
.unified-header>nav{display:flex;align-items:center;gap:8px;margin-left:auto}
.unified-header>nav>a{display:inline-flex!important;align-items:center;justify-content:center;padding:10px 14px;min-height:44px;box-sizing:border-box;color:#e8dfd8!important;font:500 13px/1.4 Montserrat,Arial,sans-serif;text-decoration:none;border-radius:10px}
.unified-header>nav>a:hover,.unified-header>nav>a[aria-current=page]{background:#ffffff0d;color:#fff!important}
.unified-header .profile-menu{margin-left:0}.profile-menu{position:relative;z-index:70}.profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.profile-menu>summary{font-family:Montserrat,Arial,sans-serif!important;background:transparent!important;color:#fff!important;margin:0!important;line-height:1.5!important;font-size:13px!important;font-weight:600!important}.profile-menu>summary svg{flex-shrink:0;transition:transform .15s}.profile-menu[open]>summary svg{transform:rotate(180deg)}
.profile-dropdown{max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}.profile-dropdown a,.profile-dropdown button{line-height:1.5!important;letter-spacing:0!important;text-transform:none!important}.profile-dropdown a:focus-visible,.profile-dropdown button:focus-visible{background:#fff0e3!important}.navigation-signin{color:#fff!important;font:600 13px/1.5 Montserrat,Arial,sans-serif;text-decoration:none;padding:10px 14px;border:1px solid #72533e;border-radius:12px}
@media(max-width:700px){.unified-header{padding:16px!important;gap:14px!important}.unified-header .logo{flex:1 1 auto}.unified-header>nav{margin-left:0;order:3;flex:1 1 100%;justify-content:center}.unified-header .logo strong{font-size:21px}.unified-header .logo img{height:38px;width:28px}.unified-header .profile-menu{margin-left:auto}.profile-menu>summary{max-width:140px}.profile-dropdown{width:220px}.unified-header>nav>a{flex:1;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.profile-menu>summary svg{transition:none}}

/* Elevate signature: original artwork, without recoloring or stretching. */
:root{--elevate-mark:url('/assets/elevate-symbol.png')}
.unified-header .logo img,.topbar .brand .elevate-logo{object-fit:contain;flex-shrink:0}
.skip:focus,.skip-link:focus{z-index:100}
body>footer:first-of-type::before,footer.f-footer::before{
  content:"";display:block;width:28px;height:40px;margin:0 auto 18px;
  background:var(--elevate-mark) center/contain no-repeat;pointer-events:none;
}
/* Decorative marks stay within introduction panels, away from chats and inputs. */
:is(.experience-intro,.personal-home-hero,.tt-heading,.home-heading,.f-hero),body[data-page=home] main{position:relative;isolation:isolate}
:is(.experience-intro,.personal-home-hero,.tt-heading,.home-heading,.f-hero)::before,body[data-page=home] main::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  width:clamp(80px,12vw,150px);height:clamp(112px,17vw,210px);
  inset:12px 18px auto auto;background:var(--elevate-mark) center/contain no-repeat;opacity:.04;
}
/* Personal home already carries its own mark in the hero. */
body[data-page=home] main:has(.personal-home-hero)::before{content:none}
/* Keep the brand visible on roomy screens without crowding mobile chat controls. */
@media(min-width:901px){
  body:not([data-page=agent]):not([data-page=crm])>.unified-header,
  body>.topbar{position:sticky;top:0;z-index:80}
  html{scroll-padding-top:112px}
  body .f-sidebar{top:112px}
}
@media(max-width:700px){
  :is(.experience-intro,.personal-home-hero,.tt-heading,.home-heading,.f-hero)::before,body[data-page=home] main::before{
    width:76px;height:106px;inset:8px 4px auto auto;opacity:.03;
  }
  body>footer:first-of-type::before,footer.f-footer::before{width:24px;height:34px;margin-bottom:14px}
}
@media(forced-colors:active){
  :is(.experience-intro,.personal-home-hero,.tt-heading,.home-heading,.f-hero)::before,body[data-page=home] main::before,
  body>footer:first-of-type::before,footer.f-footer::before{display:none}
}
@media print{
  body>.unified-header,body>.topbar{position:static!important}
}

/* Shared UI refinements, 20 Oct 2026. Keep icon controls and chat scrolling intact. */
body main :is(h1,h2,h3,h4){font-family:Montserrat,Arial,sans-serif!important;font-synthesis:none}
.topbar .main-nav button,.unified-header>nav>a{
 font:700 14px/1.4 Montserrat,Arial,sans-serif;min-height:44px;
 border-radius:10px;box-sizing:border-box;text-decoration:none;
}
.topbar,.unified-header{background:#111!important}
.topbar .main-nav button.active,.unified-header>nav>a[aria-current=page]{background:#29190f;color:#fff!important;box-shadow:inset 0 -2px #f8831f}
.topbar .main-nav button:focus-visible,.unified-header>nav>a:focus-visible,.navigation-signin:focus-visible{outline:3px solid #f8831f;outline-offset:3px}
.navigation-signin{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}
.profile-dropdown{box-sizing:border-box}
body[data-page=agent]{background:#f7f5f3}
body[data-page=agent] .agent-switcher a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;border-radius:12px;text-decoration:none;line-height:1.5}
body[data-page=agent] .account-agent .account-agent-compose button{
 min-height:48px;border-radius:12px;background:#f8831f;border-color:#f8831f;color:#30200f;
 font:700 14px/1.45 Montserrat,Arial,sans-serif;padding:13px 20px;
}
body[data-page=agent] .account-agent .account-agent-compose button:hover{background:#ff9b49;border-color:#ff9b49}
body[data-page=agent] main .account-agent .chat-notification-toggle{
 min-height:44px!important;border-radius:12px;background:#fff;color:#692602;border:1px solid #cdb9aa;
 font:700 12px/1.5 Montserrat,Arial,sans-serif;padding:10px 14px;max-width:calc(100% - 28px);white-space:normal;
}
body[data-page=agent] main .account-agent .chat-notification-toggle:hover{background:#fff2e6;border-color:#692602}
body[data-page=agent] .account-agent :is(button,textarea,a):focus-visible{outline:3px solid #ce420e;outline-offset:3px}
@media(max-width:700px){
 .topbar .main-nav button,.unified-header>nav>a{font-size:12px;flex:1;min-width:0;padding:9px 10px}
 body[data-page=agent] .agent-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body[data-page=agent] .agent-switcher a{min-width:0;white-space:normal;overflow-wrap:anywhere}
 body[data-page=agent] .account-agent-compose{grid-template-columns:minmax(0,1fr) auto}
 body[data-page=agent] .account-agent-compose textarea{min-width:0}
}
@media(max-width:380px){
 .topbar .brand,.unified-header .logo{gap:8px;min-width:0;flex:1 1 0}
 .topbar .brand strong,.unified-header .logo strong{font-size:18px;letter-spacing:1px}
 .topbar .brand small,.unified-header .logo small{font-size:9px;letter-spacing:0}
 .topbar .brand .elevate-logo,.unified-header .logo img{width:24px;height:34px}
 .profile-menu>summary{max-width:108px;gap:8px;padding:8px}
 .topbar .account-menu{flex-shrink:0}
}

/* Maintain readable guidance links on the dark agent heading. */
body[data-page=agent] .account-agent>header a{color:#ffb377;text-underline-offset:4px;display:inline-block;min-height:24px;line-height:1.6}

body[data-page=agent] .account-agent .account-agent-compose button:disabled,body[data-page=agent] main .account-agent .chat-notification-toggle:disabled{background:#eee9e4;border-color:#d9cfc6;color:#72675e;cursor:not-allowed;box-shadow:none;transform:none}

/* CRM keeps one contextual subtitle when the shared header is loaded. */
body[data-page=crm] .unified-header .logo>span{display:block}
body[data-page=crm] .unified-header .logo small{font-size:0;letter-spacing:0}