/* Joki Radar — NBDY-style editorial layer (owner-approved v2, 28 Sep 2026).
   Loaded LAST. Style only: no DOM contract, ID or listener changes. Remove the <link> (and nbdy.js) to roll back.
   Type/spacing measured from nbdy.world computed styles; font = the same system stack (no web font is loaded). */
:root{
 --nb-font:"Helvetica Neue",Helvetica,Arial,sans-serif;
 --nb-bg:#FFFFFF;--nb-ink:#1A1A1A;--nb-muted:rgba(26,26,26,.7);--nb-soft:rgba(26,26,26,.05);--nb-line:rgba(26,26,26,.12);
 --nb-green:#0B7A3B;--nb-green2:#17B35A;--nb-lime:#DCE75E;--nb-sage:#EEF2EA;
 --nb-pad:16px;
 /* remap the Slip tokens so every existing component follows */
 --display:var(--nb-font);--body:var(--nb-font);--font-mono:var(--nb-font);
 --jr-paper:var(--nb-bg);--bg:var(--nb-bg);--card:#F6F6F5;--surface:#F6F6F5;--tint:#F0F1EE;
 --text-1:var(--nb-ink);--text:var(--nb-ink);--muted-1:var(--nb-muted);--muted:var(--nb-muted);--line-1:var(--nb-line);--line-2:rgba(26,26,26,.2);--line:var(--nb-line)}
html[data-theme="dark"]{
 --nb-bg:#111413;--nb-ink:#EDEFEC;--nb-muted:rgba(237,239,236,.7);--nb-soft:rgba(237,239,236,.06);--nb-line:rgba(237,239,236,.14);--nb-sage:#18201B;
 --jr-paper:var(--nb-bg);--bg:var(--nb-bg);--card:#1A1E1C;--surface:#1A1E1C;--tint:#202624;
 --text-1:var(--nb-ink);--text:var(--nb-ink);--muted-1:var(--nb-muted);--muted:var(--nb-muted);--line-1:var(--nb-line);--line-2:rgba(237,239,236,.22);--line:var(--nb-line)}
@media (min-width:750px){:root{--nb-pad:40px}}
html,body{background:var(--nb-bg)!important;color:var(--nb-ink)}
body,button,input,select,textarea{font-family:var(--nb-font)!important}
body{font-size:14px;line-height:1.6}
.eyebrow,.seg-family,.panel-label,.home-guide-head,.pill-tag{font-family:var(--nb-font)!important;font-size:12px!important;font-weight:700!important;letter-spacing:1.8px!important;text-transform:uppercase!important;color:var(--nb-muted)!important}
:focus-visible{outline:2px solid var(--nb-green2)!important;outline-offset:3px}

/* shared CTA: underlined label + 36px circle (reference: 12/700/1.8px, 1px rule, gap 16) */
.nb-cta{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:#fff;text-decoration:none}
.nb-cta .nb-lbl{font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;padding-bottom:8px;border-bottom:1px solid currentColor;line-height:1.2}
.nb-cta .nb-ico{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1A1A1A;flex:0 0 36px}
.nb-cta .nb-ico svg{width:18px;height:18px}
.nb-cta-dark{color:var(--nb-ink)}.nb-cta-dark .nb-ico{background:var(--nb-ink);color:var(--nb-bg)}
.nb-pill,#auth .nb-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border-radius:999px!important;background:#fff!important;color:#1A1A1A!important;border:0!important;font-size:12px;font-weight:700;letter-spacing:.96px;text-transform:uppercase;text-decoration:none;line-height:1.2}
@media (min-width:750px){.nb-pill{padding:16px 24px}}
.nb-h2{font-size:32px!important;font-weight:500!important;letter-spacing:-.035em!important;line-height:1!important;text-transform:uppercase;margin:8px 0 0!important}
@media (min-width:750px){.nb-h2{font-size:48px!important}}
.nb-center{text-align:center}

/* ---------------- public home ---------------- */
#auth.public-home{background:var(--nb-bg)!important;color:var(--nb-ink)!important;display:block;min-height:0}
.nb-home{background:var(--nb-bg)}
.nb-announce{margin:0;background:var(--nb-green);color:#fff;text-align:center;font-size:12px;font-weight:700;letter-spacing:.36px;text-transform:uppercase;line-height:1.2;padding:10px var(--nb-pad);min-height:44px;display:flex;align-items:center;justify-content:center}
@media (min-width:750px){.nb-announce{min-height:32px}}
.nb-hero-wrap{position:relative}
#auth .nb-header{position:absolute;left:0;right:0;top:0;z-index:3;max-width:none;height:56px;margin:0;padding:6px var(--nb-pad);border:0!important;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:#fff;background:transparent!important}
@media (min-width:750px){#auth .nb-header{height:72px;padding:14px var(--nb-pad)}}
.nb-hl,.nb-hr,#auth .nb-header .hdr-actions{display:flex;align-items:center}
.nb-hr,#auth .nb-header .hdr-actions{justify-content:flex-end;gap:4px}
@media (min-width:750px){.nb-hl{gap:24px}}
.nb-ctl,#auth .nb-header .home-signin{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;color:#fff!important;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;padding:0}
.nb-ctl svg{width:24px;height:24px}
.nb-t{display:none}
@media (min-width:750px){.nb-t{display:inline}}
#auth .nb-word{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#fff!important;text-decoration:none;font-size:22px!important;font-weight:700;letter-spacing:-.02em!important;text-transform:uppercase;white-space:nowrap}
#auth .nb-word .mark{width:24px;height:24px;color:var(--nb-lime)}
@media (min-width:750px){#auth .nb-word{font-size:28px!important}}
#auth .nb-header .theme-toggle{color:#fff;background:transparent;border:0;min-width:44px;min-height:44px}
#auth .nb-hero{position:relative;display:block;height:500px;padding:0;margin:0;background:#0D1A14;color:#fff;overflow:hidden;max-width:none;grid-template-columns:none}
@media (min-width:750px){#auth .nb-hero{height:calc(100vh - 32px);min-height:640px;max-height:900px}}
.nb-hero-art{position:absolute;inset:0;width:100%;height:100%}
@media (max-width:749px){.nb-hchart{display:none}}
#auth .nb-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.25) 40%,rgba(0,0,0,.6));pointer-events:none}
.nb-hero-in{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;justify-content:center;padding:48px 24px;text-align:center}
@media (min-width:750px){.nb-hero-in{padding:96px}}
#auth .nb-stack{display:flex;flex-direction:column;align-items:center;max-width:760px}
#auth .nb-stack .eyebrow{color:#fff!important}
#auth .nb-stack h1{font-size:40px!important;font-weight:500!important;letter-spacing:-.035em!important;line-height:1!important;text-transform:uppercase;margin:8px 0 16px!important;color:#fff}
#auth .nb-stack h1 em{font-style:normal;color:#fff;background:none}
@media (min-width:750px){#auth .nb-stack h1{font-size:72px!important}}
#auth .nb-stack .home-lead{font-size:14px!important;line-height:1.6;color:rgba(255,255,255,.85)!important;margin:0 0 16px;max-width:46ch}
@media (max-width:420px){#auth .nb-stack .home-lead{display:none}}
#auth .nb-stack .home-actions{margin:0;justify-content:center}
.nb-sub{margin-top:10px;color:rgba(255,255,255,.9)!important;font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:6px}
.nb-sub span{border-bottom:1px solid currentColor;padding-bottom:2px}
#auth .nb-stack .install-entry{margin-top:4px;min-height:44px;background:transparent!important;border:0!important;color:rgba(255,255,255,.75)!important;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;text-decoration:underline;box-shadow:none!important}
#auth .nb-content{max-width:none;margin:0;padding:0}
/* rail */
#auth .nb-rail{padding:67px 0;border:0!important}
@media (min-width:750px){#auth .nb-rail{padding:96px 0}}
.nb-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 var(--nb-pad);margin-bottom:32px}
.nb-railnav{display:none;gap:8px}
@media (min-width:750px){.nb-railnav{display:flex}}
.nb-railnav button{width:44px;height:44px;border-radius:50%;border:0;background:var(--nb-green2);color:#1A1A1A;display:grid;place-items:center;cursor:pointer}
.nb-railnav button:first-child{background:rgba(23,179,90,.35)}
.nb-railnav svg{width:20px;height:20px}
.nb-track{display:flex;gap:8px;overflow-x:auto;padding:0 var(--nb-pad);scroll-snap-type:x mandatory;scroll-padding-inline:var(--nb-pad);scrollbar-width:none;overscroll-behavior-x:contain}
.nb-track::-webkit-scrollbar{display:none}
.nb-card{position:relative;flex:0 0 304px;height:507px;border-radius:12px;overflow:hidden;scroll-snap-align:start;color:#fff;background:linear-gradient(#1F5A3B,#0D1A14)}
.nb-card.nb-storm{background:linear-gradient(#5C7A2A,#0F2A1D)}.nb-card.nb-boom{background:linear-gradient(#4E8A3C,#13261A)}.nb-card.nb-crash{background:linear-gradient(#7A3E2A,#231A12)}
@media (min-width:750px){.nb-card{flex-basis:331px;height:552px}}
.nb-card-art{position:absolute;inset:0;width:100%;height:100%}
.nb-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none}
.nb-card-num{position:absolute;left:24px;top:22px;font-size:64px;font-weight:500;letter-spacing:-.03em;color:rgba(255,255,255,.14);line-height:1}
.nb-card-cap{position:absolute;z-index:1;left:16px;right:16px;bottom:16px;display:flex;flex-direction:column;gap:4px}
@media (min-width:750px){.nb-card-cap{left:24px;right:24px;bottom:24px}}
.nb-card-name{font-size:20px;font-weight:500;line-height:1.25}
.nb-card-sub{font-size:14px;color:rgba(255,255,255,.8);margin-bottom:12px}
/* split panels */
.nb-split{display:grid;grid-template-columns:1fr}
@media (min-width:750px){.nb-split{grid-template-columns:1fr 1fr}}
#auth .nb-panel{position:relative;min-height:420px;overflow:hidden;color:#fff;margin:0;padding:0;border:0;box-shadow:none;background:#1A1A1A;display:flex;align-items:flex-end}
@media (min-width:750px){#auth .nb-panel{min-height:700px}}
.nb-panel-art{position:absolute;inset:0;width:100%;height:100%}
#auth .nb-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0) 30%,rgba(0,0,0,.78));pointer-events:none}
.nb-panel-in{position:relative;z-index:1;padding:32px;width:100%}
@media (min-width:750px){.nb-panel-in{padding:40px}}
#auth .nb-panel .eyebrow{color:#fff!important}
#auth .nb-panel h2{font-size:24px!important;font-weight:500!important;letter-spacing:-.035em!important;line-height:1.25!important;margin:8px 0 16px!important;color:#fff;text-transform:none}
@media (min-width:750px){#auth .nb-panel h2{font-size:32px!important}}
#auth .nb-panel p,#auth .nb-panel .home-guide-row p{color:rgba(255,255,255,.82)!important;font-size:14px}
#auth .nb-panel .home-guide-row{border-top:1px solid rgba(255,255,255,.2);padding:12px 0;gap:16px}
#auth .nb-panel .home-number{color:var(--nb-lime);font:700 12px var(--nb-font);letter-spacing:1.8px}
#auth .nb-panel strong{color:#fff}
/* steps + faq */
#auth .nb-steps,#auth .nb-faq{padding:67px var(--nb-pad);max-width:1280px;margin:0 auto;border:0}
@media (min-width:750px){#auth .nb-steps,#auth .nb-faq{padding:96px var(--nb-pad)}}
#auth .nb-steps ol{display:grid;grid-template-columns:1fr;gap:8px;margin:32px 0}
@media (min-width:750px){#auth .nb-steps ol{grid-template-columns:repeat(3,1fr)}}
#auth .nb-steps li{background:var(--nb-soft);border:0!important;border-radius:12px;padding:24px;min-height:220px;display:flex;flex-direction:column}
#auth .nb-steps li>span{font:700 12px var(--nb-font)!important;letter-spacing:1.8px;text-transform:uppercase;color:var(--nb-muted)!important}
#auth .nb-steps h3{font-size:20px;font-weight:500;letter-spacing:-.02em;margin:auto 0 8px;color:var(--nb-ink)}
#auth .nb-steps li p,#auth .nb-faq p{color:var(--nb-muted)!important;font-size:14px;line-height:1.6}
#auth .nb-steps .home-eligibility{color:var(--nb-muted)!important;font-size:12px;margin-top:12px}
#auth .nb-faq h3{font-size:16px;font-weight:500;margin:28px 0 6px;color:var(--nb-ink);border-top:1px solid var(--nb-line);padding-top:16px}
#auth .nb-faq a{color:var(--nb-ink);text-decoration:underline}
#auth .home-risk{max-width:1280px;margin:0 auto;padding:0 var(--nb-pad) 48px;color:var(--nb-muted)!important;font-size:12px}
/* members sign-in block (existing auth-form) */
#auth .auth-form{max-width:560px;margin:0 auto;padding:48px var(--nb-pad) 64px;background:var(--nb-bg)!important;border-top:1px solid var(--nb-line)!important;color:var(--nb-ink)}
#auth .auth-form h2{font-size:32px;font-weight:500;letter-spacing:-.035em;text-transform:uppercase;line-height:1}
#auth .auth-form .pill{background:var(--nb-soft)!important;color:var(--nb-muted)!important;border:0!important;font-size:12px;font-weight:700;letter-spacing:1.8px}

/* ---------------- shared buttons ---------------- */
.primary,button.primary,a.primary{border-radius:999px!important;background:var(--nb-ink)!important;color:var(--nb-bg)!important;border:0!important;font-size:12px!important;font-weight:700!important;letter-spacing:.96px!important;text-transform:uppercase;min-height:44px;padding:12px 20px!important;box-shadow:none!important}
.secondary,.button.secondary{border-radius:999px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.96px!important;text-transform:uppercase;min-height:44px}

/* ---------------- workspace ---------------- */
#workspace .topbar{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;min-height:56px;padding:0 var(--nb-pad)!important;background:var(--nb-bg)!important;border-bottom:1px solid var(--nb-line)!important;color:var(--nb-ink)}
@media (min-width:750px){#workspace .topbar{min-height:72px}}
#workspace .topbar .brand{grid-column:2;justify-self:center;display:inline-flex;align-items:center;gap:6px;color:var(--nb-ink)!important;text-decoration:none;min-height:44px}
#workspace .topbar .brand-wordmark{font-size:22px;font-weight:700;letter-spacing:-.02em;text-transform:uppercase}
@media (min-width:750px){#workspace .topbar .brand-wordmark{font-size:28px}}
#workspace .topbar .pilot-tag{display:none}
#workspace .topbar .account{grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px;font-size:12px}
#workspace .topbar #account-name{display:none}
@media (min-width:750px){#workspace .topbar #account-name{display:inline;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--nb-muted)}}
#workspace #logout{min-height:44px;font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;background:none;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:0 2px}
#workspace .theme-toggle{min-width:44px;min-height:44px}
#workspace>.install-entry{display:block;margin:8px auto 0}
#workspace .main-nav{display:flex;gap:24px;align-items:center;padding:0 var(--nb-pad)!important;background:var(--nb-bg)!important;border-bottom:1px solid var(--nb-line)!important;overflow-x:auto}
#workspace .main-nav button{min-height:44px;background:none!important;border:0!important;border-bottom:1px solid transparent!important;border-radius:0!important;font-size:12px!important;font-weight:700!important;letter-spacing:1.8px!important;text-transform:uppercase;color:var(--nb-muted)!important;padding:0!important}
#workspace .main-nav .nav-active{color:var(--nb-ink)!important;border-bottom-color:currentColor!important}
#workspace .main-nav span{font-size:12px;color:var(--nb-muted);margin-left:auto;white-space:nowrap}
#workspace .page{padding-left:var(--nb-pad)!important;padding-right:var(--nb-pad)!important;max-width:1440px}
#workspace .page-heading h1{font-size:32px!important;font-weight:500!important;letter-spacing:-.035em!important;line-height:1!important;text-transform:uppercase;margin:8px 0 0}
@media (min-width:750px){#workspace .page-heading h1{font-size:48px!important}}
/* market selector as pills */
#workspace .segmented button,#workspace .family-options button,#workspace .watch-options button{border-radius:999px!important;min-height:44px;padding:12px 16px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.96px!important;background:var(--nb-bg)!important;border:1px solid var(--nb-line)!important;color:var(--nb-ink)!important}
#workspace .segmented button.selected,#workspace .family-options button.selected,#workspace .watch-options button.selected,#workspace .segmented button[aria-pressed="true"]{background:var(--nb-ink)!important;color:var(--nb-bg)!important;border-color:var(--nb-ink)!important}
#workspace .segmented button.selected .mk-badge{color:var(--nb-bg)!important}
#workspace .gold-family .family-options button{border-style:dashed!important}
/* timeframe as underlined tabs */
#workspace .time-controls{display:inline-flex;gap:20px;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
#workspace .time-controls button{min-height:44px;min-width:44px;background:none!important;border:0!important;border-bottom:1px solid transparent!important;border-radius:0!important;padding:0 2px!important;font-size:12px!important;font-weight:700!important;letter-spacing:1.8px!important;color:var(--nb-muted)!important}
#workspace .time-controls button.selected{color:var(--nb-ink)!important;border-bottom-color:currentColor!important}
/* cards */
#workspace .chart-card,#workspace .panel,#workspace .howto,#workspace .first-look,#workspace #signal-card,#workspace .signals-section{border-radius:12px!important;box-shadow:none!important}
#workspace .chart-card,#workspace .panel,#workspace .howto,#workspace .first-look{background:var(--nb-soft)!important;border:0!important}
#workspace .first-look h2,#workspace .section-heading h2,#workspace .members-grid h2,#workspace .applications-panel h2{font-weight:500!important;letter-spacing:-.03em!important}
#workspace .first-look h2{font-size:24px!important;text-transform:uppercase}
#workspace #price{font-weight:500;letter-spacing:-.02em}
#workspace .sc-action{font-weight:500!important;letter-spacing:-.035em!important}
#workspace .notice{border-radius:8px!important}
#workspace .footer{border-top:1px solid var(--nb-line);color:var(--nb-muted)}
#workspace .footer b{color:var(--chart-axis);font-size:12px}
#workspace input[type=range]{accent-color:var(--nb-ink)}
@media (max-width:400px){.nb-hl .nb-ctl+.nb-ctl{display:none}#auth .nb-word{font-size:19px!important}#auth .nb-header{gap:6px}}
/* fixes after staged review: re-show NBDY labels hidden by slip.css; neutralise slip pill styling inside the rail */
#auth .nb-home .eyebrow,#auth .nb-home .home-guide-note{display:block!important}
#auth .nb-home .home-number{display:inline-block!important}
#auth .nb-rail>div{display:flex!important;font:inherit!important;color:inherit!important;margin-top:0;grid-template-columns:none}
#auth .nb-rail .nb-track{display:flex!important}
#auth .nb-rail span{background:none!important;border:0!important;border-radius:0!important;padding:0!important}
#auth .nb-rail .nb-card-name{font-size:20px!important;font-weight:500!important;color:#fff!important}
#auth .nb-rail .nb-card-sub{font-size:14px!important;font-weight:400!important;color:rgba(255,255,255,.8)!important}
#auth .nb-rail .nb-card-num{color:rgba(255,255,255,.14)!important;font-size:64px!important;font-weight:500!important}
@media (min-width:481px){#workspace .topbar .brand-wordmark{display:inline!important}}
#workspace .seg-family{letter-spacing:.2px!important;font-size:10px!important;overflow-wrap:normal;word-break:normal}
#workspace .theme-toggle{color:var(--nb-ink)!important;background:transparent!important;border:1px solid var(--nb-line)!important;border-radius:50%}
#workspace .theme-toggle svg{stroke:currentColor}
/* reload guard: hide the public home while a remembered session is being confirmed */
html.auth-pending #auth{display:none!important}
html.auth-pending body::before{content:"Loading your radar…";display:block;text-align:center;padding:40vh 16px 0;font:700 12px var(--nb-font);letter-spacing:1.8px;text-transform:uppercase;color:var(--nb-muted)}
/* ---------- mobile optimisation v3 (after NBDY mobile study) ---------- */
/* home: header fixed; transparent over the hero, solid white bar after it (reference: 56px fixed white bar) */
#auth .nb-header{position:fixed;top:44px;transition:background-color .2s,color .2s}
@media (min-width:750px){#auth .nb-header{top:32px}}
#auth[hidden] .nb-header{display:none}
#auth .nb-header.nb-solid{background:var(--nb-bg)!important;color:var(--nb-ink);border-bottom:1px solid var(--nb-line)!important;height:56px;padding-top:6px;padding-bottom:6px}
#auth .nb-header.nb-solid .nb-ctl,#auth .nb-header.nb-solid .home-signin,#auth .nb-header.nb-solid .theme-toggle{color:var(--nb-ink)!important}
#auth .nb-header.nb-solid .nb-word{color:var(--nb-green)!important}
.nb-menu-btn{background:none;border:0;cursor:pointer}
/* drawer (reference: full-width white panel from the left, 0.22s) */
.nb-drawer{position:fixed;inset:0 auto 0 0;width:min(100%,576px);z-index:40;background:var(--nb-bg);color:var(--nb-ink);transform:translateX(-100%);transition:transform .22s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;overflow-y:auto}
.nb-drawer.nb-open{transform:none}
@media (prefers-reduced-motion:reduce){.nb-drawer{transition:none}}
.nb-scrim{position:fixed;inset:0;z-index:39;background:rgba(0,0,0,.25)}
html.nb-lock,html.nb-lock body{overflow:hidden}
.nb-drawer-bar{display:flex;align-items:center;gap:12px;height:56px;padding:0 var(--nb-pad);border-bottom:1px solid var(--nb-line)}
.nb-drawer-bar .nb-ctl{color:var(--nb-ink)!important;background:none;border:0;cursor:pointer}
.nb-drawer-label{font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--nb-muted)}
.nb-drawer-body{display:flex;flex-direction:column;padding:24px var(--nb-pad) 48px}
.nb-dh{margin:20px 0 4px;font-size:24px;font-weight:500;letter-spacing:-.02em;color:var(--nb-ink)}
.nb-dh:first-child{margin-top:0}
.nb-drawer-body a{display:flex;align-items:center;min-height:44px;font-size:20px;color:var(--nb-muted);text-decoration:none}
.nb-drawer-body a:hover,.nb-drawer-body a:focus-visible{color:var(--nb-ink)}
#auth .nb-rail .nb-track{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;margin-top:0!important}
#auth .nb-rail .nb-head{flex-wrap:nowrap!important;justify-content:space-between!important;margin-top:0!important}
#auth .nb-panel{border-radius:0!important}
@media (max-width:749px){
 #auth .nb-panel{display:block;min-height:0;background:#1A1A1A}
 #auth .nb-panel .nb-panel-art{position:relative;display:block;height:220px}
 #auth .nb-panel::after{display:none}
}

/* Zara design review 30 Sep 2026: colour/background only, no layout, no element moved.
   1) opaque fallback colour under each market-card gradient (same dark end as the gradient, so the look does not change);
   2) Sign out button readable in both themes (was 2.0:1 in light). Roll back: delete this block. */
.nb-card{background-color:#0D1A14}
.nb-card.nb-storm{background-color:#0F2A1D}
.nb-card.nb-boom{background-color:#13261A}
.nb-card.nb-crash{background-color:#231A12}
#workspace #logout{color:#43524C}
html[data-theme="dark"] #workspace #logout{color:#B7C3BE}