/* MysteryByte unified light theme — staging v1.5 */
:root{
  color-scheme:light;
  --mb-page:#f4f6f9;
  --mb-page-2:#eef2f6;
  --mb-card:#ffffff;
  --mb-card-soft:#f8fafc;
  --mb-ink:#0f1a2e;
  --mb-muted:#64748b;
  --mb-border:#d5dde7;
  --mb-blue:#2563a8;
  --mb-blue-2:#3b82f6;
  --mb-green:#15803d;
  --mb-amber:#b45309;
  --mb-red:#b42318;
  --mb-shadow:0 10px 32px rgba(15,26,46,.08);
}
html,html[data-theme="light"],html[data-theme="dark"]{
  color-scheme:light!important;
  --white:#fff!important;
  --paper:#f4f6f9!important;
  --paper2:#e8edf5!important;
  --ink:#0f1a2e!important;
  --muted:#64748b!important;
  --border:#cbd5e1!important;
  --blue:#2563a8!important;
  --blue2:#3b82f6!important;
  --blue-light:#3b82f6!important;
  --navy:#fff!important;
  --navy2:#f4f6f9!important;
  --navy3:#e8edf5!important;
  --green:#15803d!important;
}
body{background:var(--mb-page);color:var(--mb-ink)}
.theme-toggle{display:none!important}

/* Keep overlays/modal surfaces light even when an older page still carries dark-theme rules. */
.modal,.config-modal,.cq-choice-modal{background:#fff!important;color:var(--mb-ink)!important}
.modal-head,.cq-choice-head{background:#eef2f6!important;color:var(--mb-ink)!important;border-color:var(--mb-border)!important}
.overlay,.modal-bg,.cq-choice-bg{background:rgba(15,26,46,.52)!important}

/* Quote Editor — formerly dark utility UI. */
body:has(.quote-panel){
  --bg:#f3f6f9!important;
  --panel:#fff!important;
  --panel2:#f4f7fa!important;
  --line:#d6dee8!important;
  --text:#122039!important;
  --muted:#6b7787!important;
  --blue:#2563a8!important;
  --blue2:#2563a8!important;
  --green:#15803d!important;
  --orange:#b45309!important;
  --red:#b42318!important;
  --shadow:0 10px 30px rgba(15,26,46,.07)!important;
}
body:has(.quote-panel) .topbar{background:rgba(255,255,255,.96)!important;border-bottom-color:#d6dee8!important}
body:has(.quote-panel) .topbar-inner>div{color:#122039!important}
body:has(.quote-panel) .panel{background:#fff!important;border-color:#d6dee8!important}
body:has(.quote-panel) .btn{background:#fff!important;color:#122039!important;border-color:#cfd8e3!important}
body:has(.quote-panel) .btn.primary{background:#2563a8!important;color:#fff!important;border-color:#2563a8!important}
body:has(.quote-panel) .btn.green{background:#15803d!important;color:#fff!important;border-color:#15803d!important}
body:has(.quote-panel) .notice{background:#eef6ff!important;border-color:#bfdbfe!important;color:#334155!important}
body:has(.quote-panel) .notice strong{color:#0f1a2e!important}
body:has(.quote-panel) .field label{color:#526174!important}
body:has(.quote-panel) .input,
body:has(.quote-panel) .select,
body:has(.quote-panel) .textarea{background:#fff!important;color:#122039!important;border-color:#cbd5e1!important}
body:has(.quote-panel) .starter{background:#f8fafc!important;color:#1e293b!important;border-color:#d8e0ea!important}
body:has(.quote-panel) .filter-title,
body:has(.quote-panel) .catalog-meta,
body:has(.quote-panel) .part-meta,
body:has(.quote-panel) .statusline,
body:has(.quote-panel) .supplier-note,
body:has(.quote-panel) .system-note,
body:has(.quote-panel) .qitem-sub,
body:has(.quote-panel) .qdefault{color:#64748b!important}
body:has(.quote-panel) .filter-btn{color:#334155!important}
body:has(.quote-panel) .filter-btn:hover,
body:has(.quote-panel) .filter-btn.active{background:#eaf2fb!important;color:#173b8e!important}
body:has(.quote-panel) .checks label{color:#475569!important}
body:has(.quote-panel) .part-card,
body:has(.quote-panel) .qcat{background:#fff!important;border-color:#d6dee8!important}
body:has(.quote-panel) .qcat-head{border-color:#e2e8f0!important;background:#f8fafc!important}
body:has(.quote-panel) .qitem{background:#f5f7fa!important}
body:has(.quote-panel) .empty{border-color:#cbd5e1!important;color:#64748b!important}
body:has(.quote-panel) .curatebtn{background:#eef6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}
body:has(.quote-panel) .badge{color:#475569!important;background:#f8fafc!important;border-color:#d8e0ea!important}
body:has(.quote-panel) .badge.mb{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important}
body:has(.quote-panel) .badge.default{background:#ecfdf3!important;border-color:#bbf7d0!important;color:#166534!important}
body:has(.quote-panel) .badge.option{background:#fffbeb!important;border-color:#fde68a!important;color:#92400e!important}
body:has(.quote-panel) .badge.source{background:#f5f3ff!important;border-color:#ddd6fe!important;color:#6d28d9!important}
body:has(.quote-panel) .badge.special{background:#fff7ed!important;border-color:#fed7aa!important;color:#9a3412!important}

/* Upgrade Vault admin — keep it utility-focused but light. */
body:has(.box) .box{background:#fff!important;color:#0f1a2e!important;border-color:#d5dde7!important;box-shadow:var(--mb-shadow)}
body:has(.box) input,
body:has(.box) select{background:#fff!important;color:#0f1a2e!important;border-color:#cbd5e1!important}
body:has(.box) pre{background:#f1f5f9!important;color:#334155!important;border:1px solid #dbe3ec!important}
body:has(.box) .warn{color:#9a5b00!important}

/* Pickup utility toolbar: light instead of charcoal. */
.toolbar{background:rgba(255,255,255,.97)!important;color:#0f1a2e!important;border-bottom:1px solid #d5dde7!important;box-shadow:0 2px 10px rgba(15,26,46,.08)!important}
.toolbar button,.toolbar a{border-color:#cbd5e1!important;color:#0f1a2e!important;background:#fff!important}
.toolbar .primary{background:#2563a8!important;color:#fff!important;border-color:#2563a8!important}