/* SignalCore by SmartersWeb — unified site identity for SmartRECORDING v5. */
:root {--bg:#0B1016;--panel:#121D25;--panel2:#192831;--border:#2B4047;--muted:#A8BBC2;--text:#F4F8FA;--aqua:#00E5B8;--aqua2:#00B08F;--gold:#F6C589;color-scheme:dark}
body{background:#0B1016;color:#F4F8FA}
.top-glow{background:radial-gradient(ellipse 47% 58% at 56% 0%,#00B08F16,transparent)}
.topbar{position:relative;z-index:10;background:#0B1016de;backdrop-filter:blur(18px);border-bottom-color:#63A89530}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;line-height:1;min-width:210px;letter-spacing:0}
.signalcore-emblem{width:45px;height:45px;display:inline-grid;place-items:center;flex:none;border-radius:12px;background:linear-gradient(135deg,#15242B,#0B1218);box-shadow:inset 0 0 0 1px #4BCFA329}
.signalcore-emblem img{display:block;width:43px;height:43px;object-fit:contain}
.signalcore-lockup{display:flex;flex-direction:column;justify-content:center;gap:4px}
.signalcore-name{font-family:Inter,'DM Sans',system-ui,sans-serif;white-space:nowrap;font-size:1.27rem;font-weight:850;color:#F4F8FA;letter-spacing:-.058em;line-height:1}
.signalcore-name span{color:#00E5B8}
.signalcore-lockup small{display:block;align-self:end;font-family:Inter,system-ui,sans-serif;color:#A6BBC1;font-size:.61rem;letter-spacing:.025em;line-height:1.15;font-weight:500}
.brand:focus-visible,.aim-rail-logo:focus-visible{outline:2px solid #00E5B8;outline-offset:4px}
.hero h1 em,body.ai-page .aim-create h1 em{color:#00E5B8}
.btn{background:#00CFA7;border-color:#00D7AE;color:#041912;box-shadow:0 8px 34px #00BA9315}
.btn:hover{background:#63F4D2;border-color:#63F4D2}
.hero-visual{border-color:#3A625C;box-shadow:0 35px 110px #0009,0 0 75px #00D9B015}
.pill,.subtle-pill{background:#00B08F16;border-color:#00E5B84D;color:#89EBD5}
.eyebrow{color:#64E8C8}
.sidebar .selected,.side-link.selected{border-color:#00E5B859}
/* AI Lab inherits SignalCore teal, without changing any generation functionality. */
body.ai-page {--aim-bg:#0B1016;--aim-pane:#111B23;--aim-card:#17262E;--aim-soft:#22333B;--aim-line:#2A3C43;--aim-text:#F4F8FA;--aim-muted:#A6B9BF;--aim-accent:#00E5B8;--aim-orange:#00CFA7;background:#0B1016}
body.ai-page .topbar{background:#0B1016;border-color:#2C4048}
body.ai-page .aim-rail{background:#0D151C}
body.ai-page .aim-create{background:#121C24}
body.ai-page .aim-rail-logo{display:grid;place-items:center;margin:3px 0 28px 13px;width:47px;height:47px;padding:0;background:transparent;border-radius:12px;overflow:hidden}
body.ai-page .aim-rail-logo img{width:47px;height:47px;object-fit:cover;border-radius:12px}
body.ai-page .aim-rail>a.active{background:#164039;color:#DDFCF4}
body.ai-page .aim-rail>a:hover{background:#1D3134;color:#fff}
body.ai-page .aim-pro-pill, body.ai-page .aim-kicker{color:#67E7C8}
body.ai-page .aim-create h1 em{color:#5BEFCB}
body.ai-page .aim-create-btn{background:linear-gradient(110deg,#00B08F,#00E5B8);color:#05241D}
body.ai-page .aim-create-btn:disabled{opacity:.54}
body.ai-page .aim-type-tabs button.selected{background:#21453F;color:#ECFFF8}
body.ai-page .aim-mode button.selected{background:#CEFAED;color:#092920}
body.ai-page .aim-field label span{color:#81EDD5}
body.ai-page .aim-library{background:#0F181F}
body.ai-page .aim-inspector{background:#101A22}
/* Accessible mobile branding: logo + endorsement stay visible without overflowing. */
/* Authenticated navigation is longer than public navigation; collapse before it crowds the logo. */
@media(max-width:1260px){.mobile-toggle{display:block}.topnav{position:absolute;z-index:30;right:18px;top:74px;display:none;flex-direction:column;align-items:stretch;gap:12px;min-width:258px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 90px);overflow-y:auto;padding:20px;background:#14232A;border:1px solid #35524F;border-radius:14px;box-shadow:0 26px 70px #000b}.topnav.open{display:flex}.topnav>a,.topnav form{width:100%}.topnav .nav-logout{padding:10px 0}}
@media(max-width:1150px){.topbar{gap:14px}.topnav{gap:13px}.brand{min-width:190px}.signalcore-name{font-size:1.12rem}}
@media(max-width:850px){.topnav{top:67px}.topbar{height:72px}.signalcore-emblem,.signalcore-emblem img{width:40px;height:40px}.signalcore-name{font-size:1.18rem}.brand{min-width:0}}
@media(max-width:380px){.signalcore-name{font-size:1.06rem}.signalcore-lockup small{font-size:.53rem}.signalcore-emblem,.signalcore-emblem img{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.brand,.signalcore-emblem,.signalcore-lockup{transition:none}}