/* Shared styles for the standalone tool pages (pricing.html, verify.html).
   Same tokens and skins as account.html / the main site (bsvi_skin, bsvi_theme). */
:root{
  --ground:#fdfdfc; --surface:#ffffff; --surface-2:#efefec;
  --ink:#1f1f1f; --muted:#636363; --border:#dbdbd8; --border-strong:#bdbdbb;
  --sats:#9a5c00; --sats-soft:#fbf0dc; --tokens:#002cf2; --tokens-soft:#e2ebfd;
  --good:#12804a; --good-soft:#e3f5ea; --err:#b32909; --err-soft:#fae6e6; --warn:#8a5a00;
  --font-body:"Public Sans","IBM Plex Sans SC","Segoe UI",-apple-system,system-ui,sans-serif;
  --font-mono:"JetBrains Mono","Cascadia Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--ground:#070707;--surface:#0e0e0e;--surface-2:#131313;--ink:#e6e6e6;--muted:#999999;--border:#202020;--border-strong:#30302f;--sats:#ffb752;--sats-soft:#1f1405;--tokens:#20d5f9;--tokens-soft:#051518;--good:#1fb66a;--good-soft:#001905;--err:#ff7566;--err-soft:#1f0e0b;--warn:#ffb752;}
}
:root[data-theme="dark"]{--ground:#070707;--surface:#0e0e0e;--surface-2:#131313;--ink:#e6e6e6;--muted:#999999;--border:#202020;--border-strong:#30302f;--sats:#ffb752;--sats-soft:#1f1405;--tokens:#20d5f9;--tokens-soft:#051518;--good:#1fb66a;--good-soft:#001905;--err:#ff7566;--err-soft:#1f0e0b;--warn:#ffb752;}
:root[data-skin="redline"]{--ground:#0b0b0d;--surface:#141417;--surface-2:#1c1c20;--ink:#F3EFF0;--muted:#BBACB0;--border:#2b2b31;--border-strong:#3b3b44;--sats:#FF2E2E;--sats-soft:#2a0e0e;--tokens:#37E0C8;--tokens-soft:#0d2b28;--good:#37E07A;--good-soft:#0d2a18;--err-soft:#2a0e0e}
:root[data-skin="aviator"]{--ground:#05080a;--surface:#0a0f11;--surface-2:#0e1613;--ink:#C4FFD9;--muted:#5FC98A;--border:#123a26;--border-strong:#1d5a39;--sats:#39FF87;--sats-soft:#0a2a16;--tokens:#35E0FF;--tokens-soft:#062730;--good:#39FF87;--good-soft:#0a2a16;--err-soft:#2a0e0e}
:root[data-skin="terminal"]{--ground:#0c0a05;--surface:#141006;--surface-2:#1c1608;--ink:#FFC24D;--muted:#B58A3A;--border:#2e2410;--border-strong:#4a3a18;--sats:#FFB000;--sats-soft:#2a1e08;--tokens:#FFD98A;--tokens-soft:#2e2410;--good:#9ED36A;--good-soft:#1f2a10;--err-soft:#2a1208}
:root[data-skin="neon"]{--ground:#0b0820;--surface:#120e2b;--surface-2:#181334;--ink:#EDE6FF;--muted:#A99FD6;--border:#2a2350;--border-strong:#3d3470;--sats:#FF3DCE;--sats-soft:#2a0f28;--tokens:#3DE0FF;--tokens-soft:#0a2630;--good:#5DFFB0;--good-soft:#0f2a22;--err-soft:#2a0f1a}
:root[data-skin="stealth"]{--ground:#0f0f10;--surface:#161617;--surface-2:#1d1d1f;--ink:#E8E8EA;--muted:#9A9AA0;--border:#2a2a2d;--border-strong:#3a3a3e;--sats:#C8C8CC;--sats-soft:#1d1d1f;--tokens:#8E8E96;--tokens-soft:#1d1d1f;--good:#B8B8BE;--good-soft:#1d1d1f;--err-soft:#2a1d1d}
:root[data-skin="aviator"] button:not(.ghost):not(.mini){color:#04120a}
:root[data-skin="terminal"] button:not(.ghost):not(.mini){color:#1a1206}
:root[data-skin="stealth"] button:not(.ghost):not(.mini){color:#141415}

*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-body);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--tokens)}
.wrap{max-width:980px;margin:0 auto;padding:0 16px}
header{border-bottom:1px solid var(--border);background:var(--surface)}
.bar{display:flex;align-items:center;gap:12px;min-height:64px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;text-decoration:none;color:inherit}
.dot{width:11px;height:11px;border-radius:3px;background:var(--sats)}
.bar nav{margin-left:auto;display:flex;gap:16px;font-size:.92rem;align-items:center;flex-wrap:wrap}
.bar nav a.cur{color:var(--ink);font-weight:600;text-decoration:none}
h1{font-size:1.8rem;margin:34px 0 6px;letter-spacing:-.02em;line-height:1.2}
h2{font-size:1.1rem;margin:0 0 6px}
.sub{color:var(--muted);margin:0 0 26px;max-width:68ch}
.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px 24px;margin-bottom:18px;box-shadow:0 1px 2px rgba(20,19,14,.04)}
.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.muted{color:var(--muted)}
.mono{font-family:var(--font-mono)}
.small{font-size:.85rem}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
label.field{display:grid;gap:6px;margin-top:12px;font-size:.9rem}
input[type=text],input[type=number],select,textarea{padding:10px 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-2);color:var(--ink);font-family:var(--font-mono);font-size:.86rem;width:100%}
textarea{min-height:160px;resize:vertical;line-height:1.45}
input[type=number]{width:120px}
button{font-family:var(--font-body);font-weight:600;font-size:.9rem;padding:10px 18px;border-radius:10px;border:1px solid var(--tokens);background:var(--tokens);color:var(--ground);cursor:pointer}
button.ghost{background:none;color:var(--tokens)}
button.chip{background:var(--surface-2);color:var(--muted);border-color:var(--border-strong);font-weight:500;padding:6px 12px;font-size:.84rem}
button.chip.on{background:var(--tokens-soft);color:var(--tokens);border-color:var(--tokens)}
button:disabled{opacity:.55;cursor:default}
.kbd{font-family:var(--font-mono);font-size:.84em;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 5px}
pre{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:14px;overflow-x:auto;font-family:var(--font-mono);font-size:.8rem;margin:8px 0 0}
.tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}
table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:640px}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}
th{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500;background:var(--surface-2)}
tr:last-child td{border-bottom:none}
td.n{font-family:var(--font-mono);white-space:nowrap}
td .s{display:block;color:var(--muted);font-size:.78rem}
td.model{font-family:var(--font-mono);font-weight:600}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.stat{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:13px 15px}
.stat .k{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.stat .v{font-family:var(--font-mono);font-weight:600;font-size:1.25rem;margin-top:3px}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.checks li{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2)}
.checks li .ic{font-weight:700;font-family:var(--font-mono);text-align:center}
.checks li.pass{background:var(--good-soft);border-color:var(--good)}
.checks li.pass .ic{color:var(--good)}
.checks li.fail{background:var(--err-soft);border-color:var(--err)}
.checks li.fail .ic{color:var(--err)}
.checks li.skip .ic{color:var(--muted)}
.checks li .d{font-size:.82rem;color:var(--muted);word-break:break-all}
.verdict{font-weight:700;font-size:1.05rem;padding:12px 14px;border-radius:10px;margin-bottom:12px}
.verdict.pass{background:var(--good-soft);color:var(--good)}
.verdict.fail{background:var(--err-soft);color:var(--err)}
details summary{cursor:pointer;color:var(--muted);font-size:.9rem}
.hide{display:none}
footer{color:var(--muted);font-size:.85rem;padding:30px 0 60px;text-align:center}
@media (max-width:600px){h1{font-size:1.45rem}.card{padding:18px 16px}.bar nav{margin-left:0;gap:12px}}
