/* Ratin Special — My account: WHITE theme (matches the main website).
   Loaded LAST in dashboard.html. Design only: no JS / IDs / API touched.
   To go back to dark: remove the <link> to this file from dashboard.html. */

body.ap-dash {
  --bg:#f5f5f7; --surface:#ffffff; --surface-2:#ffffff; --field:#f5f5f7;
  --line:rgba(0,0,0,.08); --line-strong:rgba(0,0,0,.2);
  --text:#1d1d1f; --muted:#6e6e73; --body-text:#3a3a3c;
  --accent:#ffca0a; --accent-rgb:255,202,10; --accent-ink:#111100; --link:#7a5c00;
  --danger:#d70015; --danger-bg:rgba(255,69,58,.12);
  --ok:#1a8a3a; --ok-bg:rgba(48,209,88,.16);
  --warn:#b35c00; --warn-bg:rgba(255,159,10,.16);
  --nav-bg:rgba(255,255,255,.82); --nav-line:rgba(0,0,0,.08);
  --toast-bg:#1d1d1f; --toast-text:#f5f5f7;
  color-scheme:light; background:#f5f5f7; color:#1d1d1f;
}
html:has(body.ap-dash){ background:#f5f5f7; }

/* top bar */
body.ap-dash .top .brand, body.ap-dash .top .brand span{ color:#1d1d1f; }
body.ap-dash .user-chip{ background:rgba(0,0,0,.05); color:#1d1d1f; }
body.ap-dash .btn-ghost{ border-color:rgba(0,0,0,.2); color:#1d1d1f; }
body.ap-dash .btn-ghost:hover{ background:rgba(255,202,10,.18); border-color:#e0a100; color:#7a5c00; }

/* greeting */
body.ap-dash .greeting h1{ color:#1d1d1f; }

/* tab bar */
body.ap-dash .layout > .nav{ background:rgba(255,255,255,.85); border:1px solid rgba(0,0,0,.08); box-shadow:0 4px 18px rgba(0,0,0,.05); }
body.ap-dash .nav button{ color:#6e6e73; }
body.ap-dash .nav button:hover{ background:rgba(0,0,0,.05); color:#1d1d1f; }
body.ap-dash .nav button[aria-selected="true"]{ background:#ffca0a; color:#111100; }

/* big cards */
body.ap-dash .block{ background:#ffffff; border:1px solid rgba(0,0,0,.08); box-shadow:0 4px 18px rgba(0,0,0,.04); }
body.ap-dash .block h2, body.ap-dash .block h3{ color:#1d1d1f; }

/* license card + all small cards */
body.ap-dash .license,
body.ap-dash .download > div > div,
body.ap-dash details.free-key-help,
body.ap-dash .stat,
body.ap-dash .subpanel,
body.ap-dash .table-wrap,
body.ap-dash #updateStatusText,
body.ap-dash #changePassForm,
body.ap-dash #reviewForm,
body.ap-dash #existingReviewStatus:not(:empty),
body.ap-dash #reviewNotEligible:not([hidden]){
  border:1px solid rgba(0,0,0,.08);
  background:radial-gradient(120% 90% at 0% 0%, rgba(255,202,10,.16) 0%, rgba(255,202,10,0) 60%), #fffdf5;
  color:#1d1d1f;
}
body.ap-dash .license{ border-color:rgba(190,140,0,.35); }
body.ap-dash .stat.main{
  border-color:rgba(190,140,0,.4);
  background:radial-gradient(100% 140% at 0% 0%, rgba(255,202,10,.28) 0%, rgba(255,202,10,0) 62%), #fffbea;
}
body.ap-dash .stat b, body.ap-dash .stat.main b{ color:#1d1d1f; }
body.ap-dash .stat span{ color:#6e6e73; }

/* license details */
body.ap-dash .license-top > span:last-child, body.ap-dash .license-meta{ color:#6e6e73 !important; }
body.ap-dash .key{ background:#f5f5f7; border:1px solid rgba(0,0,0,.12); color:#1d1d1f; }
body.ap-dash .license .license-device{ background:rgba(0,0,0,.04); }
body.ap-dash .license .license-device b{ color:#6e6e73; }
body.ap-dash .free-key{ border-top-color:rgba(0,0,0,.1); }
body.ap-dash .download::before{ color:#6e6e73; }

/* help boxes */
body.ap-dash details.free-key-help summary{ color:#1d1d1f; }
body.ap-dash details.free-key-help summary::after{ border-color:#6e6e73; }

/* affiliate */
body.ap-dash .rate{ background:rgba(255,202,10,.2); color:#7a5c00; }
body.ap-dash .rate b{ color:#7a5c00; }

/* tables */
body.ap-dash th{ background:rgba(255,202,10,.16); color:#6e6e73; }
body.ap-dash td{ color:#1d1d1f; border-top-color:rgba(0,0,0,.07); }
body.ap-dash tbody tr:hover td{ background:rgba(0,0,0,.03); }

/* forms */
body.ap-dash .input, body.ap-dash select.input, body.ap-dash textarea.input{ background:#ffffff; border-color:rgba(0,0,0,.18); color:#1d1d1f; }
body.ap-dash .input::placeholder{ color:#a1a1a6; }
body.ap-dash .stars button{ color:#c7c7cc; }
body.ap-dash .stars button.on{ color:#e0a100; }

/* yellow button keeps dark text; links readable on white */
body.ap-dash .btn-primary{ color:#111100; box-shadow:0 8px 24px -8px rgba(255,202,10,.6); }
body.ap-dash a{ color:#7a5c00; }
body.ap-dash .btn-primary, body.ap-dash .btn-primary:hover{ color:#111100; }

@media (max-width:760px){
  body.ap-dash .nav button[aria-selected="true"]{ background:#ffca0a; color:#111100; }
}