/* AdvisersOS platform: the brand and the product switcher, the same in every product (switcher.js).
   Fixed widths so the switcher sits at exactly the same place in Invest, Advisory and the CRM, at every width
   (Ethan, 14 Oct 2026: "keep the three tab location the same … so it doesn't appear to be jumping around"). */
html.aos-on .aos-head{flex:none!important;display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:0!important;order:-1}
html.aos-on .aos-brand{flex:none;display:flex;align-items:center;gap:10px;width:var(--aos-brand-w,176px);height:38px;margin:0;padding:0;text-decoration:none;color:#163E5C;box-sizing:border-box;overflow:hidden}
html.aos-on .aos-icon{flex:none;width:38px;height:38px;border-radius:11px;overflow:hidden;display:block}
html.aos-on .aos-icon svg,html.aos-on .aos-icon img{width:38px;height:38px;display:block}
html.aos-on .aos-name{display:flex;flex-direction:column;line-height:1.05;min-width:0;font-family:"Montserrat","Inter",system-ui,-apple-system,sans-serif}
html.aos-on .aos-name b{font-weight:700;font-size:19px;color:inherit;white-space:nowrap}
html.aos-on .aos-name small{font:600 11px "Inter",system-ui,-apple-system,sans-serif;color:#5B6B78;letter-spacing:.02em;white-space:nowrap;margin-top:2px}
:root[data-theme="dark"] .aos-brand,html.aos-on.dark .aos-brand{color:#EAF2F8}
:root[data-theme="dark"] .aos-name small{color:#9AAAB8}

html.aos-on .aos-switch{flex:none!important;display:inline-flex!important;gap:2px!important;padding:3px!important;margin:0!important;border-radius:12px!important;background:rgba(127,140,160,.14)!important;align-items:center!important;height:38px;box-sizing:border-box}
.aos-switch[hidden]{display:none!important}
html.aos-on .aos-tab{display:inline-flex!important;align-items:center;justify-content:center;min-height:32px!important;min-width:62px;padding:0 12px!important;border-radius:9px!important;font:700 13px/1 Inter,system-ui,-apple-system,sans-serif!important;color:#41566A!important;opacity:1!important;text-decoration:none;white-space:nowrap;box-shadow:none!important;background:transparent!important;box-sizing:border-box}
html.aos-on .aos-tab:hover{color:#163E5C!important}
html.aos-on .aos-tab.on{background:#fff!important;color:#14213D!important;box-shadow:0 1px 3px rgba(20,33,61,.18)!important}
:root[data-theme="dark"] .aos-tab{color:#9AAAB8!important}
:root[data-theme="dark"] .aos-tab.on{background:#26384A!important;color:#fff!important}

/* each product's own brand gives way to this one */
html.aos-on header .ax-logo,html.aos-on header .ax-brand,html.aos-on header > .logo,
html.aos-on #topbar .logo,html.aos-on #topbar .brand,
html.aos-on header.top .brand{display:none!important}

/* narrower screens: the same steps in every product, so the switcher still lines up. From 28 Oct 2026 the brand is the
   AdvisersOS logo (it opens Today) and the tabs open each product's dashboard: up to 1240 px the logo alone; up to 1060 px
   (an iPad upright, a phone) the tabs fold into one button naming the product, which opens Today and the products */
@media (max-width:1240px){html.aos-on:not(.aos-in-aos){--aos-brand-w:38px}html.aos-on:not(.aos-in-aos) .aos-name{display:none}html.aos-on .aos-name small{display:none}}
@media (max-width:1060px){html.aos-on{--aos-brand-w:38px}html.aos-on .aos-name{display:none}html.aos-on .aos-switch{display:none!important}html.aos-on .aos-head .aos-pick{display:block}html.aos-on .aos-head{gap:8px!important}}
/* Advisory's header upright is the fullest (the client, Save, the module picker, Back, AI, Present): full screen moves into the
   account menu there (aos-account.js), measured in every module (27 Oct 2026) */
@media (max-width:1060px){html.aos-in-advisory .aos-fs{display:none!important}}
html.aos-on .aos-pick{display:none;position:relative;flex:none}
html.aos-on .aos-pick-b{display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 8px 0 12px;border:0;border-radius:12px;background:rgba(127,140,160,.14);color:#14213D;font:700 14px Inter,system-ui,-apple-system,sans-serif;cursor:pointer;white-space:nowrap}
html.aos-on .aos-pick-b > svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
html.aos-on .aos-pick-i{display:block;width:26px;height:26px;border-radius:8px;overflow:hidden;flex:none}html.aos-on .aos-pick-i svg,html.aos-on .aos-pick-i img{width:26px;height:26px;display:block}
html.aos-on .aos-pick-m{position:absolute;left:0;top:44px;z-index:100300;min-width:220px;padding:6px;background:#fff;border:1px solid #DDE6EE;border-radius:14px;box-shadow:0 12px 32px rgba(10,20,30,.22)}
html.aos-on .aos-pick-m[hidden]{display:none}
html.aos-on .aos-pick-m a{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 10px;border-radius:10px;color:#163E5C;text-decoration:none;font:600 15px Inter,system-ui,sans-serif}
html.aos-on .aos-pick-m a:hover{background:#EAF2F8}
html.aos-on .aos-pick-m a > svg,html.aos-on .aos-pick-m a > img{width:28px;height:28px;flex:none;border-radius:8px}
html.aos-on .aos-pick-m a span{flex:1}html.aos-on .aos-pick-m a i{font-style:normal;color:#1F5F8B}
:root[data-theme="dark"] .aos-pick-b{color:#EAF2F8}
:root[data-theme="dark"] .aos-pick-m{background:#15202B;border-color:#34495C}:root[data-theme="dark"] .aos-pick-m a{color:#EAF2F8}:root[data-theme="dark"] .aos-pick-m a:hover{background:#1A2C3D}

/* the account menu (aos-account.js): one round button at the top right of every product, one panel */
html.aos-on .aos-me{flex:none;order:99;margin-left:8px;width:40px;height:40px;border-radius:50%;border:0;background:linear-gradient(135deg,#1F5F8B,#2BB673);color:#fff;font:700 14px Inter,system-ui,sans-serif;cursor:pointer;display:grid;place-items:center;padding:0}
html.aos-on .aos-me .out{font-size:11px;font-weight:700}
/* back and forward (aos-account.js): at the top left, before the brand, as Safari has them; only where the browser's bars
   are hidden (the home-screen app, full screen). On a phone (the CRM's home-screen app) two smaller buttons */
html.aos-on .aos-nav{flex:none;order:-2;display:inline-flex;align-items:center;gap:2px;height:38px;padding:3px;margin:0 2px 0 0;border-radius:12px;background:rgba(127,140,160,.14);box-sizing:border-box}
html.aos-on .aos-nav[hidden]{display:none!important}   /* (Invest's header lays its bar out as flex, over the hidden state: 26 Oct 2026) */
html.aos-on .aos-nav button{width:34px;height:32px;border:0;border-radius:9px;background:transparent;color:#163E5C;display:grid;place-items:center;padding:0;cursor:pointer}
html.aos-on .aos-nav button:not(:disabled):hover{background:#fff}
html.aos-on .aos-nav button:disabled{opacity:.32;cursor:default}
html.aos-on .aos-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:root[data-theme="dark"] .aos-nav button{color:#EAF2F8}
:root[data-theme="dark"] .aos-nav button:not(:disabled):hover{background:#26384A}
/* (narrower screens, an iPad upright: narrower buttons, and the product's icon gives way to them; the switcher names it) */
@media (max-width:1060px){html.aos-on .aos-nav{padding:2px}html.aos-on .aos-nav button{width:30px}}
@media (max-width:900px){html.aos-on .aos-nav:not([hidden])~.aos-head .aos-brand{display:none!important}}
/* (a phone, the CRM's home-screen app: Back alone, and the product's icon gives way to it; the switcher names the product) */
@media (max-width:699px){html.aos-on .aos-nav{height:34px;padding:2px}html.aos-on .aos-nav button{width:30px;height:30px}html.aos-on .aos-nav button[data-h="1"]{display:none}
  html.aos-on .aos-nav:not([hidden])~.aos-head .aos-brand{display:none!important}}
/* full screen (aos-account.js), just left of the account button; not on a phone, where the header has no room */
html.aos-on .aos-fs{flex:none;order:98;margin-left:8px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(127,140,160,.14);color:#163E5C;display:grid;place-items:center;padding:0;cursor:pointer}
html.aos-on .aos-fs svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:root[data-theme="dark"] .aos-fs{color:#EAF2F8}
@media (max-width:699px){html.aos-on .aos-fs{display:none}}
html.aos-acct #axAcctBtn,html.aos-acct #epSignOut{display:none!important}
.aos-panel-bg{position:fixed;inset:0;z-index:100500;background:rgba(10,20,30,.35);display:flex;justify-content:flex-end}
.aos-panel{width:min(420px,100vw);height:100%;overflow:auto;background:#fff;color:#1D2B36;box-shadow:-8px 0 30px rgba(0,0,0,.2);display:flex;flex-direction:column;font:400 14.5px/1.45 Inter,system-ui,sans-serif}
.aos-panel header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 18px 12px;border-bottom:1px solid #DDE6EE}
.aos-panel header b{display:block;font:700 18px Montserrat,Inter,sans-serif;color:#163E5C}.aos-panel header small{color:#5B6B78}
.aos-x{border:0;background:#F1F5F9;border-radius:50%;width:36px;height:36px;font-size:20px;cursor:pointer;color:#163E5C}
.aos-body{padding:6px 18px 0;flex:1}
/* the account menu's first row: the Today home (aos-account.js, 27 Oct 2026) */
.aos-today{display:flex;align-items:center;gap:12px;margin:12px 18px 2px;padding:10px 14px;min-height:52px;border-radius:12px;background:#EAF2F8;color:#163E5C;text-decoration:none}
.aos-today svg{width:22px;height:22px;flex:none;fill:none;stroke:#1F5F8B;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.aos-today span{flex:1;min-width:0;display:flex;flex-direction:column}.aos-today b{font:700 15px Inter,sans-serif}.aos-today small{color:#5B6B78;font-size:12.5px}
.aos-today i{font-style:normal;font-size:20px;color:#1F5F8B}
:root[data-theme="dark"] .aos-today{background:#1A2C3D;color:#EAF2F8}:root[data-theme="dark"] .aos-today svg,:root[data-theme="dark"] .aos-today i{stroke:#7DB7E2;color:#7DB7E2}:root[data-theme="dark"] .aos-today small{color:#9AAAB8}
.aos-panel section{padding:12px 0;border-bottom:1px solid #EEF2F6}
.aos-panel h4{margin:0 0 8px;font:700 12px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#1E8F59}
.aos-items{list-style:none;margin:0;padding:0}.aos-items li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0}
.aos-items b{display:block;color:#163E5C}.aos-items small{color:#5B6B78}.aos-items em{font-style:normal;color:#B8691A}
.aos-tot{font-weight:700;color:#163E5C;margin:6px 0}.aos-tot.warn{color:#B8691A}
.aos-note{color:#5B6B78;font-size:13px;margin:6px 0}
.aos-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}
.aos-btn{min-height:40px;border-radius:12px;border:1px solid transparent;background:#1F5F8B;color:#fff;font:600 14px Inter,sans-serif;padding:0 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}
.aos-btn.ghost{background:transparent;border-color:#C9D5DF;color:#163E5C}
.aos-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.aos-chips li{background:#F1F5F9;border-radius:99px;padding:5px 11px;font-weight:600;color:#163E5C;font-size:13.5px}.aos-chips small{color:#5B6B78;font-weight:500}
.aos-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.aos-form input,.aos-form select{min-height:42px;border-radius:10px;border:1px solid #C9D5DF;padding:0 10px;font:inherit;background:#fff;color:inherit}
.aos-form select{grid-column:1/-1}.aos-form .aos-btn{justify-self:start}.aos-msg{align-self:center;color:#1E8F59;font-weight:600}
.aos-seg{display:inline-flex;padding:3px;border-radius:12px;background:rgba(127,140,160,.14)}.aos-seg button{border:0;background:transparent;padding:8px 12px;border-radius:9px;font:600 13.5px Inter,sans-serif;cursor:pointer;color:#41566A}
.aos-seg button[aria-pressed="true"]{background:#fff;color:#14213D;box-shadow:0 1px 3px rgba(20,33,61,.18)}
.aos-panel footer{display:flex;justify-content:space-between;padding:14px 18px;border-top:1px solid #DDE6EE}
:root[data-theme="dark"] .aos-panel{background:#15202B;color:#D8E2EA}:root[data-theme="dark"] .aos-panel header b,:root[data-theme="dark"] .aos-items b,:root[data-theme="dark"] .aos-tot{color:#EAF2F8}
:root[data-theme="dark"] .aos-chips li,:root[data-theme="dark"] .aos-x{background:#1A2C3D;color:#EAF2F8}:root[data-theme="dark"] .aos-form input,:root[data-theme="dark"] .aos-form select{background:#0D151D;border-color:#34495C}
:root[data-theme="dark"] .aos-btn.ghost{color:#EAF2F8;border-color:#34495C}

/* the action sheet (aos-account.js ask / window.AOSAsk): above the account panel */
.aos-as-bg{position:fixed;inset:0;z-index:100600;background:rgba(10,20,30,.38);display:flex;align-items:center;justify-content:center;padding:16px}
.aos-as{width:min(400px,100%);background:#fff;color:#1D2B36;border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 18px 48px rgba(0,0,0,.28);font:400 15px/1.45 Inter,system-ui,sans-serif}
.aos-as b{text-align:center;font:700 17px Inter,sans-serif}.aos-as p{margin:0 0 6px;text-align:center;color:#5B6B78}
.aos-as-b{min-height:52px;border-radius:14px;border:1px solid #DDE6EE;background:#fff;color:#1F5F8B;font:600 17px Inter,sans-serif;cursor:pointer}
.aos-as-b.danger{color:#D93025;border-color:#F3C2BE;background:#FFF6F5}.aos-as-b.cancel{font-weight:700}
:root[data-theme="dark"] .aos-as{background:#15202B;color:#D8E2EA}:root[data-theme="dark"] .aos-as-b{background:#1B2A38;border-color:#34495C;color:#7CC4FF}
:root[data-theme="dark"] .aos-as-b.danger{background:#3A1F1F;border-color:#6B2C2C;color:#FF8A80}
/* the plans page: AdvisersOS's own mark (switcher.js); its "OS" in green, as the wordmark; the page's own text brand hidden */
.aos-brand-aos .aos-name b i{font-style:normal;color:#2BB673}
html.aos-in-aos header>a.brand{display:none!important}
/* "AdvisersOS" is longer than a product's name: room for it wherever the name shows (the icon alone below 1060px) */
@media (min-width:1061px){html.aos-on.aos-in-aos{--aos-brand-w:180px}html.aos-on.aos-in-aos .aos-name b{font-size:18px}}

/* AdvisersOS on this device (aos-account.js): the Install steps and the one-time tip */
.aos-inst{text-align:left}.aos-inst-h{display:flex;align-items:center;gap:12px;margin-bottom:4px}.aos-inst-h img{width:44px;height:44px;border-radius:11px}
.aos-inst-h b{text-align:left!important;font:700 17px Inter,sans-serif}.aos-inst ol{margin:4px 0 6px;padding-left:20px;display:flex;flex-direction:column;gap:10px;line-height:1.5}
.aos-ic{display:inline-flex;vertical-align:-4px;color:#1F5F8B;font-style:normal}
.aos-mock{display:inline-flex;align-items:center;gap:8px;border:1px solid #DDE6EE;border-radius:10px;padding:3px 10px;background:#F6F8FA;font-weight:600;white-space:nowrap}
.aos-tip{position:fixed;z-index:100400;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom,0px));width:min(440px,calc(100vw - 32px));display:flex;align-items:center;gap:10px;
  background:#fff;color:#1D2B36;border:1px solid #DDE6EE;border-radius:16px;padding:10px 10px 10px 12px;box-shadow:0 12px 32px rgba(10,20,30,.22);font:400 14px/1.35 Inter,system-ui,sans-serif}
.aos-tip img{width:40px;height:40px;border-radius:10px;flex:none}.aos-tip span{flex:1;min-width:0;display:flex;flex-direction:column}.aos-tip b{color:#163E5C}.aos-tip small{color:#5B6B78}
.aos-tip .aos-x{flex:none;width:32px;height:32px;font-size:18px}
:root[data-theme="dark"] .aos-tip{background:#15202B;color:#D8E2EA;border-color:#34495C}:root[data-theme="dark"] .aos-tip b{color:#EAF2F8}
:root[data-theme="dark"] .aos-mock{background:#1B2A38;border-color:#34495C}:root[data-theme="dark"] .aos-ic{color:#7CC4FF}
