/* =================================================================
   VERIROO — LIGHT THEME COMPLETE  v2.6  (2026-04-27)
   ================================================================= */

/* §1 ROOT */
html[data-theme="light"] body { background-color:var(--vr-bg,#f8f7f5); color:var(--vr-text,#1e293b); color-scheme:light; }
html[data-theme="light"] {
  --vr-card:#ffffff; --vr-bg-soft:#f1eff9;
  --vr-surface-subtle:rgba(15,23,42,0.04); --vr-surface-subtle-hover:rgba(15,23,42,0.07);
  --vr-overlay:rgba(15,23,42,0.30); --vr-tray-bg:rgba(252,252,254,0.99);
  --vr-tray-border:rgba(15,23,42,0.10); --vr-muted:#64748b; --vr-link:#5046CC;
  --vr-accent-soft:rgba(108,99,255,0.10); --vr-accent-teal:#00a89a; --vr-teal:#00a89a;
  --vr-radius-sm:8px; --vr-radius-md:16px; --vr-radius-lg:22px;
}

/* §2 INPUTS */
html[data-theme="light"] input[type="text"],html[data-theme="light"] input[type="email"],
html[data-theme="light"] input[type="password"],html[data-theme="light"] input[type="search"],
html[data-theme="light"] input[type="url"],html[data-theme="light"] input[type="tel"],
html[data-theme="light"] input[type="number"],html[data-theme="light"] input[type="date"],
html[data-theme="light"] input[type="time"],html[data-theme="light"] input[type="datetime-local"],
html[data-theme="light"] textarea { background:#ffffff !important; color:#1e293b !important; border:1px solid rgba(15,23,42,0.15) !important; box-shadow:0 1px 3px rgba(15,23,42,0.05) !important; }
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder { color:rgba(15,23,42,0.38) !important; }
html[data-theme="light"] input:focus,html[data-theme="light"] textarea:focus { border-color:rgba(108,99,255,0.60) !important; box-shadow:0 0 0 3px rgba(108,99,255,0.14) !important; }
html[data-theme="light"] input:disabled,html[data-theme="light"] textarea:disabled { background:rgba(15,23,42,0.05) !important; color:rgba(15,23,42,0.40) !important; border-color:rgba(15,23,42,0.10) !important; }

/* §3 SELECTS */
html[data-theme="light"] select { background:#ffffff !important; color:#1e293b !important; border:1px solid rgba(15,23,42,0.15) !important; box-shadow:0 1px 3px rgba(15,23,42,0.05) !important; color-scheme:light !important; }
html[data-theme="light"] select:focus { border-color:rgba(108,99,255,0.60) !important; box-shadow:0 0 0 3px rgba(108,99,255,0.14) !important; }
html[data-theme="light"] select option,html[data-theme="light"] select optgroup { background-color:#ffffff !important; color:#1e293b !important; }

/* §4 TOGGLE SWITCHES */
html[data-theme="light"] .vr-toggle-track,[data-theme="light"] [class*="toggle-track"] { background:#c0cad8 !important; border:1px solid rgba(15,23,42,0.18) !important; }
html[data-theme="light"] input[type="checkbox"]:checked ~ .vr-toggle-track,
html[data-theme="light"] input[type="checkbox"]:checked + .vr-toggle-track,
html[data-theme="light"] .vr-toggle-track.is-on { background:#6C63FF !important; border-color:#6C63FF !important; }
html[data-theme="light"] .vr-toggle-thumb,[data-theme="light"] [class*="toggle-thumb"] { background:#ffffff !important; box-shadow:0 1px 4px rgba(0,0,0,0.22),0 0 0 0.5px rgba(0,0,0,0.08) !important; }

/* §5 CHECKBOXES */
html[data-theme="light"] input[type="checkbox"],html[data-theme="light"] input[type="radio"] { color-scheme:light; accent-color:#6C63FF; }

/* §6 SEGMENTED / TABS */
html[data-theme="light"] .vr-seg { border-color:rgba(15,23,42,0.16) !important; background:rgba(15,23,42,0.04) !important; }
html[data-theme="light"] .vr-seg-btn { color:var(--vr-text) !important; }
html[data-theme="light"] .vr-seg-btn + .vr-seg-btn { border-left-color:rgba(15,23,42,0.12) !important; }
html[data-theme="light"] .vr-seg-btn.is-active { background:rgba(108,99,255,0.12) !important; color:#5046CC !important; }
html[data-theme="light"] .vr-billing-toggle { background:#f1eff9; border-color:rgba(15,23,42,0.12); }
html[data-theme="light"] .vr-billing-toggle button { color:#64748b; }
html[data-theme="light"] .vr-billing-toggle button.is-active { background:#ffffff; color:#1e293b; box-shadow:0 2px 8px rgba(15,23,42,0.08); }
html[data-theme="light"] .vr-billing-tabs { border-bottom-color:rgba(15,23,42,0.14); }
html[data-theme="light"] .vr-billing-tab { color:#64748b; }
html[data-theme="light"] .vr-billing-tab:hover { color:#1e293b; background:rgba(108,99,255,0.05); }
html[data-theme="light"] .vr-billing-tab.is-active { color:var(--vr-primary); border-bottom-color:var(--vr-primary); background:rgba(108,99,255,0.06); }
html[data-theme="light"] .vr-tab { border-color:rgba(15,23,42,0.16); color:#475569; background:transparent; }
html[data-theme="light"] .vr-tab.is-active { background:rgba(108,99,255,0.08); border-color:rgba(108,99,255,0.30); color:#5046CC; }
html[data-theme="light"] .vr-mp-filter-active { background:rgba(108,99,255,0.10); border-color:rgba(108,99,255,0.25); color:#5046CC; }

/* §7 BUTTONS */
html[data-theme="light"] .vr-btn-ghost { color:#475569; }
html[data-theme="light"] .vr-btn-ghost:hover { background:rgba(15,23,42,0.06); color:#1e293b; }
html[data-theme="light"] .vr-btn-upload { background:#1a1a2e !important; color:#f4f7fe !important; border-color:transparent !important; }
html[data-theme="light"] .vr-btn-danger { background:#fef2f2; color:#b91c1c; border-color:rgba(185,28,28,0.28); }
html[data-theme="light"] .vr-btn-danger:hover { background:rgba(185,28,28,0.10); border-color:rgba(185,28,28,0.55); }
html[data-theme="light"] .vr-btn-secondary { background:#ffffff; color:#1e293b; border-color:rgba(15,23,42,0.18); }
html[data-theme="light"] .vr-btn-secondary:hover { border-color:rgba(108,99,255,0.50); color:var(--vr-primary); }
html[data-theme="light"] .linkbtn { background:#ffffff; border-color:rgba(15,23,42,0.18); color:#1e293b; }
html[data-theme="light"] .mc-seg-btn { background:#ffffff; border-color:rgba(15,23,42,0.18); color:#475569; }
html[data-theme="light"] .mc-seg-btn[aria-pressed="true"] { background:rgba(108,99,255,0.10); border-color:rgba(108,99,255,0.40); color:#5046CC; }

/* §8 GENERIC CARDS */
html[data-theme="light"] .vr-panel { background:#ffffff; border-color:rgba(15,23,42,0.10); }
html[data-theme="light"] .vr-stat-card { background:#ffffff; border-color:rgba(15,23,42,0.10); box-shadow:0 1px 3px rgba(15,23,42,0.05); }
html[data-theme="light"] .vr-stat-label { color:#64748b; opacity:1; }
html[data-theme="light"] .vr-stat-value { color:#1e293b; }
html[data-theme="light"] .preview-card { border-color:rgba(15,23,42,0.15); background:#fafafa; }
html[data-theme="light"] .ai-hint { border-color:rgba(108,99,255,0.35); background:rgba(108,99,255,0.07); color:#1e293b; }
html[data-theme="light"] .ai-modal-panel { background:#ffffff; border-color:rgba(15,23,42,0.12); }
html[data-theme="light"] .vrde-opt-details { background:#f8f7f5; border-color:rgba(15,23,42,0.10); }
html[data-theme="light"] .vrde-extra-photos { background:#f8f7f5; border-color:rgba(15,23,42,0.10); }
html[data-theme="light"] .vr-thumb { border-color:rgba(15,23,42,0.14); background:#f0f0f0; }
html[data-theme="light"] #vrPrimaryImageActions button { background:linear-gradient(180deg,rgba(0,0,0,0.06),rgba(0,0,0,0.03)) !important; border-color:rgba(0,0,0,0.14) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,0.90),0 2px 6px rgba(0,0,0,0.08) !important; }
html[data-theme="light"] .vr-notif-badge { box-shadow:0 0 0 2px var(--vr-bg,#f8f7f5); }

/* §9 STATUS PILLS */
html[data-theme="light"] .vr-coa-chip--ok   { border-color:rgba(0,196,179,0.50);  background:rgba(0,196,179,0.12);  color:#0a7a6e; }
html[data-theme="light"] .vr-coa-chip--warn { border-color:rgba(245,158,11,0.50); background:rgba(245,158,11,0.12); color:#b45309; }
html[data-theme="light"] .vr-coa-banner--ok   { border-color:rgba(0,196,179,0.45);  background:rgba(0,196,179,0.08);  color:#1e293b; }
html[data-theme="light"] .vr-coa-banner--warn { border-color:rgba(245,158,11,0.45); background:rgba(245,158,11,0.08); color:#1e293b; }
html[data-theme="light"] .vr-pill { border-color:rgba(15,23,42,0.14); background:rgba(15,23,42,0.04); color:var(--vr-text); }
html[data-theme="light"] .vr-pill--neutral { background:rgba(15,23,42,0.04);   border-color:rgba(15,23,42,0.14);   color:var(--vr-text); }
html[data-theme="light"] .vr-pill--info    { background:rgba(108,99,255,0.08); border-color:rgba(108,99,255,0.30); color:#4f46e5; }
html[data-theme="light"] .vr-pill--warn    { background:rgba(217,119,6,0.08);  border-color:rgba(217,119,6,0.35);  color:#b45309; }
html[data-theme="light"] .vr-pill--success { background:rgba(22,163,74,0.08);  border-color:rgba(22,163,74,0.35);  color:#15803d; }
html[data-theme="light"] .vr-pill--danger  { background:rgba(220,38,38,0.08);  border-color:rgba(220,38,38,0.35);  color:#b91c1c; }
html[data-theme="light"] .vr-pill--muted   { background:rgba(15,23,42,0.04);   border-color:rgba(15,23,42,0.12);   color:#64748b; opacity:0.9; }

/* §10 TRAY */
html[data-theme="light"] .vr-tray { background:rgba(252,252,254,0.99); border-color:rgba(15,23,42,0.10); }
html[data-theme="light"] .vr-tray-header { border-bottom-color:rgba(15,23,42,0.10); }
html[data-theme="light"] .vr-tray-close { background:#ffffff; border-color:rgba(15,23,42,0.16); color:#475569; }
html[data-theme="light"] .vr-tray-close:hover { background:#f8f7f5; border-color:rgba(108,99,255,0.40); color:var(--vr-primary); }
html[data-theme="light"] .vr-tray .vr-input,
html[data-theme="light"] .vr-tray input[type="text"],html[data-theme="light"] .vr-tray input[type="email"],
html[data-theme="light"] .vr-tray input[type="number"],html[data-theme="light"] .vr-tray textarea,
html[data-theme="light"] .vr-tray select { background:#ffffff !important; color:#1e293b !important; border-color:rgba(15,23,42,0.15) !important; }
html[data-theme="light"] .vr-tray-card { background:#ffffff; border-color:rgba(15,23,42,0.12); }
html[data-theme="light"] .vr-tray-card:hover { background:#f8f7ff; border-color:rgba(108,99,255,0.30); }
html[data-theme="light"] .vr-notes-history__item { background:#f8f7f5; border-color:rgba(15,23,42,0.10); }

/* §11 NOTIFICATIONS */
html[data-theme="light"] .vr-notif-panel { background:#ffffff; border-color:rgba(15,23,42,0.12); box-shadow:0 8px 32px rgba(15,23,42,0.14); }
html[data-theme="light"] .vr-notif-header { background:#ffffff; border-bottom-color:rgba(15,23,42,0.10); }
html[data-theme="light"] .vr-notif-header-title { color:#64748b; }
html[data-theme="light"] .vr-notif-item { border-bottom-color:rgba(15,23,42,0.07); }
html[data-theme="light"] .vr-notif-item:hover { background:rgba(15,23,42,0.03); }
html[data-theme="light"] .vr-notif-item--unread { background:rgba(108,99,255,0.05); }
html[data-theme="light"] .vr-notif-title { color:#1e293b; } html[data-theme="light"] .vr-notif-msg { color:#64748b; } html[data-theme="light"] .vr-notif-time { color:#94a3b8; }
html[data-theme="light"] .vr-notif-icon { background:rgba(15,23,42,0.06); color:#475569; }
html[data-theme="light"] .vr-notif-icon[data-notif-category="artist-claims"] { background:rgba(108,99,255,0.10); color:var(--vr-primary); }
html[data-theme="light"] .vr-notif-label { background:rgba(15,23,42,0.07); color:#475569; }
html[data-theme="light"] .vr-notif-footer { border-top-color:rgba(15,23,42,0.08); }
html[data-theme="light"] .vr-notif-panel::-webkit-scrollbar-thumb { background:rgba(15,23,42,0.20); }

/* §12 VERIFIER DASHBOARD */
html[data-theme="light"] .vr-filter-note { color:#64748b; }
html[data-theme="light"] .vr-job-kv-label { color:#64748b; opacity:1; }
html[data-theme="light"] .vr-job-kv-value { color:#1e293b; }

/* §13 MY COLLECTION VIEW CONTROLS */
html[data-theme="light"] .vr-page-my-collection #viewGallery,
html[data-theme="light"] .vr-page-my-collection #viewCards,
html[data-theme="light"] .vr-page-my-collection #viewHero,
html[data-theme="light"] .vr-page-my-collection #mcPreviewToggle { background:#eeedf6 !important; color:#334155 !important; border-color:rgba(80,70,204,0.22) !important; box-shadow:0 1px 3px rgba(15,23,42,0.08) !important; }
html[data-theme="light"] .vr-page-my-collection #viewGallery[data-active="true"],
html[data-theme="light"] .vr-page-my-collection #viewCards[data-active="true"],
html[data-theme="light"] .vr-page-my-collection #viewHero[data-active="true"] { background:linear-gradient(135deg,#6C63FF,#00C4B3) !important; border-color:transparent !important; color:#ffffff !important; }
html[data-theme="light"] .mc-hero-nav { background:rgba(255,255,255,0.90); border-color:rgba(15,23,42,0.14); color:#1e293b; }
html[data-theme="light"] .mc-hero-dot { background:rgba(15,23,42,0.20); border-color:rgba(15,23,42,0.18); }
html[data-theme="light"] .mc-hero-dot[aria-current="true"] { background:rgba(15,23,42,0.75); }

/* §14 STUDIO EDITOR */
html[data-theme="light"] #vrThumbStrip .vr-thumb.is-primary::after { background:rgba(255,255,255,0.75); border-color:rgba(15,23,42,0.14); }
html[data-theme="light"] .vrde-pill-btn { background:rgba(255,255,255,0.80); border-color:rgba(15,23,42,0.18); color:#1e293b; }
html[data-theme="light"] .about-artist { border-top-color:rgba(15,23,42,0.12); }
html[data-theme="light"] .field-label { color:#1e293b; }

/* §15 VERITY WIDGET */
html[data-theme="light"] .vr-verity-widget { background:#ffffff; color:#1a1a1a; border-color:rgba(15,23,42,0.12); box-shadow:0 8px 32px rgba(15,23,42,0.14); }
html[data-theme="light"] .vr-verity-header { background:#f8f7f5; border-bottom-color:rgba(15,23,42,0.10); }
html[data-theme="light"] .vr-verity-msg--assistant { background:#f1f0f8; color:#1a1a1a; }
html[data-theme="light"] .vr-verity-input-row { background:#f8f7f5; border-top-color:rgba(15,23,42,0.10); }
html[data-theme="light"] .vr-verity-input { background:#ffffff; color:#1a1a1a; border-color:rgba(15,23,42,0.18); }
html[data-theme="light"] .vr-verity-qr { background:#f1f0f8; color:#334155; border-color:rgba(15,23,42,0.14); }
html[data-theme="light"] .vr-verity-qr:hover { background:rgba(108,99,255,0.12); border-color:rgba(108,99,255,0.40); color:#5046CC; }
html[data-theme="light"] .vr-verity-result-card { background:#f8f7f5; border-color:rgba(15,23,42,0.10); color:#1a1a1a; }

/* §16 BILLING */
html[data-theme="light"] .vr-plan-saving { background:rgba(0,196,179,0.12); color:#0a7a6e; }
html[data-theme="light"] .vr-billing-status { color:#64748b; }
html[data-theme="light"] .vr-billing-status.is-error { color:#b91c1c; }
html[data-theme="light"] .vr-billing-status.is-success { color:#15803d; }

/* §17 MARKETPLACE */
html[data-theme="light"] .vr-market-card:hover { box-shadow:0 6px 20px rgba(15,23,42,0.12); }
html[data-theme="light"] .vr-mp-tray-intro { color:#64748b; opacity:1; }

/* §18 UPLOAD */
html[data-theme="light"] .vr-upload-grid-item,html[data-theme="light"] .vr-upload-card { background:#ffffff; border-color:rgba(15,23,42,0.12); }

/* §19 VERIFICATION REPORT */
html[data-theme="light"] .vr-report-section,html[data-theme="light"] .vr-report-panel { background:#ffffff; border-color:rgba(15,23,42,0.10); }
html[data-theme="light"] .vr-report-kv-label { color:#64748b; }
html[data-theme="light"] .vr-report-kv-value { color:#1e293b; }

/* §20 COA */
html[data-theme="light"] .vr-coa-label { color:#64748b; }
html[data-theme="light"] .vr-coa-value { color:#1e293b; }
html[data-theme="light"] .vr-coa-chip  { background:#f8f7f5; border-color:rgba(15,23,42,0.14); color:#1e293b; }
html[data-theme="light"] .vr-coa-banner { background:#f8f7f5; border-color:rgba(15,23,42,0.12); }

/* §21 SCROLLBARS */
html[data-theme="light"] *::-webkit-scrollbar-thumb { background:rgba(15,23,42,0.20); border-radius:4px; }
html[data-theme="light"] *::-webkit-scrollbar-track { background:transparent; }
@supports (scrollbar-color: auto) { html[data-theme="light"] * { scrollbar-color:rgba(15,23,42,0.20) transparent; } }

/* §22 FOCUS */
html[data-theme="light"] :focus-visible { outline-color:rgba(108,99,255,0.75); }
html[data-theme="light"] button:focus-visible,html[data-theme="light"] a:focus-visible { outline:2px solid rgba(108,99,255,0.70); outline-offset:2px; }

/* §23 SKELETON */
html[data-theme="light"] .vr-market-skeleton-thumb,html[data-theme="light"] .vr-market-skeleton-line { background:#e2e5ea; animation-name:vrSkeletonPulseLt; }
@keyframes vrSkeletonPulseLt { 0%,100%{opacity:0.7} 50%{opacity:0.4} }

/* §24 EDITORIAL LIGHT */
html[data-style="editorial"][data-theme="light"] .vr-toggle-track { background:#c0b8a0 !important; border-color:rgba(26,18,8,0.18) !important; }
html[data-style="editorial"][data-theme="light"] input[type="checkbox"]:checked ~ .vr-toggle-track,
html[data-style="editorial"][data-theme="light"] input[type="checkbox"]:checked + .vr-toggle-track { background:#8a6a1e !important; border-color:#8a6a1e !important; }
html[data-style="editorial"][data-theme="light"] :focus-visible { outline-color:rgba(138,106,30,0.75); }
html[data-style="editorial"][data-theme="light"] .vr-seg { border-color:rgba(26,18,8,0.16) !important; background:rgba(26,18,8,0.04) !important; }
html[data-style="editorial"][data-theme="light"] .vr-seg-btn.is-active { background:rgba(138,106,30,0.14) !important; color:#8a6a1e !important; }
html[data-style="editorial"][data-theme="light"] .vr-notif-panel { background:#faf7f2; border-color:rgba(26,18,8,0.12); }
html[data-style="editorial"][data-theme="light"] .vr-notif-item:hover { background:rgba(26,18,8,0.04); }
html[data-style="editorial"][data-theme="light"] .vr-verity-widget { background:#faf7f2; border-color:rgba(26,18,8,0.12); }
html[data-style="editorial"][data-theme="light"] .vr-verity-header { background:#f5f0e8; border-bottom-color:rgba(26,18,8,0.10); }
html[data-style="editorial"][data-theme="light"] .vr-verity-msg--assistant { background:#ede8df; color:#1a1208; }
html[data-style="editorial"][data-theme="light"] .vr-verity-input { background:#faf7f2; color:#1a1208; border-color:rgba(26,18,8,0.18); }
html[data-style="editorial"][data-theme="light"] .vr-verity-qr { background:#ede8df; color:#4a3a1e; border-color:rgba(26,18,8,0.14); }
html[data-style="editorial"][data-theme="light"] .vr-verity-qr:hover { background:rgba(138,106,30,0.14); border-color:rgba(138,106,30,0.40); color:#8a6a1e; }

/* §25 MISC */
html[data-theme="light"] .vr-panel-note h2 { color:#1e293b; }
html[data-theme="light"] .vr-state { color:#64748b; }
html[data-theme="light"] #vrPanelMpFilters .vr-input,
html[data-theme="light"] #vrPanelMpFilters input[type="text"],
html[data-theme="light"] #vrPanelMpFilters input[type="number"],
html[data-theme="light"] #vrPanelMpFilters select { background:#ffffff !important; color:#0b1220 !important; border-color:rgba(15,23,42,0.14) !important; }
html[data-theme="light"] .vr-showcase-view-button { border-color:rgba(15,23,42,0.18); color:#334155; }
html[data-theme="light"] .vr-roadmap-lane,html[data-theme="light"] .vr-roadmap-card { background:#ffffff; border-color:rgba(15,23,42,0.10); }
html[data-theme="light"] .hint,html[data-theme="light"] .help,html[data-theme="light"] small { color:#64748b; }
html[data-theme="light"] code,html[data-theme="light"] pre { background:rgba(15,23,42,0.05); color:#1e293b; border-color:rgba(15,23,42,0.10); }

/* ================================================================
   §26 PURCHASES / ORDERS (purchases.css hardcoded dark values)
   ================================================================ */
html[data-theme="light"] .vr-order { background:#ffffff; border-color:rgba(15,23,42,0.12); box-shadow:0 1px 4px rgba(15,23,42,0.06); }
html[data-theme="light"] .vr-empty { border-color:rgba(15,23,42,0.16); background:#f8f7f5; color:#475569; }
html[data-theme="light"] .vr-dot { background:rgba(15,23,42,0.12); border-color:rgba(15,23,42,0.25); }
html[data-theme="light"] .vr-step.is-done .vr-dot { background:rgba(0,196,179,0.55); border-color:rgba(0,196,179,0.90); }
html[data-theme="light"] .vr-step.is-now  .vr-dot { background:rgba(245,158,11,0.70); border-color:rgba(245,158,11,0.95); }
html[data-theme="light"] .vr-step .vr-step-title { color:#1e293b; }
html[data-theme="light"] .vr-step .vr-step-sub   { color:#64748b; opacity:1; }
html[data-theme="light"] .vr-order-meta .vr-pill  { border-color:rgba(15,23,42,0.14); background:rgba(15,23,42,0.04); color:#475569; }

/* ================================================================
   §27 MARKETPLACE ITEM / SALE PROGRESS
   ================================================================ */
html[data-theme="light"] .vr-mp-buy { background:#ffffff; border-color:rgba(15,23,42,0.12); color:#1e293b; }
html[data-theme="light"] .vr-mp-card { background:#f8f7f5; border-color:rgba(15,23,42,0.12); }
html[data-theme="light"] .vr-mp-msg  { background:#f8f7f5; border-color:rgba(15,23,42,0.12); color:#475569; }
html[data-theme="light"] .vr-mp-step-kicker { background:rgba(108,99,255,0.10); color:#5046CC; }
html[data-theme="light"] .vr-mp-step { color:#1e293b; }
html[data-theme="light"] .vr-mp-accordion-body,html[data-theme="light"] .vr-mp-steps { color:#475569; }
html[data-theme="light"] .vr-mp-accordion summary { color:#1e293b; }
html[data-theme="light"] .vr-mp-accordion details { border-bottom-color:rgba(15,23,42,0.10); }
html[data-theme="light"] .vr-mp-price-label { color:#64748b; opacity:1; }
html[data-theme="light"] .vr-mp-price-value { color:#1e293b; }
html[data-theme="light"] .vr-mp-trust-list li { color:#475569; opacity:1; }
html[data-theme="light"] .vr-mp-lightbox-close { background:#ffffff; border-color:rgba(15,23,42,0.14); color:#1e293b; }

/* ================================================================
   §28 VERIFIER JOB PAGE
   ================================================================ */
html[data-theme="light"] .vr-info-card { background:#ffffff; border-color:rgba(15,23,42,0.12); }
html[data-theme="light"] .vr-file-zone { background:#f8f7f5; border-color:rgba(15,23,42,0.18); }
html[data-theme="light"] .vr-file-zone:hover,html[data-theme="light"] .vr-file-zone.is-drag { border-color:var(--vr-accent); background:rgba(108,99,255,0.06); }
html[data-theme="light"] .vr-file-zone__label { color:#1e293b; }
html[data-theme="light"] .vr-file-zone__hint  { color:#64748b; }
html[data-theme="light"] .vr-file-tag { background:#ffffff; border-color:rgba(15,23,42,0.14); color:#1e293b; }
html[data-theme="light"] .vr-choice { background:#ffffff; border-color:rgba(15,23,42,0.16); color:#1e293b; }
html[data-theme="light"] .vr-choice:hover { border-color:var(--vr-accent); }
html[data-theme="light"] .vr-lock { background:#ffffff; border-color:rgba(15,23,42,0.12); }
html[data-theme="light"] .vr-label { color:#475569; opacity:1; }
html[data-theme="light"] .vr-section-title { color:#1e293b; }

/* ================================================================
   §29 SALE PROGRESS STEPS — account/orders/sale.html
   ================================================================ */
html[data-theme="light"] .vs-steps { color:#1e293b; }
html[data-theme="light"] .vs-step { color:#1e293b; }
html[data-theme="light"] .vs-step-body { color:#1e293b; }
html[data-theme="light"] .vs-step-body strong { color:#1e293b; }
html[data-theme="light"] .vs-step-body p { color:#475569; }
html[data-theme="light"] .vs-step-num { color:#5046CC; background:rgba(108,99,255,0.10); border-color:rgba(108,99,255,0.30); }
html[data-theme="light"] .vs-step--done .vs-step-body strong { color:#1e293b; }
html[data-theme="light"] .vs-step--done .vs-step-body p { color:#64748b; }
html[data-theme="light"] .vs-step--done .vs-step-num { color:#0a7a6e; background:rgba(0,196,179,0.12); border-color:rgba(0,196,179,0.40); }
html[data-theme="light"] .vs-step--current .vs-step-num,
html[data-theme="light"] .vs-step--current-verif .vs-step-num { color:#5046CC; background:rgba(108,99,255,0.15); border-color:rgba(108,99,255,0.50); }

/* ================================================================
   §30 GLOBAL DARK SURFACE CATCH
   ================================================================ */
html[data-theme="light"] .vr-card--dark,html[data-theme="light"] .vr-surface--dark { background:#f8f7f5 !important; color:#1e293b !important; border-color:rgba(15,23,42,0.12) !important; }
html[data-theme="light"] .vr-text-muted,html[data-theme="light"] .text-muted,html[data-theme="light"] .muted { color:#64748b !important; }

/* ================================================================
   §31 CATCH-ALL — JS-injected inline white text
   ================================================================ */
html[data-theme="light"] [style*="color:rgba(255,255,255"] { color:#1e293b !important; }
html[data-theme="light"] [style*="color:rgba(255, 255, 255"] { color:#1e293b !important; }
html[data-theme="light"] [style*="color:#fff"] { color:#1e293b !important; }
html[data-theme="light"] [style*="color: #fff"] { color:#1e293b !important; }
html[data-theme="light"] [style*="color:#ffffff"] { color:#1e293b !important; }
html[data-theme="light"] [style*="color: #ffffff"] { color:#1e293b !important; }
html[data-theme="light"] [style*="color:#f4f7fe"] { color:#1e293b !important; }
html[data-theme="light"] [style*="color:#e2e8f0"] { color:#475569 !important; }
html[data-theme="light"] [style*="color:#94a3b8"] { color:#64748b !important; }

/* ================================================================
   §32 PURCHASES — vc-step "future" steps (steps 3 & 4)
   ================================================================ */
html[data-theme="light"] .vc-step-num { color:#5046CC !important; background:rgba(108,99,255,0.08) !important; border-color:rgba(108,99,255,0.25) !important; }
html[data-theme="light"] .vc-step-body strong { color:#1e293b !important; }
html[data-theme="light"] .vc-step-body p      { color:#64748b !important; }
html[data-theme="light"] .vc-step--done .vc-step-num { color:#0a7a6e !important; background:rgba(0,196,179,0.12) !important; border-color:rgba(0,196,179,0.40) !important; }
html[data-theme="light"] .vc-step--current .vc-step-num,
html[data-theme="light"] .vc-step--current-verif .vc-step-num { color:#5046CC !important; background:rgba(108,99,255,0.15) !important; border-color:rgba(108,99,255,0.50) !important; }
html[data-theme="light"] .vc-verif-callout-header strong { color:#1e293b !important; }
html[data-style="editorial"][data-theme="light"] .vc-verif-callout-header strong { color:#1a1208 !important; }
html[data-theme="light"] .vc-card { background:#ffffff !important; color:#1e293b !important; border-color:rgba(15,23,42,0.12) !important; }
html[data-theme="light"] .vc-subtitle { color:#64748b !important; }
html[data-theme="light"] .vc-coa-badge--pending { color:#b45309 !important; background:rgba(217,119,6,0.08) !important; border-color:rgba(217,119,6,0.30) !important; }

/* ================================================================
   §33 VERIFIER DASHBOARD — Accepting Jobs availability widget
   ================================================================ */
html[data-theme="light"] #vrAcceptingToggleWrap > div {
  background: #ffffff !important;
  box-shadow: 0 2px 12px rgba(15,23,42,0.08), 0 1px 3px rgba(15,23,42,0.04) !important;
}
html[data-theme="light"] #vrAcceptingToggleWrap > div[style*="rgba(34,197,94"] {
  border-color: rgba(22,163,74,0.55) !important;
  background: linear-gradient(135deg, rgba(240,253,244,1), rgba(255,255,255,1)) !important;
  box-shadow: 0 2px 12px rgba(22,163,74,0.12), 0 1px 3px rgba(22,163,74,0.06), 0 0 0 1px rgba(22,163,74,0.20) !important;
}
html[data-theme="light"] #vrAcceptingToggleWrap > div[style*="rgba(239,68,68"] {
  border-color: rgba(220,38,38,0.45) !important;
  background: linear-gradient(135deg, rgba(254,242,242,1), rgba(255,255,255,1)) !important;
  box-shadow: 0 2px 12px rgba(220,38,38,0.10), 0 1px 3px rgba(220,38,38,0.05), 0 0 0 1px rgba(220,38,38,0.18) !important;
}
html[data-theme="light"] #vrAcceptingToggleWrap span[style*="opacity"] {
  color: #64748b !important; opacity: 1 !important;
}
html[data-theme="light"] #vrAcceptingToggleBtn {
  color: #ffffff !important; font-weight: 700 !important; letter-spacing: 0.01em !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.14), inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
html[data-theme="light"] #vrAcceptingToggleBtn[style*="rgba(239,68,68"] {
  background: #dc2626 !important;
  box-shadow: 0 2px 8px rgba(220,38,38,0.30), inset 0 1px 0 rgba(255,255,255,0.16) !important;
}
html[data-theme="light"] #vrAcceptingToggleBtn[style*="rgba(239,68,68"]:hover:not(:disabled) { background: #b91c1c !important; }
html[data-theme="light"] #vrAcceptingToggleBtn[style*="rgba(34,197,94"] {
  background: #16a34a !important;
  box-shadow: 0 2px 8px rgba(22,163,74,0.30), inset 0 1px 0 rgba(255,255,255,0.16) !important;
}
html[data-theme="light"] #vrAcceptingToggleBtn[style*="rgba(34,197,94"]:hover:not(:disabled) { background: #15803d !important; }
html[data-style="editorial"][data-theme="light"] #vrAcceptingToggleWrap > div[style*="rgba(34,197,94"] {
  background: linear-gradient(135deg, rgba(240,250,244,1), rgba(250,247,242,1)) !important;
}
html[data-style="editorial"][data-theme="light"] #vrAcceptingToggleWrap > div[style*="rgba(239,68,68"] {
  background: linear-gradient(135deg, rgba(253,242,242,1), rgba(250,247,242,1)) !important;
}

/* ================================================================
   §34 VERIFIER PROFILE — Payout setup card + collection address
   ================================================================ */
html[data-theme="light"] #payoutSetupCard {
  background: #ffffff !important; color: #1e293b !important;
  box-shadow: 0 2px 12px rgba(15,23,42,0.08), 0 1px 4px rgba(15,23,42,0.04) !important;
}
html[data-theme="light"] #payoutSetupCard[style*="rgba(34,197,94"] {
  border-color: rgba(22,163,74,0.55) !important;
  background: linear-gradient(135deg, rgba(240,253,244,1), rgba(255,255,255,1)) !important;
  box-shadow: 0 2px 16px rgba(22,163,74,0.12), 0 1px 4px rgba(22,163,74,0.06), 0 0 0 1px rgba(22,163,74,0.18) !important;
}
html[data-theme="light"] #payoutSetupCard[style*="rgba(255,196,64"] {
  border-color: rgba(217,119,6,0.55) !important;
  background: linear-gradient(135deg, rgba(255,251,235,1), rgba(255,255,255,1)) !important;
  box-shadow: 0 2px 16px rgba(217,119,6,0.10), 0 1px 4px rgba(217,119,6,0.05), 0 0 0 1px rgba(217,119,6,0.18) !important;
}
html[data-theme="light"] #payoutSetupCard[style*="rgba(239,68,68"] {
  border-color: rgba(220,38,38,0.45) !important;
  background: linear-gradient(135deg, rgba(254,242,242,1), rgba(255,255,255,1)) !important;
  box-shadow: 0 2px 16px rgba(220,38,38,0.10), 0 1px 4px rgba(220,38,38,0.05), 0 0 0 1px rgba(220,38,38,0.16) !important;
}
html[data-theme="light"] #payoutSetupTitle { color: #1e293b !important; }
html[data-theme="light"] #payoutSetupMessage { color: #475569 !important; opacity: 1 !important; }
html[data-theme="light"] #payoutSetupMeta { color: #64748b !important; opacity: 1 !important; }
html[data-theme="light"] #vrVerifCollAddrWrap { background: #f8f7f5 !important; border-color: rgba(15,23,42,0.12) !important; color: #1e293b !important; }
html[data-theme="light"] #vrVerifCollAddrWrap > div[style*="opacity"] { color: #64748b !important; opacity: 1 !important; }
html[data-theme="light"] #vrVerifCollAddrSaveBtn { background: #5046CC !important; color: #ffffff !important; box-shadow: 0 2px 8px rgba(80,70,204,0.25) !important; }
html[data-theme="light"] #vrVerifCollAddrSaveBtn:hover:not(:disabled) { background: #4338ca !important; }
html[data-theme="light"] #vrVerifCollAddrStatus { color: #64748b !important; opacity: 1 !important; }
html[data-style="editorial"][data-theme="light"] #payoutSetupCard[style*="rgba(34,197,94"] { background: linear-gradient(135deg, rgba(240,250,244,1), rgba(250,247,242,1)) !important; }
html[data-style="editorial"][data-theme="light"] #payoutSetupCard[style*="rgba(255,196,64"] { background: linear-gradient(135deg, rgba(254,249,234,1), rgba(250,247,242,1)) !important; }
html[data-style="editorial"][data-theme="light"] #payoutSetupCard[style*="rgba(239,68,68"] { background: linear-gradient(135deg, rgba(253,242,242,1), rgba(250,247,242,1)) !important; }
html[data-style="editorial"][data-theme="light"] #vrVerifCollAddrWrap { background: #f5f0e8 !important; border-color: rgba(26,18,8,0.12) !important; }
html[data-style="editorial"][data-theme="light"] #vrVerifCollAddrSaveBtn { background: #8a6a1e !important; box-shadow: 0 2px 8px rgba(138,106,30,0.25) !important; }

/* ================================================================
   §35 VERIFIER JOB DISPATCH SECTION (verifier-job-dispatch.js)
   ================================================================ */
html[data-theme="light"] #vrDispatchSection {
  background: #ffffff !important;
  border-color: rgba(108,99,255,0.30) !important;
  box-shadow: 0 2px 12px rgba(15,23,42,0.07) !important;
  color: #1e293b !important;
}
html[data-theme="light"] #vrDispatchSection h2[style*="#a5b4fc"] { color: #5046CC !important; }
html[data-theme="light"] #vrDispatchSection h2[style*="color:var(--vr-danger"] { color: #b91c1c !important; }
html[data-theme="light"] #vrDispatchSection [style*="background:rgba(0,0,0,.2)"],
html[data-theme="light"] #vrDispatchSection [style*="background:rgba(0,0,0,0.2)"] {
  background: #f1f0f8 !important; color: #1e293b !important;
}
html[data-theme="light"] #vrDispatchSection [style*="letter-spacing:.08em"] { color: #64748b !important; opacity: 1 !important; }
html[data-theme="light"] #vrDispatchSection [style*="rgba(34,197,94,.05)"] {
  background: rgba(22,163,74,0.10) !important; border-color: rgba(22,163,74,0.35) !important;
}
html[data-theme="light"] #vrDispatchSection [style*="rgba(34,197,94,.06)"] {
  background: rgba(22,163,74,0.08) !important; border-color: rgba(22,163,74,0.30) !important;
}
html[data-theme="light"] #vrDispatchSection [style*="rgba(234,179,8,.06)"] {
  background: rgba(217,119,6,0.08) !important; border-color: rgba(217,119,6,0.30) !important;
}
html[data-theme="light"] #vrDispatchSection [style*="rgba(248,113,113,.06)"] {
  background: rgba(220,38,38,0.07) !important; border-color: rgba(220,38,38,0.28) !important;
}
html[data-theme="light"] #vrDispatchSection [style*="rgba(34,197,94,.3)"] { background: rgba(22,163,74,0.06) !important; }
html[data-theme="light"] #vrDispatchSection [style*="rgba(248,113,113,.3)"] { background: rgba(220,38,38,0.05) !important; }
html[data-theme="light"] #vrDispatchSection code[style*="rgba(255,255,255,.07)"] {
  background: rgba(15,23,42,0.07) !important; color: #1e293b !important;
}
html[data-theme="light"] #vrDispatchSection a[style*="rgba(34,197,94,.12)"] {
  background: rgba(22,163,74,0.12) !important; border-color: rgba(22,163,74,0.40) !important; color: #15803d !important;
}
html[data-theme="light"] #vrDispatchSection a[style*="rgba(99,102,241,.10)"] {
  background: rgba(108,99,255,0.10) !important; border-color: rgba(108,99,255,0.35) !important; color: #5046CC !important;
}
html[data-theme="light"] #vrDispatchSection a[style*="rgba(248,113,113,.12)"] {
  background: rgba(220,38,38,0.08) !important; border-color: rgba(220,38,38,0.35) !important; color: #b91c1c !important;
}
html[data-theme="light"] #vrDispatchSection button[style*="rgba(99,102,241,.15)"] {
  background: rgba(108,99,255,0.12) !important; border-color: rgba(108,99,255,0.40) !important; color: #5046CC !important;
}
html[data-theme="light"] #vrDispatchSection button[style*="rgba(248,113,113,.12)"] {
  background: rgba(220,38,38,0.08) !important; border-color: rgba(220,38,38,0.35) !important; color: #b91c1c !important;
}
html[data-theme="light"] #vrDispatchBtn {
  background: linear-gradient(135deg, #5046CC, #00a89a) !important;
  color: #ffffff !important; box-shadow: 0 2px 10px rgba(80,70,204,0.25) !important;
}
html[data-theme="light"] #vrReturnDispatchBtn {
  background: linear-gradient(135deg, #b91c1c, #b45309) !important;
  color: #ffffff !important; box-shadow: 0 2px 10px rgba(185,28,28,0.25) !important;
}
html[data-theme="light"] #vrDispatchSection [style*="opacity:.6"],
html[data-theme="light"] #vrDispatchSection [style*="opacity:.65"],
html[data-theme="light"] #vrDispatchSection [style*="opacity:.7"] { color: #64748b !important; }
html[data-theme="light"] #vrDispatchSection a[style*="#818cf8"] { color: #5046CC !important; }

/* ================================================================
   §36 VERIFIER JOB — Cancel panel, payment banner, misc panels
   ================================================================ */
html[data-theme="light"] #vrCancelJobPanel {
  background: rgba(254,242,242,1) !important;
  border-color: rgba(220,38,38,0.45) !important;
  box-shadow: 0 2px 16px rgba(220,38,38,0.10), 0 0 0 1px rgba(220,38,38,0.16) !important;
  color: #1e293b !important;
}
html[data-theme="light"] #vrCancelJobPanel p[style*="rgba(252,165,165"] {
  color: #64748b !important; opacity: 1 !important;
}
html[data-theme="light"] #vrCancelConfirmBtn {
  background: #dc2626 !important; border-color: #dc2626 !important;
  color: #ffffff !important; box-shadow: 0 2px 8px rgba(220,38,38,0.30) !important;
}
html[data-theme="light"] #vrCancelConfirmBtn:hover:not(:disabled) { background: #b91c1c !important; }
html[data-theme="light"] #cancelJobBtn {
  background: rgba(220,38,38,0.10) !important;
  border-color: rgba(220,38,38,0.40) !important; color: #b91c1c !important;
}
html[data-theme="light"] #vrVerifierPayBanner {
  background: linear-gradient(135deg, rgba(239,248,255,1), rgba(255,255,255,1)) !important;
  border-color: rgba(56,189,248,0.55) !important;
  box-shadow: 0 2px 12px rgba(14,165,233,0.10) !important; color: #1e293b !important;
}
html[data-theme="light"] #vrVerifierPayBanner strong[style*="#7dd3fc"] { color: #0369a1 !important; }
html[data-theme="light"] #vrVerifierPayBanner p[style*="rgba(125,211,252"] { color: #475569 !important; opacity: 1 !important; }
html[data-theme="light"] #vrVerifierPayBanner strong[style*="#e0f2fe"] { color: #0c4a6e !important; }
html[data-theme="light"] #reportStatus .vr-empty[style*="rgba(18,96,70"] {
  background: rgba(22,163,74,0.08) !important; border-color: rgba(22,163,74,0.30) !important;
}
html[data-theme="light"] #reportGate .vr-empty[style*="rgba(255,255,255,.02)"] {
  background: #f8f7f5 !important; border-color: rgba(15,23,42,0.18) !important; color: #475569 !important;
}
html[data-theme="light"] #jobIssueSection .vr-empty[style*="rgba(255,255,255,.02)"] {
  background: #f8f7f5 !important; border-color: rgba(15,23,42,0.14) !important;
}
html[data-theme="light"] #state .vr-empty[style*="rgba(64,48,8"] {
  background: rgba(255,251,235,1) !important; border-color: rgba(217,119,6,0.45) !important; color: #1e293b !important;
}
html[data-theme="light"] .vr-evidence-row[style*="rgba(255,255,255,.03)"] {
  background: #f8f7f5 !important; border-color: rgba(15,23,42,0.12) !important;
}
html[data-theme="light"] button[style*="rgba(99,102,241,.15)"][style*="a5b4fc"] {
  background: rgba(108,99,255,0.12) !important; border-color: rgba(108,99,255,0.40) !important; color: #5046CC !important;
}
html[data-theme="light"] button[style*="rgba(245,158,11,.18)"] {
  background: rgba(217,119,6,0.12) !important; border-color: rgba(217,119,6,0.50) !important; color: #b45309 !important;
}
html[data-theme="light"] [style*="rgba(34,197,94,.08)"][style*="rgba(34,197,94,.3)"] {
  background: rgba(22,163,74,0.08) !important; border-color: rgba(22,163,74,0.28) !important;
}

/* ================================================================
   §37 SIGNUP ROLE CARD SELECTOR (signup/index.html)
   The page has an inline <style> block setting dark-mode defaults:
     .vr-role-card border:     rgba(255,255,255,.08)  → invisible on light
     hover border:             rgba(255,255,255,.16)  → invisible on light
     selected bg gradient:     rgba(108,99,255,.16) → rgba(8,15,42,.96)
       — the bottom stop rgba(8,15,42,.96) is near-black, making text
         unreadable unless the card also sets color:#ffffff on h3.
     selected h3 color:        #ffffff → white on dark card, invisible once
       the card bg is fixed to light.
   Fix: override the inline <style> for light theme using !important.
   Selected state: crisp indigo gradient top→bottom on white base,
   full-opacity indigo border + glow. Unselected: visible slate border.
   ================================================================ */

/* Unselected card — give it a visible light-theme border */
html[data-theme="light"] .vr-role-card-link .vr-role-card {
  border-color: rgba(15,23,42,0.14) !important;
  background: #ffffff !important;
  color: #1e293b !important;
}

/* Hover — light indigo tint */
html[data-theme="light"] .vr-role-card-link:hover .vr-role-card {
  border-color: rgba(108,99,255,0.40) !important;
  background: rgba(108,99,255,0.04) !important;
}

/* Selected (checked radio / .is-selected) — indigo border + vivid soft gradient */
html[data-theme="light"] .vr-role-card-link.is-selected .vr-role-card,
html[data-theme="light"] .vr-role-card-link input[name="roleEntry"]:checked + .vr-role-card {
  border-color: rgba(108,99,255,0.80) !important;
  background: linear-gradient(180deg, rgba(108,99,255,0.12), rgba(108,99,255,0.04)) !important;
  box-shadow: 0 0 0 2.5px rgba(108,99,255,0.22), 0 2px 12px rgba(108,99,255,0.12) !important;
}

/* Selected h3 — override the white text, use strong indigo instead */
html[data-theme="light"] .vr-role-card-link.is-selected .vr-role-card h3,
html[data-theme="light"] .vr-role-card-link input[name="roleEntry"]:checked + .vr-role-card h3 {
  color: #3730a3 !important;
}

/* Body text + list items inside cards — ensure legible on light bg */
html[data-theme="light"] .vr-role-card p,
html[data-theme="light"] .vr-role-card li { color: #475569 !important; }

/* Editorial light — warm indigo substitute */
html[data-style="editorial"][data-theme="light"] .vr-role-card-link.is-selected .vr-role-card,
html[data-style="editorial"][data-theme="light"] .vr-role-card-link input[name="roleEntry"]:checked + .vr-role-card {
  border-color: rgba(138,106,30,0.70) !important;
  background: linear-gradient(180deg, rgba(138,106,30,0.10), rgba(138,106,30,0.03)) !important;
  box-shadow: 0 0 0 2.5px rgba(138,106,30,0.20), 0 2px 12px rgba(138,106,30,0.10) !important;
}
html[data-style="editorial"][data-theme="light"] .vr-role-card-link.is-selected .vr-role-card h3,
html[data-style="editorial"][data-theme="light"] .vr-role-card-link input[name="roleEntry"]:checked + .vr-role-card h3 {
  color: #7c5a14 !important;
}
html[data-style="editorial"][data-theme="light"] .vr-role-card-link:hover .vr-role-card {
  border-color: rgba(138,106,30,0.35) !important;
  background: rgba(138,106,30,0.04) !important;
}