:root{color-scheme:light;--surface:#fff;--surface-soft:#f0f1f2;--focus:#167457}
.theme-tools{position:fixed;right:22px;bottom:20px;z-index:8}
#theme-toggle{box-shadow:0 5px 24px #18243a20;min-width:140px;min-height:44px}
[data-theme=dark] #theme-toggle{box-shadow:0 5px 24px #0005}
:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
[data-theme=dark]{color-scheme:dark;background:#111214;color:#f3f4f5;--surface:#1b1c1f;--surface-soft:#222326;--muted:#a7a9af;--line:#34363b;--ink:#f3f4f5;--green:#80d4b7;--focus:#80d4b7}
[data-theme=dark] .sidebar,[data-theme=dark] .panel,[data-theme=dark] .capability,[data-theme=dark] .metric,[data-theme=dark] .login-layout{background:var(--surface)}
[data-theme=dark] .topbar{background:#161719}
[data-theme=dark] .workspace,[data-theme=dark] .sidebar-note,[data-theme=dark] .empty{background:#202124;border-color:var(--line)}
[data-theme=dark] .workspace-icon,[data-theme=dark] .avatar,[data-theme=dark] .brand-initial{background:#263b34;color:#80d4b7}
[data-theme=dark] .nav-link{color:#b8bac0}
[data-theme=dark] .nav-link.active,[data-theme=dark] .account-nav a[aria-current=page]{background:#263b34;color:#80d4b7}
[data-theme=dark] .nav-link:hover{background:#282a2e}
[data-theme=dark] .btn,[data-theme=dark] .account-nav a{background:#252629;border-color:#404248;color:#f3f4f5}
[data-theme=dark] .btn:hover,[data-theme=dark] .account-nav a:hover{background:#303237;border-color:#80d4b7}
[data-theme=dark] .btn.primary,[data-theme=dark] .btn.light{background:#80d4b7;border-color:#80d4b7;color:#092c22}
[data-theme=dark] .btn.text{background:transparent;color:#85e3c1;border-color:transparent}
[data-theme=dark] .welcome,[data-theme=dark] .login-story{background:#1b1c1f}
[data-theme=dark] .welcome p:not(.eyebrow),[data-theme=dark] .login-story p:not(.eyebrow){color:#b8bac0}
[data-theme=dark] .welcome .eyebrow,[data-theme=dark] .login-story .eyebrow{color:#80d4b7}
[data-theme=dark] .soft,[data-theme=dark] .notice{background:var(--surface-soft);border-color:var(--line)}
[data-theme=dark] .info-row,[data-theme=dark] .steps li{border-color:var(--line)}
[data-theme=dark] .line{background:var(--line)}
[data-theme=dark] .pill{background:#263b34;color:#a0e5cb}
[data-theme=dark] .pill.amber{background:#433921;color:#e7d29e}
[data-theme=dark] .pill.muted{background:#292b2f;color:#b8bac0}
[data-theme=dark] .lab-note{color:#a7a9af;border-color:#34363b}
[data-theme=dark] .login-card input,[data-theme=dark] .login-card select{background:#151619;border-color:#404248;color:#f3f4f5}
[data-theme=dark] .login-card label,[data-theme=dark] .rights{color:#b8bac0}
[data-theme=dark] .error{background:#352620;border-color:#825e47}
[data-theme=dark] #login-error{color:#efb59b}
[data-theme=dark] .step-number{border-color:#404248;color:#b8bac0}
[data-theme=dark] .step-number.done{background:#263b34;color:#80d4b7;border-color:#466557}
[data-theme=dark] progress{accent-color:#80d4b7}
[data-theme=dark] progress::-webkit-progress-bar{background:#34363b}
[data-theme=dark] progress::-webkit-progress-value{background:#80d4b7}
[data-theme=dark] .skip{background:#263b34;color:#f3f4f5}
[data-theme=dark] .welcome,[data-theme=dark] .login-story{color:#f3f4f5}
[data-theme=dark] .orbit,[data-theme=dark] .orbit::before{border-color:#69c5a63d}
[data-theme=dark] .orbit-center{background:#80d4b7;color:#103b2f}
[data-theme=dark] .orbit-center small{color:#225a46}
[data-theme=dark] .orbit-tag{background:#252629;border-color:#404248;color:#f3f4f5}
[data-theme=dark] .orbit-point{background:#85e3c1}
[data-theme=dark] .sidebar-note>span,[data-theme=dark] .symbol,[data-theme=dark] .notice>span,[data-theme=dark] .empty>span{color:#80d4b7}
[data-theme=dark] .login-story .brand span,[data-theme=dark] .login-story small{color:#b8bac0}
@media(max-width:760px){.content{padding-bottom:90px}.sidebar nav{overflow-x:auto;justify-content:flex-start;padding-right:174px;min-height:76px}.nav-link{min-width:80px}[data-theme=dark] .sidebar nav{background:#1b1c1ff5}.login-card,.no-business{padding-bottom:100px}}
@media(max-width:700px){.theme-tools{right:16px;bottom:16px}#theme-toggle{min-width:130px}}

/* Console: neutral surfaces; mint is an interaction accent, not a background tint. */
:root{--accent:#80d4b7;--green:#167457;--ink:#202124;--muted:#656870;--line:#dedfe3;--surface:#fff;--surface-soft:#f0f1f2;--focus:#167457;background:#f5f5f6;color:var(--ink)}
[data-theme=dark]{--green:#80d4b7;--ink:#f3f4f5;--muted:#a7a9af;--line:#34363b;--surface:#1b1c1f;--surface-soft:#222326;--focus:#80d4b7;background:#111214;color:var(--ink)}
.topbar,.workspace,.sidebar-note,.empty,.soft,.notice{background:var(--surface-soft);border-color:var(--line)}
.workspace-icon,.avatar,.brand-initial{background:var(--surface-soft);color:var(--ink)}
.nav-link{color:var(--muted)}.nav-link:hover{background:var(--surface-soft)}
.nav-link.active,.account-nav a[aria-current=page]{background:#d9f5e9;color:#145c46}
[data-theme=dark] .nav-link.active,[data-theme=dark] .account-nav a[aria-current=page]{background:#263b34;color:var(--accent)}
.btn{background:var(--surface);border-color:var(--line);color:var(--ink)}
.btn.primary,.btn.light,[data-theme=dark] .btn.primary,[data-theme=dark] .btn.light{background:var(--accent);border-color:var(--accent);color:#10241d}
.btn.primary:hover,.btn.light:hover,[data-theme=dark] .btn.primary:hover,[data-theme=dark] .btn.light:hover{background:#97dfc5;border-color:#97dfc5;color:#10241d}
.btn.text{background:transparent;color:var(--green)}
.welcome,.login-story{background:#202124;color:#f3f4f5}.welcome p:not(.eyebrow),.login-story p:not(.eyebrow),.login-story small{color:#c1c3c8}.welcome .eyebrow,.login-story .eyebrow{color:var(--accent)}
.login-card input,.login-card select{background:var(--surface);color:var(--ink);border-color:var(--line)}.login-card label,.rights{color:var(--muted)}
.info-row,.steps li{border-color:var(--line)}.line{background:var(--line)}.lab-note{color:var(--muted);border-color:var(--line)}
.orbit-tag{background:#292b2f;border-color:#404248;color:#f3f4f5}.orbit-center{background:var(--accent);color:#10241d}.orbit-center small{color:#224e3f}.orbit-point{background:var(--accent)}.orbit,.orbit::before{border-color:#ffffff26}
.dash-quick a[data-create=product]{background:var(--accent);border-color:var(--accent);color:#10241d}.dash-quick a[data-create=product] svg{color:#10241d}.dash-quick a[data-create=product]:hover{background:#97dfc5}
progress{accent-color:var(--green)}progress::-webkit-progress-value{background:var(--green)}
@media(max-width:760px){.sidebar nav{background:#fffffff5}[data-theme=dark] .sidebar nav{background:#1b1c1ff5}}
/* Selected controls use the primary mint, never a dark green fill. */
:root .nav-link.active,:root .account-nav a[aria-current=page],:root .workspace-icon{background:var(--accent,#80d4b7);color:#111214;border-color:var(--accent,#80d4b7)}
:root .nav-link.active:hover{background:var(--accent,#80d4b7);color:#111214}
:root .nav-link.active span,:root .account-nav a[aria-current=page] span{color:#111214}

/* Crisp, consistent outline navigation, matching the landing icon language. */
.nav-link>span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon{display:block;width:21px;height:21px}.nav-link.active .nav-icon{stroke-width:2}@media(max-width:760px){.nav-icon{width:24px;height:24px}}

/* Equal outer tracks keep the story and form on the same vertical axis. */
.login-story{display:grid;grid-template-rows:1fr auto 1fr;gap:0;border-right:1px solid #34363b}
.login-story>.brand{grid-row:1;align-self:start;justify-self:start}
.login-story>div{grid-row:2;margin-block:0}
.login-story>small{grid-row:3;align-self:end}
.login-story h1{font-size:clamp(44px,4.2vw,58px);letter-spacing:-2px;line-height:1.1}
[data-theme=dark] .login-layout{background:#111214}
[data-theme=dark] .login-story{background:#202124}
.login-card .login-foot{color:var(--muted)}
@media(max-width:760px){
  .login-story{display:flex;gap:30px;border-right:0;border-bottom:1px solid #34363b}
  .login-story h1{font-size:39px;letter-spacing:-1.6px}
  .login-story>div{margin-block:0}
  .login-story h1 br:last-of-type{display:initial}
}