:root{--svip-bg:#f4f7fb;--svip-surface:#ffffff;--svip-surface-soft:#eef4ff;--svip-text:#172033;--svip-muted:#667085;--svip-line:#dbe3ef;--svip-primary:#1357d8;--svip-primary-strong:#0b3f91;--svip-success:#0f766e;--svip-warning:#b45309;--svip-danger:#b42318;--svip-radius:18px;--svip-shadow:0 16px 38px rgba(20,43,82,.12)}[data-theme="dark"]{--svip-bg:#0f172a;--svip-surface:#172033;--svip-surface-soft:#1e293b;--svip-text:#e5e7eb;--svip-muted:#aab3c2;--svip-line:#334155;--svip-primary:#6ea8ff;--svip-primary-strong:#93c5fd;--svip-success:#5eead4;--svip-warning:#fbbf24;--svip-danger:#fca5a5;--svip-shadow:0 16px 38px rgba(0,0,0,.32)}*{box-sizing:border-box}body{margin:0;background:var(--svip-bg);color:var(--svip-text);font-family:Inter,Arial,Helvetica,sans-serif}.svip-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:12px;border:1px solid var(--svip-line);background:var(--svip-surface);color:var(--svip-text);text-decoration:none;font-weight:700}.svip-btn.primary{background:var(--svip-primary);color:white;border-color:var(--svip-primary)}.svip-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--svip-surface-soft);color:var(--svip-primary-strong);font-size:12px;font-weight:800}.svip-actions{display:flex;gap:10px;flex-wrap:wrap}.svip-panel,.svip-card,.svip-vendor-card{background:var(--svip-surface);border:1px solid var(--svip-line);border-radius:var(--svip-radius);box-shadow:var(--svip-shadow)}.svip-panel{padding:20px}.svip-card{padding:18px}.svip-card span{display:block;color:var(--svip-muted);margin-top:6px}.svip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}.svip-page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.svip-page-head h1{margin:8px 0;font-size:30px}.svip-page-head p{color:var(--svip-muted);margin:0}@media(max-width:780px){.svip-page-head{display:block}.svip-actions{display:grid}.svip-btn{width:100%}}

/* SVIP 8.5.0E64 — standardized theme tokens for vendor/public/customer shells.
   Scope: token-only alignment, no protected selector override. */
:root{
  --svip-page-bg:linear-gradient(180deg,#f5faff 0%,#edf5fb 100%);
  --svip-brand-ink:#062452;
  --svip-brand-blue:#1357d8;
  --svip-brand-sky:#0a96d4;
  --svip-brand-soft:#eef8ff;
  --svip-card-border:#cfe2f4;
  --svip-card-shadow:0 18px 48px rgba(11,31,58,.09);
  --svip-card-shadow-soft:0 10px 26px rgba(11,31,58,.055);
  --svip-radius-xl:26px;
  --svip-radius-lg:20px;
  --svip-radius-md:15px;
  --svip-text-soft:#49637e;
  --svip-chip-bg:#eef7ff;
  --svip-touch-h:44px;
}
html[data-theme="dark"]{
  --svip-page-bg:linear-gradient(180deg,#0f172a 0%,#111f34 100%);
  --svip-brand-ink:#e8f3ff;
  --svip-brand-blue:#6ea8ff;
  --svip-brand-sky:#38bdf8;
  --svip-brand-soft:#172b45;
  --svip-card-border:#263a56;
  --svip-card-shadow:0 18px 48px rgba(0,0,0,.28);
  --svip-card-shadow-soft:0 10px 26px rgba(0,0,0,.20);
  --svip-text-soft:#aec1d5;
  --svip-chip-bg:#172b45;
}