/* LICENA — landing dark palette for the cabinet (Home pilot).
   Loads AFTER cabinet.css. Same strategy as landing.css / exam-dark.css:
   flip the tokens styles.css + cabinet.css already read (values identical to
   the landing), then re-fix components that used a light background or dark
   ink as a fill. Modals & consent boxes deliberately KEEP the light theme —
   their subtree re-pins the original light tokens (landing does the same for
   the auth modal). PREVIEW-ONLY until the owner approves the pilot. */

:root{
  --paper:#090C27;                    /* page background */
  --navy:#0E1233;
  --card:#14193B;
  --card2:#202750;
  --line:rgba(255,255,255,.16);
  --steel:#B2B9D5;
  --ink:#F4F7FA;                      /* primary TEXT flips to light */
  --gold:#FFC100;
  --gold-deep:#FFB300;
  --heat:linear-gradient(115deg,#FCDF00,#FFB300 45%,#FF4E51);
  --verify:#4AEA7D; --verify-soft:rgba(74,234,125,.14);
  --danger:#FF4E51; --danger-soft:rgba(255,78,81,.14);
  --shadow:0 1px 2px rgba(0,0,0,.35), 0 14px 34px rgba(0,0,0,.4);
}

body{background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.05) 1px, transparent 0)}

/* top bar — landing navy tint; gold chips keep dark text (--ink is light now) */
.app-top{background:rgba(9,12,39,.92)}
.app-top .brand .mk{background:var(--heat);color:#090C27}
.app-top .top-soc{color:#090C27}
.tag{color:#090C27}
.app-langs button[aria-pressed="true"]{background:var(--gold);color:#090C27}

/* side navigation was a white card; active item used dark ink as a fill */
.side{background:var(--card)}
.side button[aria-current="true"]{background:var(--card2);color:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.3)}

/* light card surfaces → dark panels */
.card,.mode,.topic,.cat,.dev,.my-sub,.store-cat .my-sub,.acct-lang-btn,
.guide-card{background:var(--card)}
.guide-card:hover,.my-sub:hover{border-color:rgba(255,255,255,.35)}
.my-sub-hd{background:var(--card)}
.my-sub-hd:hover{background:var(--card2)}
.course-row-link:hover{background:rgba(255,255,255,.06)}
.mode:hover,.topic:hover{border-color:rgba(255,255,255,.35)}
.acct-lang-btn:hover{border-color:var(--gold)}

/* continue-hero: keep a navy ground (its old bg was the dark ink token) */
.cont-hero{background:var(--navy);border:1px solid var(--line)}
.cont-hero-btn{background:var(--heat);color:#090C27}
.flip-banner{background:var(--navy)}

/* footer band (styles.css paints it with --ink, which is light now) */
footer{background:var(--navy)}

/* header state picker dropdown was a white card; active row used ink fill */
.state-menu{background:var(--card)}
.state-opt.active{background:var(--card2);color:#fff}

/* catalog: license-path wizard cards were white with dark-ink text */
.path-card{background:var(--card)}
.path-card:hover{border-color:rgba(255,255,255,.35)}
/* selected goal card: light theme fills it with ink (#fff text) — with ink
   flipped light that turned white-on-white. Dark card2 + gold border, and the
   TEXT color flips with the fill (owner report 2026-08-18). */
.path-card.on{background:var(--card2);border-color:var(--gold);color:var(--ink)}
.path-card.on .p-meta{color:var(--steel)}
/* plan panel + rows: kill the hardcoded whites of the light theme */
.path-plan{background:var(--card)}
.path-opt{background:var(--card2)}
.path-step-num{background:var(--gold);color:#090C27}
.path-add-all{color:#090C27}
/* support-chat discovery hint: same ink-fill trap as .path-card.on */
.sup-hint{background:var(--card2);color:var(--ink);border:1px solid var(--line)}
.sup-hint::after{background:var(--card2)}

/* small action buttons used dark ink as a fill (edit profile, subscribe,
   resume) — gold chip with dark text, like the landing CTAs */
.btn-sm{background:var(--gold);color:#090C27}
.btn-sm:hover{box-shadow:0 6px 16px rgba(255,193,0,.3)}
.acct-lang-btn.active{border-color:var(--gold);background:var(--card2)}
.btn-primary{background:var(--heat);color:#090C27;box-shadow:0 8px 20px rgba(255,78,81,.28)}
.btn-ghost{background:var(--card2);color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{border-color:rgba(255,255,255,.35)}

/* Modals, gate box and the cream honest-chances surfaces stay LIGHT on
   purpose: re-pin the original light tokens for their whole subtree so every
   inner rule renders as the light theme. */
.hc-my-details,.hc-catalog,.hc-key,.hc-peek,
.modal,.gate .box{
  --paper:#E8EBEC; --card:#FFFFFF; --card2:#FFFFFF; --line:#D4DADE; --steel:#5E6E7E;
  --ink:#15273D; --gold:#E0A116; --gold-deep:#B87E0A;
  --verify:#2E7D5B; --verify-soft:#E4F0EA; --danger:#B23A2E; --danger-soft:#F6E5E2;
  color:var(--ink)}
.modal,.gate .box{background:#fff}

/* Components that used the dark INK token as a FILL. --ink flips to near-white
   here, so each of these rendered white-or-gold text on a near-white block —
   invisible. Re-pin them to an elevated dark surface (found 2026-09-04 from the
   owner's screenshot of the toast; the toast itself is inline-styled in
   js/app-cabinet.js and is fixed there). */
.pay-lang-chosen,
.lang-choice-btn.preferred{background:var(--card2);color:#fff}
.lang-choice-btn.preferred{border-color:var(--card2)}
.upd-chip,
.af-brand .mk,
.install-ic,
.res-slot-cab-ic{background:var(--card2);color:var(--gold)}
.empty::before{background:var(--card2)}