/* Approved Oct 31 2026: top bar on the night sky, brighter midnight gold, navy accents in client files,
   carrier brand colors in the Client Book. Loaded last. Dark themes only (Ivory untouched). */

/* 1. No navy top bar: its buttons sit on the night-sky banner */
.main{position:relative}
.topbar{position:absolute!important;top:0;left:0;right:0;z-index:30;background:transparent!important;border-bottom:0!important;box-shadow:none!important;backdrop-filter:none!important}
html body .main main>.heading.starlight-banner{padding-top:86px!important}
body[data-section=financial] main{padding-top:72px!important}

/* 2. Brighter midnight gold: side column, AP numbers, gold labels */
html:not([data-theme=ivory]) aside .nav,html:not([data-theme=ivory]) aside .nav strong,html:not([data-theme=ivory]) aside .ui-ico,html:not([data-theme=ivory]) aside .ui-metric:not(.hot){color:#F5C964!important}
html:not([data-theme=ivory]) aside .nav small{color:#ECBE5E!important}
html:not([data-theme=ivory]) :is(.apb-big,.apb-mid){color:#F5C964!important;-webkit-text-fill-color:#F5C964!important}
html:not([data-theme=ivory]) :is(.apb-label,.eyebrow,.production-kicker,.kpi-label,.rd-kpi small){color:#ECBE5E!important}

/* 3. Navy blue accents in client and policy files (Midnight theme) */
html:not([data-theme=ivory]):not([data-theme=graphite]) :is(#clientDialog,#policyDialog,#cbSummary){background:#0A1424!important;border-color:#263854!important}
html:not([data-theme=ivory]):not([data-theme=graphite]) :is(#clientDialog,#policyDialog) .drawerhead{background:linear-gradient(112deg,#0A1424,#0F1C30 60%,#15243B)!important;border-bottom:1px solid #263854!important}
html:not([data-theme=ivory]):not([data-theme=graphite]) :is(#clientBody,#policyFormBody,.drawerbody){background:#0A1424!important}
html:not([data-theme=ivory]):not([data-theme=graphite]) :is(#clientDialog,#policyDialog) .section{background:#0F1C30!important;border-color:#263854!important}
html:not([data-theme=ivory]):not([data-theme=graphite]) :is(#clientDialog,#policyDialog) :is(input,select,textarea){background:#0A1424!important;border-color:#263854!important}

/* 4. Carrier brand colors (sampled from each carrier's logo/site, brightened for dark backgrounds) */
.cb-carrier[data-carrier]{font-weight:700}
.cb-carrier[data-carrier="aetna"]{color:#A262C8!important;text-shadow:0 0 10px rgba(125,63,152,.55)}
.cb-carrier[data-carrier="corebridge"]{color:#C053EF!important;text-shadow:0 0 12px rgba(192,83,239,.75)}
.cb-carrier[data-carrier="ethos"]{color:#3DE0A0!important;text-shadow:0 0 10px rgba(40,186,140,.55)}
.cb-carrier[data-carrier="combined"],.cb-carrier[data-carrier="combined/ethos"]{color:#1FD1D1!important;text-shadow:0 0 10px rgba(0,184,184,.55)}
.cb-carrier[data-carrier="aig"]{color:#1FB4F2!important;text-shadow:0 0 10px rgba(0,164,228,.55)}
.cb-carrier[data-carrier="american home life insurance company"]{color:#4A9BEA!important;text-shadow:0 0 10px rgba(0,83,159,.6)}
.cb-carrier[data-carrier="fidelity and guaranty life"]{color:#FFC93A!important;text-shadow:0 0 10px rgba(255,194,14,.45)}
.cb-carrier[data-carrier="instabrain"]{color:#4E9BFF!important;text-shadow:0 0 10px rgba(61,139,255,.55)}

/* 5. Neon-sign glow on AgentSpace status labels (dark themes) */
html:not([data-theme=ivory]) .as-pill{background:rgba(4,6,12,.75)!important;border-width:1.5px!important;letter-spacing:.02em;text-shadow:0 0 4px currentColor,0 0 10px currentColor;box-shadow:0 0 6px -1px currentColor,0 0 16px -4px currentColor,inset 0 0 8px -3px currentColor}
html:not([data-theme=ivory]) .as-pill:before{box-shadow:0 0 6px currentColor,0 0 12px currentColor}
html:not([data-theme=ivory]) .as-pill.as-pending{color:#FFB547!important;border-color:#FFB547!important}
html:not([data-theme=ivory]) .as-pill.as-submitted{color:#39FFB0!important;border-color:#39FFB0!important}
html:not([data-theme=ivory]) .as-pill.as-posting{color:#4FC3FF!important;border-color:#4FC3FF!important}
html:not([data-theme=ivory]) .as-pill.as-attention{color:#FF4F6D!important;border-color:#FF4F6D!important}
html:not([data-theme=ivory]) .as-pill.as-unlinked{color:#AEB6C6!important;border-color:rgba(174,182,198,.55)!important;text-shadow:none;box-shadow:none}
@media (prefers-reduced-motion:no-preference){html:not([data-theme=ivory]) .as-pill.as-pending{animation:asNeon 3.2s ease-in-out infinite}}
@keyframes asNeon{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}

/* 6. Client Book policy status: click to change, neon colors */
.cb-st{--c:#AEB6C6;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font:inherit;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;padding:4px 9px;border-radius:5px;border:1.5px solid var(--c);color:var(--c);background:rgba(4,6,12,.78);text-shadow:0 0 4px var(--c),0 0 10px var(--c);box-shadow:0 0 6px -1px var(--c),0 0 16px -4px var(--c),inset 0 0 8px -3px var(--c);transition:filter .15s,transform .08s}
.cb-st:hover{filter:brightness(1.2)}.cb-st:active{transform:translateY(1px)}
.cb-st:focus-visible{outline:2px solid #fff;outline-offset:2px}
.cb-st span{font-size:10px;opacity:.75;text-shadow:none}
.cb-st-review{--c:#FFE45C}
.cb-st-submitted{--c:#4FC3FF}
.cb-st-active{--c:#39FF88}
.cb-st-issued{--c:#C77DFF}
.cb-st-withdrawn{--c:#D7DEEA}
.cb-st-lapsed{--c:#FF4D5E}
.cb-st-failed{--c:#FF3EA5}
.cb-st-other{--c:#8E97A8;text-shadow:none;box-shadow:none}
.cb-st-menu{position:fixed;z-index:9999;display:grid;gap:6px;padding:10px;min-width:210px;background:#070B14;border:1px solid #263854;border-radius:8px;box-shadow:0 18px 40px rgba(0,0,0,.6)}
.cb-st-menu[hidden]{display:none}
.cb-st-menu-h{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ECBE5E;padding:0 2px 2px}
.cb-st-menu .cb-st{justify-content:flex-start;width:100%}
.cb-st-menu .cb-st[aria-checked="true"]:after{content:"✓";margin-left:auto}
html[data-theme=ivory] .cb-st{background:#fff;text-shadow:none;box-shadow:none}
html[data-theme=ivory] .cb-st-review{--c:#9A7B00}html[data-theme=ivory] .cb-st-submitted{--c:#1F6FB0}html[data-theme=ivory] .cb-st-active{--c:#13865F}html[data-theme=ivory] .cb-st-issued{--c:#7A3FC0}html[data-theme=ivory] .cb-st-withdrawn{--c:#5A6272}html[data-theme=ivory] .cb-st-lapsed{--c:#C2412F}html[data-theme=ivory] .cb-st-failed{--c:#B8237A}

/* 7. Client Book dropdown in the sidebar (Written / Rewritten clients) */
.nav-sub{display:none;margin:-2px 0 6px 12px;padding-left:8px;border-left:1.5px solid rgba(236,190,94,.35)}
.nav-sub.open{display:block}
.nav-sub .nav{min-height:44px!important;padding-top:4px!important;padding-bottom:4px!important;margin-bottom:4px!important}
.nav-sub .nav .ui-ico{width:30px;height:30px}
.nav-sub .nav .ui-ico svg{width:17px;height:17px}
.nav-caret{margin-left:auto;font-size:11px;color:#ECBE5E;transition:transform .15s;opacity:0}
aside:hover .nav-caret,aside:focus-within .nav-caret,body:not(.ui-rail) .nav-caret{opacity:1}
.nav[aria-expanded="true"] .nav-caret{transform:rotate(180deg)}
.nav.group-active{box-shadow:inset 2px 0 rgba(236,190,94,.45)!important}
@media(min-width:601px){body.ui-rail aside:not(:hover):not(:focus-within) .nav-sub{margin-left:0;padding-left:0;border-left:0}}

/* Neon labels: crisp lettering, glow kept on the outline only */
.cb-st,html:not([data-theme=ivory]) .as-pill{text-shadow:0 0 1px rgba(0,0,0,.6)!important;-webkit-font-smoothing:antialiased}
.cb-st span{text-shadow:none!important}
html:not([data-theme=ivory]) .as-pill:before{box-shadow:0 0 4px currentColor,0 0 8px currentColor}
.cb-st-homeoffice{--c:#FF9A2E}
.cb-st-declined{--c:#FF3352;color:#FFD9DF!important;background:rgba(120,8,28,.55)}
html[data-theme=ivory] .cb-st-homeoffice{--c:#C25E00}html[data-theme=ivory] .cb-st-declined{--c:#9E1028;background:#fff}
