/* Light theme for the marketplace pages (store, strategy report, publish, admin
   payouts). Applied when <html data-theme="light"> — set by marketplace_theme.js
   from the app's own theme setting (localStorage gts_theme). Dark stays default. */

html[data-theme="light"]{
  --bg:#f3f6fb;--panel:#ffffff;--panel2:#f7f9fd;--soft:#eef3fb;
  --line:#d7deeb;--line2:#c3cee3;--text:#0f172a;--muted:#5b6b86;
  --cyan:#0891b2;--blue:#2563eb;--purple:#7c3aed;
  --green:#059669;--red:#dc2626;--gold:#b45309;--pink:#db2777;
  color-scheme:light;
}
html[data-theme="light"] body{
  background:
    radial-gradient(820px 380px at 8% -8%,rgba(8,145,178,.10),transparent 60%),
    radial-gradient(820px 380px at 96% -6%,rgba(124,58,237,.10),transparent 60%),
    var(--bg) !important;
  color:var(--text);
}
html[data-theme="light"] body::before{display:none}

/* glass panels / cards */
html[data-theme="light"] .hero,
html[data-theme="light"] .side,
html[data-theme="light"] .userarea,
html[data-theme="light"] .prod,
html[data-theme="light"] .glass,
html[data-theme="light"] .card,
html[data-theme="light"] .acct .blk,
html[data-theme="light"] .how .blk,
html[data-theme="light"] .tbl-wrap,
html[data-theme="light"] .wrap{
  background:var(--panel) !important;
  border-color:var(--line) !important;
  box-shadow:0 1px 2px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.06) !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
html[data-theme="light"] .userarea{background:linear-gradient(120deg,rgba(37,99,235,.08),rgba(124,58,237,.07),#fff) !important}
html[data-theme="light"] .prod:hover{border-color:var(--line2) !important;box-shadow:0 12px 30px rgba(15,23,42,.12) !important}
html[data-theme="light"] .prod .glow,
html[data-theme="light"] .hero::after{opacity:.12}
html[data-theme="light"] .logo{background:linear-gradient(90deg,#0891b2,#7c3aed);-webkit-background-clip:text;color:transparent}

/* nav, chips, filters, switches */
html[data-theme="light"] .navlinks a{color:#334155}
html[data-theme="light"] .navlinks a.active{background:#e8eefb;color:#0f172a;border-color:var(--line2)}
html[data-theme="light"] .navlinks a:hover{border-color:var(--line2)}
html[data-theme="light"] .chip,
html[data-theme="light"] .vswitch button,
html[data-theme="light"] .side .filt button{background:#f1f5fb;color:#334155;border-color:var(--line)}
html[data-theme="light"] .chip.on,
html[data-theme="light"] .vswitch button.on{background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff;border-color:transparent}
html[data-theme="light"] .side .filt button.on,
html[data-theme="light"] .side .filt button:hover{background:#e8eefb;color:#0f172a;border-color:var(--line2)}

/* inputs */
html[data-theme="light"] .search input,
html[data-theme="light"] .sortsel,
html[data-theme="light"] select,
html[data-theme="light"] input{background:#fff !important;color:var(--text) !important;border-color:var(--line2) !important}

/* small stat tiles / badges */
html[data-theme="light"] .ua-stat,
html[data-theme="light"] .m,
html[data-theme="light"] .hcell,
html[data-theme="light"] .kpi,
html[data-theme="light"] .meta div{background:#f7f9fd !important;border-color:var(--line) !important;box-shadow:none !important}
html[data-theme="light"] .sym{background:rgba(8,145,178,.10);color:#0e7490;border-color:rgba(8,145,178,.3)}
html[data-theme="light"] .mkt{background:#eef2f9;color:#475569;border-color:var(--line)}
html[data-theme="light"] .tier.free{background:rgba(5,150,105,.10);color:#047857;border-color:rgba(5,150,105,.3)}
html[data-theme="light"] .tier.paid{background:rgba(180,83,9,.10);color:#92400e;border-color:rgba(180,83,9,.3)}
html[data-theme="light"] .tier.sale{background:rgba(124,58,237,.10);color:#6d28d9;border-color:rgba(124,58,237,.3)}
html[data-theme="light"] .rankchip{background:rgba(180,83,9,.10);color:#92400e;border-color:rgba(180,83,9,.3)}
html[data-theme="light"] .livechip,
html[data-theme="light"] .foryou{background:rgba(5,150,105,.10);color:#047857;border-color:rgba(5,150,105,.3)}
html[data-theme="light"] .ua-pill{background:#fff;border-color:var(--line2)}
html[data-theme="light"] .rule>b{background:#e8eefb;color:#1e3a8a}
html[data-theme="light"] .pill.muted{background:#eef2f9;color:#475569}

/* buttons (colored CTAs keep their gradients) */
html[data-theme="light"] .cta.ghost,
html[data-theme="light"] .ghost{background:#fff;border-color:var(--line2);color:#1e293b}
html[data-theme="light"] .cta.ghost:hover{border-color:#94a3b8}
html[data-theme="light"] .cta.owned{background:#ecfdf5;border-color:var(--green);color:#047857}
html[data-theme="light"] .cta.mine{background:#f1f5fb;border-color:var(--line2);color:var(--muted)}
html[data-theme="light"] .cta.renew{background:#fffbeb;border-color:var(--gold);color:#92400e}

/* tables */
html[data-theme="light"] table.st th,
html[data-theme="light"] .tbl th,
html[data-theme="light"] th{background:#f1f5fb;color:#475569;border-color:var(--line)}
html[data-theme="light"] table.st th:hover{color:#0f172a}
html[data-theme="light"] table.st th.on{color:#0891b2}
html[data-theme="light"] table.st td,
html[data-theme="light"] .tbl td,
html[data-theme="light"] td{border-color:#e6ebf3;color:var(--text)}
html[data-theme="light"] table.st tbody tr:hover{background:#f6f8fc}
html[data-theme="light"] .subsrow td{background:#f8fafd;color:#334155}
html[data-theme="light"] .tbl-wrap,
html[data-theme="light"] .scroll{scrollbar-color:#c3cee3 transparent}
html[data-theme="light"] .tbl-wrap::-webkit-scrollbar-thumb,
html[data-theme="light"] .scroll::-webkit-scrollbar-thumb{background:#c3cee3}

/* text blocks */
html[data-theme="light"] .how p,
html[data-theme="light"] .how li{color:#334155}
html[data-theme="light"] .how b{color:#0f172a}
html[data-theme="light"] .empty{color:var(--muted);border-color:var(--line2)}

/* feedback */
html[data-theme="light"] .toast{background:#0f172a;color:#f8fafc}
html[data-theme="light"] .spin{border-color:rgba(15,23,42,.2);border-top-color:#0f172a}
html[data-theme="light"] .banner.warn{background:#fffbeb;border-color:#fcd34d;color:#78350f}
html[data-theme="light"] .banner.err{background:#fef2f2;border-color:#fca5a5;color:#7f1d1d}
html[data-theme="light"] .banner.ok{background:#ecfdf5;border-color:#6ee7b7;color:#065f46}

/* theme toggle (marketplace_theme.js) */
.mp-theme-btn{background:transparent;border:1px solid var(--line2,#28396a);color:inherit;border-radius:11px;
  padding:8px 11px;cursor:pointer;font-size:14px;line-height:1}
html[data-theme="light"] .mp-theme-btn{background:#fff}

/* logo is a white image: give it a dark plate in light mode */
html[data-theme="light"] .brand img{background:#0f172a;border-radius:9px;padding:4px 8px}
/* win-rate ring track */
html[data-theme="light"] .ring svg circle:first-of-type{stroke:#e2e8f0}
/* publish page: right-hand logo, rules list */
html[data-theme="light"] .hero-logo{background:#0f172a;border-radius:12px;padding:8px 12px}
html[data-theme="light"] .rule{color:#334155}
html[data-theme="light"] .rule span b{color:#0f172a}
/* admin page: plain buttons */
html[data-theme="light"] button:not([class]){background:#fff;color:var(--text);border:1px solid var(--line2)}
/* one continuous background (no banding below short pages) */
html[data-theme="light"] body{min-height:100vh;background-attachment:fixed !important}

/* "What is this page?" explainers + delivery badges */
html[data-theme="light"] .explain{background:#eef6fb;border-color:var(--line2);color:#334155}
html[data-theme="light"] .explain b,html[data-theme="light"] .explain summary{color:#0f172a}
html[data-theme="light"] .dl.ok{color:#047857}
html[data-theme="light"] .dl.wait{color:#92400e}
html[data-theme="light"] .dl.bad{color:#b91c1c}