/* TapEquity v10 · GOLD-BLACK theme layer (Grok, Sep 28 2026, asked by Kyrollos: premium true-black dark mode + one amber-gold accent).
   Loaded AFTER design.css / home-v2.css. Presentation only: no markup, id, text, compliance label or behaviour is changed.
   TO TWEAK THE LOOK EDIT ONLY THE VARIABLES BLOCK BELOW. To go back to the navy look delete the <link> to this file (build_web_design.py).
   Palette: pure black canvas, very dark neutral-charcoal cards (no navy / blue tones), ONE amber-gold accent (#FFBF00 -> #F5A623) used for
   the active tab, progress bars, CTA buttons, key numbers, thin line icons and thin card borders; white primary text, cool-grey secondary. */
:root{
  /* ---- THEME VARIABLES (edit here) ---- */
  --gb-bg:#000000;            /* page canvas */
  --gb-card:#0f0f10;          /* cards */
  --gb-card-2:#161617;        /* raised: inputs, chips, segmented controls */
  --gb-card-3:#1d1d1f;        /* hover / selected surface */
  --gb-line:rgba(255,255,255,.11);      /* thin neutral border */
  --gb-line-2:rgba(255,255,255,.18);    /* stronger neutral border */
  --gb-gold:#FFBF00;          /* accent (amber-gold) */
  --gb-gold-2:#F5A623;        /* accent, darker end of the gradient */
  --gb-gold-ink:#150f00;      /* text on gold buttons (contrast 11:1) */
  --gb-gold-line:rgba(255,191,0,.55);   /* thin gold border */
  --gb-gold-faint:rgba(255,191,0,.10);  /* gold tint fills */
  --gb-text:#FFFFFF;          /* primary text */
  --gb-text-2:#CDD1D8;        /* secondary text (cool light grey) */
  --gb-text-3:#9CA3AE;        /* tertiary / meta (>= 6:1 on the cards) */
  --gb-green:#6EDDA5; --gb-red:#FF8F86;
  --gb-radius:16px;
  --gb-gold-grad:linear-gradient(180deg,#FFCB2E 0%,#FFBF00 45%,#F5A623 100%);           /* buttons, bars */
  --gb-gold-border:linear-gradient(135deg,rgba(255,191,0,.85) 0%,rgba(255,191,0,.22) 45%,rgba(255,191,0,.06) 70%,rgba(245,166,35,.5) 100%); /* gold-to-transparent thin border */
}
/* ---- re-point the two existing token sets (design.css --d-*, home-v2.css --v2-*) so everything that uses them turns gold-black ---- */
body.v2d,#s-home.v2,body.v2d #sheet{
  --d-navy:var(--gb-bg); --d-card:var(--gb-card); --d-card2:var(--gb-card-2); --d-line:var(--gb-line); --d-line2:var(--gb-line-2);
  --d-text:var(--gb-text); --d-text2:var(--gb-text-2); --d-text3:var(--gb-text-3); --d-gold:var(--gb-gold); --d-gold2:var(--gb-gold);
  --d-green:var(--gb-green); --d-blue:var(--gb-text-2); --d-red:var(--gb-red);
  --v2-navy:var(--gb-bg); --v2-line:var(--gb-line); --v2-line2:var(--gb-line-2); --v2-text:var(--gb-text); --v2-text2:var(--gb-text-2); --v2-text3:var(--gb-text-3);
  --v2-gold:var(--gb-gold); --v2-gold2:var(--gb-gold); --v2-green:var(--gb-green); --v2-blue:var(--gb-text-2);
}
/* ---- canvas ---- */
body.v2d,body.v2-home-on{background:var(--gb-bg)!important;background-color:var(--gb-bg)!important}
#s-home.v2,body.v2d #s-home.v2{background:var(--gb-bg)!important}
/* ---- text ---- */
body.v2d .v2d-tagline,#s-home.v2 .v2-tagline{color:var(--gb-text-3)}
body.v2d .v2d-k,#s-home.v2 .v2-label{color:var(--gb-text-2)}
#s-home.v2 .v2-unit,#s-home.v2 .v2-issued,#s-home.v2 .v2-mission-count{color:var(--gb-text-2)}
body.v2d .v2d-tag,#s-home.v2 .v2-tag{color:var(--gb-text-2);border-color:var(--gb-line-2)}
body.v2d .v2d-tag.gold,#s-home.v2 .v2-tag.warn,#s-home.v2 .v2-tag.daily{color:var(--gb-gold);background:var(--gb-gold-faint);border-color:var(--gb-gold-line)}
#s-home.v2 .v2-value .val,#s-home.v2 .v2-count .num,body.v2d #s-wallet .wallet-balance-total{color:var(--gb-gold)}   /* key numbers = gold */
body.v2d .v2d-channel{color:var(--gb-text-3)}
body.v2d .v2d-led-t small,#s-home.v2 .v2d-meta small,#s-home.v2 .v2d-pbody p.small,#s-home.v2 .v2d-stat small,#s-home.v2 .v2d-quick small,body.v2d .app-footer,body.v2d .app-footer p,.v2d-drawer-foot{color:var(--gb-text-3)}
body.v2d .screen:not(#s-home) .muted,body.v2d .screen:not(#s-home) small.muted,body.v2d .screen:not(#s-home) .small.muted{color:var(--gb-text-3)!important}
body.v2d .screen:not(#s-home) .card,body.v2d .screen:not(#s-home) .menu-sec,body.v2d .screen:not(#s-home) .job,body.v2d .screen:not(#s-home) .post,body.v2d .screen:not(#s-home) .product{color:var(--gb-text-2)!important}
body.v2d header.v2d-head .sub,body.v2d .v2d-illus,.v2d-drawer-hi,#s-home.v2 .v2-week{color:var(--gb-text-2)}
body.v2d .v2d-sec-h{color:var(--gb-gold)}
/* ---- top bar round buttons, pill, avatar ---- */
body.v2d .v2d-round,#s-home.v2 .v2-round,body.v2d .hdrback,body.v2d #sheet .v2d-sheet-x{background:var(--gb-card-2);border:1px solid var(--gb-line-2);color:#fff}
#s-home.v2 .v2-round.v2d-avatar,body.v2d .v2d-round.v2d-avatar{border-color:var(--gb-gold-line);color:var(--gb-gold)}
#s-home.v2 .v2-pill{background:var(--gb-card);border:1px solid var(--gb-gold-line)}
#s-home.v2 .v2-pill .star,#s-home.v2 .v2-pill b{color:var(--gb-gold)}
body.v2d .v2-word b,#s-home.v2 .v2-word b,#s-home.v2 .v2-top .v2-word b{color:var(--gb-gold)}
/* ---- HOME cards: thin gold-to-transparent border on charcoal; the SINI card loses its blue gradient ---- */
#s-home.v2 .v2-card,#s-home.v2 .v2-boost{box-shadow:none}
#s-home.v2 .v2-sini{background:linear-gradient(#141415,#0c0c0d) padding-box,var(--gb-gold-border) border-box;border:1px solid transparent}
#s-home.v2 .v2-sini-icon{background:var(--gb-card-3);color:var(--gb-gold);border:1px solid var(--gb-gold-line)}
#s-home.v2 .v2-mission,#s-home.v2 .v2-sec .card,#s-home.v2 .v2d-task,#s-home.v2 .v2d-quick .card,#s-home.v2 .v2-boost{background:linear-gradient(var(--gb-card),var(--gb-card)) padding-box,linear-gradient(135deg,rgba(255,191,0,.5),rgba(255,191,0,.08) 55%,rgba(255,191,0,.22)) border-box;border:1px solid transparent}
#s-home.v2 .v2-mission-icon,#s-home.v2 .v2-info-ic{color:var(--gb-gold)}
#s-home.v2 .v2-bar,#s-home.v2 .v2-sec .bar,body.v2d .v2d-bar,#s-home.v2 .v2d-progress-sec .v2d-pbody .bar{background:var(--gb-card-3)}
#s-home.v2 .v2-bar>i,body.v2d .v2d-bar>i,#s-home.v2 .v2d-pbody .bar i,#s-home.v2 .v2d-pbody #h-sbar{background:var(--gb-gold-grad)!important;box-shadow:none}
#s-home.v2 #rail-tap.v2-reward{background:#050505;border:1.5px solid transparent;border-image:none;background-clip:padding-box;box-shadow:0 0 0 1px var(--gb-gold-line),0 10px 26px rgba(0,0,0,.6)}
#s-home.v2 #rail-tap .v2d-rlabel{border-color:var(--gb-gold-line);color:var(--gb-gold);background:rgba(0,0,0,.78)}
#s-home.v2 #rail-tap .v2-reward-sub{color:var(--gb-gold)}
#s-home.v2 .v2-reward .v2-label{color:var(--gb-gold)}
#s-home.v2 #rail-tap::after{background:linear-gradient(90deg,rgba(0,0,0,0) 18%,rgba(0,0,0,.5) 52%,rgba(0,0,0,.88) 100%),linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0) 45%)}
#s-home.v2 .v2-quote::before{background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,0) 40%),linear-gradient(90deg,rgba(0,0,0,.4),rgba(0,0,0,0) 55%),url(img/sunset.webp) 0% 50%/cover no-repeat}
#s-home.v2 .v2-quote blockquote::after{background:var(--gb-gold)}
#s-home.v2 .v2-hero{background:#000;border-color:var(--gb-line-2)}
#s-home.v2 .v2-hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.76) 32%,rgba(0,0,0,.25) 48%,rgba(0,0,0,0) 58%)}
#s-home.v2 .v2-info,#s-home.v2 .v2d-miner .v2-info{background:rgba(0,0,0,.72)}
#s-home.v2 .v2d-progress-sec .card.v2d-progress{background:linear-gradient(#111112,#0b0b0c) padding-box,var(--gb-gold-border) border-box;border:1px solid transparent;box-shadow:none}
#s-home.v2 .v2d-stats{border-top-color:var(--gb-line)}
#s-home.v2 .v2d-stat em,#s-home.v2 .v2-boost em{color:var(--gb-green)}
/* ---- the gold BOX OPEN live card (Advanced) stays gold-photo; just a thin black frame ---- */
#s-home.v2 #h-session.v2d-livebox{box-shadow:0 0 0 1px var(--gb-gold-line),0 14px 34px rgba(0,0,0,.7)}
#s-home.v2 #h-session .te-countdown-dial.v2d-ring{background:conic-gradient(#3ecf8e 0 var(--v2d-done,0%),var(--gb-gold) var(--v2d-done,0%) 100%)}
/* ---- icon circles: thin gold line icons on black ---- */
body.v2d .v2d-ic,#s-home.v2 .v2d-ic{color:var(--gb-gold);background:rgba(255,191,0,.06);border:1px solid var(--gb-gold-line)}
body.v2d .v2d-ic svg,#s-home.v2 .v2d-ic svg{stroke-width:1.6}
body.v2d .v2d-ic.green,#s-home.v2 .v2d-ic.green{color:var(--gb-green);background:rgba(110,221,165,.07);border-color:rgba(110,221,165,.4)}
body.v2d .v2d-ic.blue,#s-home.v2 .v2d-ic.blue{color:var(--gb-gold);background:rgba(255,191,0,.06);border-color:var(--gb-gold-line)}   /* no blue anywhere */
body.v2d .v2d-ic.red,#s-home.v2 .v2d-ic.red{color:var(--gb-red);background:rgba(255,143,134,.07);border-color:rgba(255,143,134,.4)}
body.v2d .v2d-ini,body.v2d .v2d-ini.sm{color:var(--gb-gold);background:rgba(255,191,0,.07);border:1.5px solid var(--gb-gold-line)}
body.v2d .v2d-ini.sm{border-width:1px}
/* ---- cards on the other screens ---- */
body.v2d .screen:not(#s-home) .card,body.v2d .screen:not(#s-home) .menu-sec,body.v2d .screen:not(#s-home) .job,body.v2d .screen:not(#s-home) .post,body.v2d .screen:not(#s-home) .product{
  background:var(--gb-card)!important;border:1px solid var(--gb-line-2)!important;box-shadow:none!important}
body.v2d .screen:not(#s-home) .card.v2d-glow-blue,body.v2d .v2d-glow-blue,body.v2d .screen:not(#s-home) .card.v2d-glow-green,body.v2d .screen:not(#s-home) .card.v2d-glow-gold{
  background:linear-gradient(#141415,#0c0c0d) padding-box,var(--gb-gold-border) border-box!important;border:1px solid transparent!important;box-shadow:none!important}
body.v2d .v2d-profile{background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.55)),url(img/mountain-bg.webp) center 30%/cover,#0c0c0d!important}
body.v2d .v2d-tiles>div{background:var(--gb-card-2);border:1px solid var(--gb-line)}
body.v2d .v2d-you{border-color:var(--gb-gold-line)!important;background:linear-gradient(160deg,rgba(255,191,0,.10),var(--gb-card))!important}
body.v2d .v2d-w3{background:var(--gb-card-2);border-color:var(--gb-line)}
body.v2d .v2d-note-box{background:var(--gb-card-2);border-color:var(--gb-line-2);color:var(--gb-text-2)}
body.v2d #s-wallet .wallet-welcome{background:rgba(110,221,165,.07)!important;color:var(--gb-green)!important;border-color:rgba(110,221,165,.3)!important}
body.v2d #s-wallet .wallet-welcome.is-empty{background:var(--gb-card-2)!important;color:var(--gb-text-3)!important;border-color:var(--gb-line)!important}
body.v2d .v2d-stats3 button{background:var(--gb-card);border:1px solid var(--gb-line-2)}
body.v2d .near-you,body.v2d .job-near{color:var(--gb-text-2)}
/* ---- segmented controls, chips, tags ---- */
body.v2d .v2d-seg,body.v2d #s-feed .seg#f-tabs,.v2d-view-seg{background:var(--gb-card-2)!important;border:1px solid var(--gb-line-2)}
body.v2d .v2d-seg button,.v2d-view-seg button{color:var(--gb-text-2)}
body.v2d .v2d-seg button.on,body.v2d #s-feed #f-tabs button.on{color:var(--gb-gold)!important;background:var(--gb-gold-faint)!important;border-color:var(--gb-gold-line);box-shadow:none}
.v2d-view-seg button.on{background:var(--gb-gold-grad);color:var(--gb-gold-ink)}
body.v2d #sheet .v2d-view-sheet .v2d-view-seg button.on,body.v2d .v2d-view-sheet .v2d-view-seg button.on{color:var(--gb-gold-ink)}
body.v2d .v2d-chips button,body.v2d #j-filters .chip{background:var(--gb-card-2);border:1px solid var(--gb-line-2);color:var(--gb-text-2)}
body.v2d .v2d-chips button.on,body.v2d #j-filters .chip.on{color:var(--gb-gold);border-color:var(--gb-gold-line);background:var(--gb-gold-faint)}
body.v2d .v2d-chip,body.v2d .v2d-chip.blue{color:var(--gb-text-2);background:var(--gb-card-2);border-color:var(--gb-line-2)}
body.v2d .v2d-chip.gold{color:var(--gb-gold);background:var(--gb-gold-faint);border-color:var(--gb-gold-line)}
body.v2d .v2d-chip.green{color:var(--gb-green);background:rgba(110,221,165,.08);border-color:rgba(110,221,165,.35)}
body.v2d .v2d-chip.red{color:var(--gb-red);background:rgba(255,143,134,.08);border-color:rgba(255,143,134,.35)}
body.v2d .badge,body.v2d .tag,body.v2d #s-jobs .job .tag,body.v2d .te-summary-status{background:var(--gb-card-2)!important;color:var(--gb-text-2)!important;border:1px solid var(--gb-line)}
body.v2d .tag.ok{background:rgba(110,221,165,.08)!important;color:var(--gb-green)!important}
body.v2d .tag.warn,body.v2d .tag.gold,body.v2d #s-jobs .job .tag.gold{background:var(--gb-gold-faint)!important;color:var(--gb-gold)!important}
body.v2d .tag.bad{background:rgba(255,143,134,.08)!important;color:var(--gb-red)!important}
/* ---- buttons: gold CTA (dark ink text), ghost = thin outline ---- */
body.v2d .btn{background:var(--gb-card-2);color:#fff;border:1px solid var(--gb-line-2)}
body.v2d .btn.gold,body.v2d .v2d-btn-gold,body.v2d .v2d-btn.gold,#s-home.v2 .v2-gold,#s-home.v2 .v2d-btn.gold.sm,body.v2d #s-jobs .job .act .req,.v2d-off-go,body.v2d .te-connection [data-te-play],body.v2d #te-puzzle [data-puzzle-next]{
  background:var(--gb-gold-grad)!important;color:var(--gb-gold-ink)!important;border:0!important;box-shadow:0 0 0 1px rgba(255,191,0,.35),0 6px 18px rgba(255,191,0,.16)}
body.v2d .btn.gold:disabled,body.v2d .v2d-btn-gold:disabled{background:var(--gb-card-3)!important;color:var(--gb-text-3)!important;box-shadow:none}
body.v2d .btn.ghost,body.v2d .v2d-btn.glass{background:transparent;border:1px solid var(--gb-gold-line);color:#fff}
body.v2d .news-section h2 span{background:var(--gb-gold-grad);color:var(--gb-gold-ink)}
body.v2d .news-sites a,body.v2d .news-jump a,body.v2d #s-feed .news-jump a,body.v2d #s-feed .news-sites a{color:var(--gb-gold)!important;background:var(--gb-card-2)!important;border-color:var(--gb-line-2)!important}
/* ---- inputs, toggles ---- */
body.v2d .screen:not(#s-home) input,body.v2d .screen:not(#s-home) select,body.v2d .screen:not(#s-home) textarea,body.v2d #sheet input,body.v2d #sheet select,body.v2d #sheet textarea{background:var(--gb-card-2);color:#fff;border:1px solid var(--gb-line-2)}
body.v2d .screen:not(#s-home) input::placeholder,body.v2d #sheet input::placeholder,body.v2d #sheet textarea::placeholder{color:#8B929D}
body.v2d .v2d-toggle input{background:#2a2a2d!important;border:1px solid var(--gb-line-2)!important}
body.v2d .v2d-toggle input:checked{background:var(--gb-gold-grad)!important;border-color:transparent!important}
body.v2d .v2d-toggle input:checked::after{background:var(--gb-gold-ink)}
body.v2d .screen:not(#s-home) .code,body.v2d #s-refer .code{color:var(--gb-gold)!important;background:var(--gb-card-2)!important;border:1px solid var(--gb-gold-line)}
body.v2d .v2d-rowbtn,body.v2d .v2d-toggle,body.v2d .v2d-selectrow{border-bottom-color:var(--gb-line)}
/* ---- tab bar: near-black, thin top line, GOLD active tab with a gold bar ---- */
body.v2d nav.tabs#tabs,body.v2-home-on nav.tabs#tabs{background:rgba(0,0,0,.96)!important;border-top:1px solid var(--gb-line-2)!important;box-shadow:none!important}
body.v2d nav.tabs#tabs button,body.v2-home-on nav.tabs#tabs button{color:#C4C9D1!important}
body.v2d nav.tabs#tabs button.on,body.v2-home-on nav.tabs#tabs button.on{color:var(--gb-gold)!important;background:transparent!important}
body.v2d nav.tabs#tabs button.on::before{background:var(--gb-gold-grad);box-shadow:none;height:2px;top:-1px}
/* ---- menu drawer, sheets, toast, offline layer ---- */
.v2d-drawer-panel{background:#050505;border-right:1px solid var(--gb-line-2)}
.v2d-drawer-bg,body.v2d #sheet{background:rgba(0,0,0,.72)}
.v2d-drawer-list button,.v2d-drawer-list a{color:#fff}
.v2d-drawer-list button.on{background:var(--gb-card-3);color:var(--gb-gold)}
.v2d-drawer-sub{border-top-color:var(--gb-line)}
.v2d-view-drawer{background:var(--gb-card);border:1px solid var(--gb-gold-line)}
body.v2d #sheet .box{background:#0a0a0b;color:var(--gb-text-2);border:1px solid var(--gb-line-2);border-bottom:0}
body.v2d #sheet .card,body.v2d #sheet .menu-sec{background:var(--gb-card)!important;border:1px solid var(--gb-line-2);box-shadow:none}
body.v2d #sheet .step{background:var(--gb-card)!important;border-color:var(--gb-line-2)!important}
body.v2d #sheet .step.done{border-color:rgba(110,221,165,.5)!important;background:rgba(110,221,165,.06)!important}
body.v2d #sheet .step.next{border-color:var(--gb-gold-line)!important;background:var(--gb-gold-faint)!important}
body.v2d #sheet .v2d-sheet-bar{background:#0a0a0b;border-bottom:1px solid var(--gb-line)}
body.v2d #sheet .v2d-sheet-cancel{border-color:var(--gb-line-2)}
body.v2d #sheet .v2d-view-sheet{background:var(--gb-card);border-color:var(--gb-line-2)}
body.v2d #sheet .v2d-view-sheet .v2d-view-seg{background:var(--gb-card-2);border-color:var(--gb-line-2)}
body.v2d #sheet .v2d-view-sheet .v2d-view-seg button{color:var(--gb-text-2)}
body.v2d #toast.v2d-toast-mini{background:#0a0a0b!important;border-color:var(--gb-gold-line)}
body.v2d #toast.v2d-toast-mini::before{color:var(--gb-gold)}
body.v2d .te-connection,.v2d-offline{background:#050505!important;border-bottom-color:var(--gb-gold-line)}
.v2d-off-game,body.v2d #s-home.v2 .te-web-puzzle-card{background:var(--gb-card)!important;border:1px solid var(--gb-line-2)!important}
.v2d-off-tiles i{background:var(--gb-gold)}
body.v2d #te-puzzle .te-puzzle-eyebrow{color:var(--gb-gold)}
body.v2d #s-tasks .task .ic,body.v2d .te-empty-icon,body.v2d .te-summary-icon{background:var(--gb-gold-faint)!important;color:var(--gb-gold)!important;border:1px solid var(--gb-gold-line)}
body.v2d .app-footer .footer-brand span,body.v2d .app-footer .footer-brand{color:var(--gb-gold)}
body.v2d .footer-socials a{background:var(--gb-card-2);border-color:var(--gb-line-2)}
:focus-visible{outline-color:var(--gb-gold)}

/* ===== v10 features (Cryptogram ideas): streak strip, eye button, quick actions, invite QR, channels, history ===== */
.v2d-pillrow{display:flex;align-items:center;gap:8px;flex:none}
.v2d-eye{width:40px;height:40px;min-width:40px;border-radius:50%;display:grid;place-items:center;background:var(--gb-card-2);border:1px solid var(--gb-line-2);color:var(--gb-gold);padding:0;cursor:pointer}
.v2d-eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.v2d-simple #s-home.v2 .v2-pill{height:44px}
.v2d-strip{display:flex;align-items:center;gap:10px;width:100%;margin-top:14px;padding:10px 14px;border-radius:14px;background:linear-gradient(var(--gb-card),var(--gb-card)) padding-box,linear-gradient(135deg,rgba(255,191,0,.5),rgba(255,191,0,.08) 55%,rgba(255,191,0,.22)) border-box;border:1px solid transparent;color:#fff;font:inherit;cursor:pointer;text-align:left}
.v2d-strip .v2d-ic{width:30px;height:30px}.v2d-strip .v2d-ic svg{width:16px;height:16px}
.v2d-strip-t{flex:1;min-width:0;font-size:15px;color:var(--gb-text-2)}
.v2d-strip-t b{color:var(--gb-gold);font-size:17px;font-weight:800;margin-right:2px}
.v2d-strip-t em{font-style:normal;color:var(--gb-text-3);font-size:13px;margin-left:6px}
.v2d-strip-r{display:inline-flex;align-items:center;gap:2px;font-size:13px;font-weight:600;color:var(--gb-gold);white-space:nowrap}
.v2d-strip-r svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4}
.v2d-qa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.v2d-qa button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px 10px;border-radius:14px;background:var(--gb-card);border:1px solid var(--gb-line-2);text-align:center}
.v2d-qa button:focus-visible{outline:2px solid var(--gb-gold);outline-offset:2px}
.v2d-qa b{font-size:12.5px;font-weight:700;color:#fff;line-height:1.15}
.v2d-qa .v2d-ic{width:38px;height:38px}
/* Simple view keeps Home short: only the streak strip + the eye button are added there; quick actions live in Advanced */
body.v2d-simple #s-home .v2d-qa-sec{display:none!important}
body.v2d-simple .v2d-adv-only{display:none!important}
.v2d-hist-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:6px 0 10px}
.v2d-hist-sum div{padding:10px 8px;border-radius:12px;background:var(--gb-card-2);border:1px solid var(--gb-line);text-align:center}
.v2d-hist-sum small{display:block;font-size:11px;color:var(--gb-text-3)}.v2d-hist-sum b{display:block;font-size:18px;color:var(--gb-gold);margin-top:2px}
.v2d-hist-list{max-height:46vh;overflow:auto}
.v2d-hist-day{font-size:11.5px;font-weight:700;letter-spacing:1px;color:var(--gb-gold);margin:12px 2px 4px}
.v2d-qr-wrap{display:grid;place-items:center;margin:10px 0}
.v2d-qr{width:220px;height:220px;padding:12px;border-radius:16px;background:#fff;line-height:0;box-shadow:0 0 0 2px var(--gb-gold-line)}
.v2d-qr svg{width:196px;height:196px}
.v2d-qr-code{font-size:20px;letter-spacing:3px;text-align:center;color:var(--gb-gold);font-weight:800;margin:8px 0 2px}
.v2d-qr-row{display:flex;gap:8px;margin-top:10px}.v2d-qr-row .btn{flex:1;min-height:44px}
.v2d-team-av{display:flex;gap:-6px;margin:8px 0 2px}.v2d-team-av span{width:32px;height:32px;margin-right:-6px;border-radius:50%;display:grid;place-items:center;background:var(--gb-card-3);border:1.5px solid var(--gb-gold-line);color:var(--gb-gold);font-size:12px;font-weight:700}
.v2d-chan{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--gb-card);border:1px solid var(--gb-gold-line);margin:8px 0}
.v2d-chan .t{flex:1;min-width:0}.v2d-chan b{display:block;color:#fff;font-size:15px}.v2d-chan small{display:block;color:var(--gb-text-3);font-size:12px;margin-top:2px}
.v2d-chan .st{font-size:11px;font-weight:700;color:var(--gb-green);border:1px solid rgba(110,221,165,.4);border-radius:8px;padding:2px 8px}
.v2d-chan.soon{border-color:var(--gb-line-2);opacity:.9}
.v2d-chan.soon .st{color:var(--gb-text-2);border-color:var(--gb-line-2)}

/* ===== gold-black: legacy live-app pieces that still carried navy/blue text or fills (found by tools-grok/gb-audit.js) ===== */
/* Advanced Home: the live "DAILY BOX READY" / "BOX OPEN" card = charcoal + thin gold border (was a gold slab with a navy button) */
#s-home.v2 #h-session.tapcard,#s-home.v2 #h-session.v2d-livebox{background:linear-gradient(#111112,#0a0a0b) padding-box,var(--gb-gold-border) border-box!important;border:1px solid transparent!important;color:var(--gb-text-2)}
#s-home.v2 #h-session h3,#s-home.v2 #h-session .te-session-head,#s-home.v2 #h-session .tap-explain,#s-home.v2 #h-session .tap-eyebrow{color:#fff!important}
#s-home.v2 #h-session .tap-explain,#s-home.v2 #h-session p.rate,#s-home.v2 #h-session .small.muted,#s-home.v2 #h-session .muted{color:var(--gb-text-2)!important}
#s-home.v2 #h-session .tap-eyebrow{color:var(--gb-gold)!important}
#s-home.v2 #h-session p.rate b,#s-home.v2 #h-session .te-rate-value,#s-home.v2 #h-session .session-timer b{color:var(--gb-gold)!important}
#s-home.v2 #h-session .tap-now-btn{background:#17171a!important;border:1px solid var(--gb-gold-line)!important;box-shadow:none!important;color:#fff}
#s-home.v2 #h-session .tap-now-btn .tap-icon-shell{background:radial-gradient(circle,rgba(255,191,0,.22),rgba(255,191,0,.04) 65%,transparent 66%)!important}
#s-home.v2 #h-session .tap-now-btn b{color:#fff!important}
#s-home.v2 #h-session .tap-now-btn small{color:var(--gb-gold)!important}
#s-home.v2 #h-session .tap-now-btn.is-locked{background:#1b1b1d!important;border-color:var(--gb-line-2)!important}
#s-home.v2 #h-session .tap-now-btn::after{color:var(--gb-gold)}
#s-home.v2 #h-session .session-open-badge{background:var(--gb-gold-faint);color:var(--gb-gold);border:1px solid var(--gb-gold-line)}
#s-home.v2 #h-session .te-countdown-dial{color:#fff}
#s-home.v2 #h-session .card,#s-home.v2 #h-session .te-rate-card,#s-home.v2 #h-session .te-session-stat{background:#161617!important;border-color:var(--gb-line-2)!important;color:var(--gb-text-2)!important}
/* Jobs / Feed / More: text colours from the old light app */
body.v2d .small[style*="var(--blue)"],body.v2d span.small[style*="blue"],body.v2d .near-you{color:var(--gb-text-2)!important}
body.v2d .screen:not(#s-home) a:not(.btn):not(.v2d-btn-gold):not([class*=news]){color:var(--gb-gold)}
body.v2d #s-feed .news-section>h2,body.v2d #s-feed .news-section>.small,body.v2d #s-feed .feed-news-note,body.v2d .news-section h2{color:#fff!important}
body.v2d #s-feed .news-section>.small,body.v2d #s-feed .feed-news-note{color:var(--gb-text-2)!important}
body.v2d #s-feed .news-empty,body.v2d .news-empty{background:var(--gb-card)!important;color:var(--gb-text-2)!important;border:1px solid var(--gb-line-2)!important}
body.v2d .app-footer .footer-brand,body.v2d .app-footer p.footer-brand{color:#fff}
body.v2d .app-footer .footer-tagline,body.v2d .app-footer p,body.v2d #s-more #m-acct,body.v2d #s-more span[style*="color"],body.v2d .v2d-channel-note{color:var(--gb-text-3)!important}
body.v2d #s-more .btn.sm[style*="c0392b"],body.v2d .btn.sm.danger,body.v2d #s-more .btn.sm[onclick*="delete"],body.v2d #s-more .btn.sm[onclick*="Delete"]{color:var(--gb-red)!important}
body.v2d #s-more .v2d-channel{color:var(--gb-text-3)!important}
body.v2d .screen:not(#s-home) header.te-page-header:not(.v2d-head){background:var(--gb-card)!important;border:1px solid var(--gb-line-2)}
body.v2d .sponsor,body.v2d [class*=sponsor] img{background:var(--gb-card-2)}
#s-home.v2 .v2-sponsor img{background:var(--gb-card-2)}
body.v2d #sheet .box,body.v2d #sheet .box p,body.v2d #sheet .box li{color:var(--gb-text-2)}
body.v2d #sheet .box h3,body.v2d #sheet .box h4,body.v2d #sheet .box b,body.v2d #sheet .box strong{color:#fff}
body.v2d #sheet .box .muted,body.v2d #sheet .box small,body.v2d #sheet .box .small.muted{color:var(--gb-text-3)!important}
body.v2d #sheet .box a{color:var(--gb-gold)}
body.v2d #sheet .btn.gold,body.v2d #sheet .btn.gold *{color:var(--gb-gold-ink)!important}
#s-home.v2 #h-session .tap-eyebrow{background:var(--gb-gold-faint)!important;border:1px solid var(--gb-gold-line);display:inline-block;padding:2px 8px;border-radius:999px}
body.v2d #s-more header.te-page-header,body.v2d header.te-page-header.v2d-head{background:none!important}
body.v2d .v2d-more p,body.v2d #s-more p,#s-home.v2 p.v2-note,#s-home.v2 .v2-hero-sub{color:var(--gb-text-2)}
body.v2d #s-more .btn.sm,body.v2d #s-more .btn.sm.danger{color:var(--gb-red)!important}
#s-home.v2 #h-session .ic,body.v2d .ic{color:var(--gb-gold)}
#s-home.v2 .v2-quote-brand p,#s-home.v2 .v2-issued,#s-home.v2 .v2-hero-sub{color:var(--gb-text-2)}
#s-home.v2 .task .ic,#s-home.v2 #h-next .task .ic{background:var(--gb-gold-faint)!important;border:1px solid var(--gb-gold-line)}
body.v2d #sheet .btn.sm[onclick*="Delete"],body.v2d #sheet .btn.sm[onclick*="delete"],body.v2d #sheet .btn.sm[style*="red"]{color:var(--gb-red)!important}
body.v2d,body.v2d #sheet{--red:#FF8F86;--green:#6EDDA5;--blue:#CDD1D8;--navy:#FFFFFF;--dark:#000;--text:#FFFFFF;--muted:#9CA3AE}   /* legacy tokens used by inline styles (Delete account, labels) */
body.v2d #sheet p,body.v2d .v2d-drawer-panel p,body.v2d #s-home.v2 p{color:var(--gb-text-2)}
body.v2d #sheet p.muted,body.v2d #sheet p.small.muted{color:var(--gb-text-3)}

/* ---- v10.1 (Sep 29 2026): sheet close controls hardened for iPhone ---- */
#sheet{z-index:85;-webkit-tap-highlight-color:transparent}
body.v2d #sheet .box{padding-top:0;position:relative}
#sheet .v2d-sheet-bar{position:sticky;top:0;z-index:5;margin:0 -18px 8px;padding:8px 12px 6px;-webkit-transform:translateZ(0);transform:translateZ(0)}
#sheet .v2d-sheet-bar button,#sheet .v2d-sheet-cancel{touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;z-index:6}
#sheet .v2d-sheet-x svg,#sheet .v2d-sheet-x use{pointer-events:none}

/* ---- v10.3 (Sep 30 2026): readable document boxes + light-surface leftovers (WCAG AA >= 4.5:1) ----
   Bug: the Work-for-Equity Agreement sheet showed light-grey text on the base stylesheet's white box (.pre, #f7f9fa): ~1.4:1, unreadable.
   Fix: every document / preformatted box is dark charcoal with near-white text (same palette as the cards); the few other component backgrounds
   that stayed light (#fff, #f8fafb, #fff8ec, #f4eef8) are brought to the dark palette too, and buttons with the pastel red get dark text. */
body.v2d .pre,body.v2d #sheet .pre,body.v2d #sheet pre{background:var(--gb-card-2);color:#EDEFF3;border:1px solid var(--gb-line-2);-webkit-text-size-adjust:100%}
body.v2d .pre a,body.v2d #sheet .legal a,body.v2d .legal a{color:var(--gb-gold);text-decoration:underline}
body.v2d .legal,body.v2d .legal p,body.v2d .legal li,body.v2d .legal h1,body.v2d .legal h2,body.v2d .legal h3{color:#EDEFF3}
body.v2d .legal b,body.v2d .legal strong{color:#fff}
body.v2d .legal code,body.v2d #sheet code{background:var(--gb-card-2);color:#EDEFF3;border-radius:4px;padding:0 4px}
body.v2d .news-card .news-summary,body.v2d .news-item p{color:#EDEFF3}
body.v2d .tap-step{background:var(--gb-card-2);border-color:var(--gb-line-2)}
body.v2d .tap-step i{background:var(--gb-gold-faint);color:var(--gb-gold)}
body.v2d .tap-step b{color:#fff}body.v2d .tap-step small{color:var(--gb-text-3)}
body.v2d .kindgrid button{background:var(--gb-card-2);border-color:var(--gb-line-2);color:#fff}
body.v2d .kindgrid button.on{background:var(--gb-gold-faint);border-color:var(--gb-gold)}
body.v2d .kindgrid button b{color:#fff}body.v2d .kindgrid button small{color:var(--gb-text-3)}
body.v2d #sheet .card[style*="#fff8ec"],body.v2d #sheet .card[style*="#f4eef8"],body.v2d #sheet [style*="background:#fff"]:not(.v2d-qr){background:var(--gb-card-2)!important;color:#EDEFF3}
body.v2d .btn[style*="var(--red)"],body.v2d #sheet .btn[style*="var(--red)"],body.v2d .btn.red,body.v2d .btn.danger:not(.sm){color:#15090a!important}
body.v2d .btn[style*="var(--red)"] *{color:inherit}