/* ===== AdvisersOS platform: Invest in Advisory's colours (Ethan, 12 Oct 2026: "use Advisory's colour scheme") =====
   Added to Invest's pages by platform/build.mjs only, so advisersos.com as it is today is untouched.
   Maps Invest's own variables onto Advisory's palette (apps/clientlens/css/app.css :root), and gives the header
   Advisory's white top bar, tab style, icon buttons and fonts. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/platform/fonts/inter-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url(/platform/fonts/montserrat-latin-wght-normal.woff2) format("woff2")}
:root{
  --aos-page:#F6F8FA;--aos-card:#FFFFFF;--aos-tint:#EAF2F8;--aos-tint2:#F1F5F9;--aos-line:#DDE6EE;--aos-line2:#C9D5DF;
  --aos-ink:#163E5C;--aos-text:#1D2B36;--aos-muted:#5B6B78;--aos-blue:#1F5F8B;--aos-green:#2BB673;--aos-green-d:#1E8F59;
  --aos-shadow:0 1px 3px rgba(22,62,92,.10);
  /* Invest's variables, re-pointed */
  --navy:#163E5C;--navy2:#1F5F8B;--teal:#1F5F8B;--teal-d:#163E5C;--gold:#D9822B;
  --bg:var(--aos-page);--card:var(--aos-card);--ink:var(--aos-text);--mut:var(--aos-muted);--mut2:#44535F;--line:var(--aos-line);
  --chip:var(--aos-tint);--pos:#1E8F59;--neg:#C0392B;--colhi:#E6F6EE;--colhi-th:#1E8F59;
  --field:var(--aos-tint2);--fieldline:var(--aos-line2);--fieldph:#6B7A87;--panel:var(--aos-tint2);--sheet:#fff;--th:var(--aos-tint2);--thc:#44535F;--thh:var(--aos-tint);
  --rowline:#EEF2F6;--rowhover:#F1F7FB;--barbg:#EEF2F6;--grpbg:#E3EBF2
}
:root[data-theme="dark"]{
  --aos-page:#0D151D;--aos-card:#15202B;--aos-tint:#1A2C3D;--aos-tint2:#1A2530;--aos-line:#263646;--aos-line2:#34495C;
  --aos-ink:#EAF2F8;--aos-text:#D8E2EA;--aos-muted:#9AAAB8;--aos-blue:#5AA2D8;--aos-green:#34C785;--aos-green-d:#5ADB9F;
  --aos-shadow:0 1px 3px rgba(0,0,0,.4);
  --navy:#1D4568;--navy2:#1F5F8B;--teal:#5AA2D8;--teal-d:#7DB7E2;--gold:#E8A04E;
  --bg:var(--aos-page);--card:var(--aos-card);--ink:var(--aos-text);--mut:var(--aos-muted);--mut2:#B7C4CF;--line:var(--aos-line);
  --chip:var(--aos-tint);--pos:#5ADB9F;--neg:#EF7C6E;--colhi:rgba(52,199,133,.14);--colhi-th:#5ADB9F;
  --field:#101A24;--fieldline:var(--aos-line2);--fieldph:#8C9CAA;--panel:var(--aos-tint2);--sheet:var(--aos-card);--th:var(--aos-tint2);--thc:#9AAAB8;--thh:var(--aos-tint);
  --rowline:#1F2C38;--rowhover:#1A2836;--barbg:#1A2530;--grpbg:#1E2E3D
}
body{font-family:"Inter",system-ui,-apple-system,"PingFang SC","Hiragino Sans GB",sans-serif;background:var(--bg)}
h1,h2,h3,.logo{font-family:"Montserrat","Inter",system-ui,sans-serif}

/* the header: Advisory's white top bar */
header{background:var(--aos-card)!important;color:var(--aos-ink)!important;border-bottom:1px solid var(--aos-line);box-shadow:none!important;padding:10px 18px!important;gap:12px!important;min-height:64px}
header .logo{color:var(--aos-ink);font-size:19px;letter-spacing:0}
header .logo span{color:var(--aos-green)}
header .tag{color:var(--aos-muted)!important}
/* Invest's own menu as Advisory's segmented control */
header nav:not(.aos-switch){background:var(--aos-tint);border-radius:12px;padding:3px;gap:2px!important;margin-left:0!important}
header nav:not(.aos-switch) button{color:var(--aos-blue)!important;font:600 13.5px/1.15 "Inter",system-ui,sans-serif!important;padding:8px 11px!important;border-radius:9px!important;min-height:40px;white-space:nowrap}
header nav:not(.aos-switch) button:hover{background:rgba(31,95,139,.08)!important;color:var(--aos-ink)!important}
header nav:not(.aos-switch) button.active{background:var(--aos-card)!important;color:var(--aos-ink)!important;box-shadow:var(--aos-shadow)}
:root[data-theme="dark"] header nav:not(.aos-switch) button.active{background:var(--navy)!important;color:#fff!important}
/* the product switcher and controls in the same style */
header .aos-switch{background:var(--aos-tint)}
header .aos-tab{color:var(--aos-blue)}
header .aos-tab.on{background:var(--aos-card);color:var(--aos-ink)}
:root[data-theme="dark"] header .aos-tab.on{background:var(--navy);color:#fff}
#hdrCtrls{margin-left:auto}
header .ep-lang{background:var(--aos-tint)}
header .ep-lang button{color:var(--aos-blue)}
header .ep-lang button[aria-pressed="true"]{background:var(--aos-card);color:var(--aos-ink);box-shadow:var(--aos-shadow)}
:root[data-theme="dark"] header .ep-lang button[aria-pressed="true"]{background:var(--navy);color:#fff}
/* the light/dark button: Advisory's icon button */
#themeToggle{min-width:44px;height:44px;padding:0 10px!important;border-radius:12px!important;border:1px solid var(--aos-line)!important;background:var(--aos-card)!important;color:var(--aos-ink)!important;justify-content:center}
#themeToggle:hover{background:var(--aos-tint)!important}
/* the account area (email, plan badge, sign out) on a light bar */
header a,header #hdrCtrls button:not(#themeToggle):not([data-lang]){color:var(--aos-ink)}
header #hdrCtrls [id^="ep"],header #hdrCtrls .ep-acct{color:var(--aos-ink)}
@media (max-width:1240px){header .tag{display:none}header nav:not(.aos-switch) button{padding:8px 8px!important;font-size:12.5px!important}}

/* one row, as in Advisory: AdvisersOS · products · Invest's sections · language · light/dark · account.
   Each product has its own accent so it is clear which one is open: Invest blue, Advisory green, CRM amber. */
:root{--aos-accent:#1F5F8B}
:root[data-theme="dark"]{--aos-accent:#5AA2D8}
header{flex-wrap:nowrap!important;padding:8px 14px!important;gap:10px!important;min-height:64px;position:sticky;top:0;z-index:50}
header > div:first-child{flex:none}
header .tag{display:none}
header nav:not(.aos-switch){flex:0 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
header nav:not(.aos-switch)::-webkit-scrollbar{display:none}
header nav:not(.aos-switch) button{flex:0 0 auto;padding:8px 12px!important;font-size:13.5px!important}
header nav:not(.aos-switch) button.active{box-shadow:inset 0 -3px 0 var(--aos-accent),var(--aos-shadow)}
#hdrCtrls{flex:none;display:flex;align-items:center;gap:8px}
/* the account: the email shortens on an iPad; it is in full on hover */
#epAuthBox{display:flex;align-items:center;gap:6px;min-width:0}
#epAuthBox > span:first-child{max-width:110px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1240px){header nav:not(.aos-switch) button{padding:8px 9px!important;font-size:13px!important}#epAuthBox > span:first-child{display:none}}
@media (max-width:900px){header{flex-wrap:wrap!important;row-gap:6px!important}header nav:not(.aos-switch){order:10;flex:1 0 100%}}