/* ============================================================
   OMS Dashboard Theme Integration — WBS 6B.5
   
   Maps theme CSS custom properties (--oms-*) to the product
   dashboard's existing variables and selectors.
   
   All rules use !important to override the inline <style> block
   in product-dashboard.html which has hardcoded colors.
   ============================================================ */

/* ── Override dashboard :root variables with theme values ── */
:root,
[data-theme="ocean"] {
  --primary: var(--oms-accent);
  --primary-dark: #5a67d8;
  --navy: var(--oms-panel-bg);
  --gray: var(--oms-text-secondary);
  --success: #10b981;
  --danger: var(--oms-critical);
  --warning: var(--oms-warning);
  --light: var(--oms-panel-border);
}

[data-theme="sunset"] {
  --primary: var(--oms-accent);
  --primary-dark: #b45309;
  --navy: var(--oms-panel-bg);
  --gray: var(--oms-text-secondary);
  --success: #10b981;
  --danger: var(--oms-critical);
  --warning: var(--oms-warning);
  --light: var(--oms-panel-border);
}

[data-theme="forest"] {
  --primary: var(--oms-accent);
  --primary-dark: #15803d;
  --navy: var(--oms-panel-bg);
  --gray: var(--oms-text-secondary);
  --success: #10b981;
  --danger: var(--oms-critical);
  --warning: var(--oms-warning);
  --light: var(--oms-panel-border);
}

[data-theme="arctic"] {
  --primary: var(--oms-accent);
  --primary-dark: #1d4ed8;
  --navy: var(--oms-panel-bg);
  --gray: var(--oms-text-secondary);
  --success: #10b981;
  --danger: var(--oms-critical);
  --warning: var(--oms-warning);
  --light: var(--oms-panel-border);
}

[data-theme="midnight"] {
  --primary: var(--oms-accent);
  --primary-dark: #3b82f6;
  --navy: var(--oms-panel-bg);
  --gray: var(--oms-text-secondary);
  --success: #10b981;
  --danger: var(--oms-critical);
  --warning: var(--oms-warning);
  --light: var(--oms-panel-border);
}

/* ── Dashboard body background ──────────────────────────── */
[data-theme] body,
body[data-theme] {
  background: linear-gradient(135deg, var(--oms-panel-bg) 0%, var(--oms-panel-border) 100%) !important;
  color: var(--oms-text-primary) !important;
}

/* ── Header (both title bar and nav bar) ─────────────────── */
/* Dark themes: dark header */
[data-theme="sunset"] .header,
[data-theme="forest"] .header,
[data-theme="midnight"] .header {
  background: var(--oms-panel-bg) !important;
  border: 1px solid var(--oms-panel-border) !important;
  color: var(--oms-text-primary) !important;
}

[data-theme="sunset"] .header h1,
[data-theme="forest"] .header h1,
[data-theme="midnight"] .header h1 {
  color: var(--oms-text-primary) !important;
}

/* Light theme: keep white header */
[data-theme="arctic"] .header {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid var(--oms-panel-border) !important;
  color: #0f172a !important;
}

[data-theme="arctic"] .header h1 {
  color: #0f172a !important;
}

/* Ocean: keep original white header — no override needed */

/* ── Company badge ──────────────────────────────────────── */
[data-theme] .header .company-badge {
  background: linear-gradient(135deg, var(--oms-accent), var(--oms-primary-dark, var(--oms-accent))) !important;
  color: #fff !important;
}

/* ── Nav links ───────────────────────────────────────────── */
/* Ocean keeps original blue links */
[data-theme="ocean"] .header .nav-links a {
  color: #667eea !important;
}
[data-theme="ocean"] .header .nav-links a:hover {
  background: #f0f2ff !important;
}

/* Arctic: blue links on white */
[data-theme="arctic"] .header .nav-links a {
  color: #2563eb !important;
}
[data-theme="arctic"] .header .nav-links a:hover {
  background: #eff6ff !important;
}

/* Dark themes: accent-colored links */
[data-theme="sunset"] .header .nav-links a,
[data-theme="forest"] .header .nav-links a,
[data-theme="midnight"] .header .nav-links a {
  color: var(--oms-accent) !important;
}
[data-theme="sunset"] .header .nav-links a:hover,
[data-theme="forest"] .header .nav-links a:hover,
[data-theme="midnight"] .header .nav-links a:hover {
  background: color-mix(in srgb, var(--oms-accent) 15%, transparent) !important;
}

[data-theme] .header .nav-links a.active {
  background: linear-gradient(135deg, var(--oms-accent), var(--oms-primary-dark, var(--oms-accent))) !important;
  color: #fff !important;
}

/* ── Price Bar ──────────────────────────────────────────── */
[data-theme] .price-bar {
  background: var(--oms-panel-bg) !important;
  border: 1px solid var(--oms-panel-border) !important;
}

[data-theme="arctic"] .price-bar {
  background: rgba(255, 255, 255, 0.95) !important;
}

[data-theme] .price-item .value {
  color: var(--oms-text-primary) !important;
}

[data-theme] .price-item .label {
  color: var(--oms-text-secondary) !important;
}

/* ── Product Cards ──────────────────────────────────────── */
[data-theme] .product-card {
  background: linear-gradient(135deg, var(--oms-panel-bg), var(--oms-panel-border)) !important;
  color: var(--oms-text-primary) !important;
  border: 1px solid var(--oms-panel-border) !important;
}

[data-theme] .product-card h3 {
  color: var(--oms-text-secondary) !important;
}

[data-theme] .product-card .volume {
  color: var(--oms-text-primary) !important;
}

[data-theme] .product-card .value .dollar {
  color: var(--oms-accent) !important;
}

[data-theme] .product-card .breakdown {
  border-top: 1px solid var(--oms-panel-border) !important;
}

/* ── Asset Panel ────────────────────────────────────────── */
[data-theme] .asset-panel {
  background: var(--oms-panel-bg) !important;
  border: 1px solid var(--oms-panel-border) !important;
  color: var(--oms-text-primary) !important;
}

[data-theme="arctic"] .asset-panel {
  background: #fff !important;
}

[data-theme] .asset-panel h3 {
  color: var(--oms-text-primary) !important;
}

[data-theme] .asset-panel h3 i {
  color: var(--oms-accent) !important;
}

[data-theme] .asset-panel .back-btn {
  color: var(--oms-accent) !important;
}

/* ── Asset Cards ─────────────────────────────────────────── */
[data-theme] .asset-card {
  background: var(--oms-panel-bg) !important;
  border: 1px solid var(--oms-panel-border) !important;
  color: var(--oms-text-primary) !important;
}

[data-theme="arctic"] .asset-card {
  background: #fff !important;
}

[data-theme] .asset-card:hover {
  border-color: var(--oms-accent) !important;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--oms-accent) 30%, transparent) !important;
}

[data-theme] .asset-card .name {
  color: var(--oms-text-primary) !important;
}

[data-theme] .asset-card .location {
  color: var(--oms-text-secondary) !important;
}

[data-theme] .asset-card .volume {
  color: var(--oms-accent) !important;
}

[data-theme] .asset-card .capacity {
  color: var(--oms-text-secondary) !important;
}

/* ── Progress Bars ──────────────────────────────────────── */
[data-theme] .progress-fill {
  background: linear-gradient(90deg, var(--oms-gauge-fill-start), var(--oms-gauge-fill-end)) !important;
}

[data-theme] .progress-fill.high {
  background: linear-gradient(90deg, #10b981, #059669) !important;
}

[data-theme] .progress-fill.medium {
  background: linear-gradient(90deg, var(--oms-warning), color-mix(in srgb, var(--oms-warning) 70%, #000)) !important;
}

[data-theme] .progress-fill.low,
[data-theme] .progress-fill.over {
  background: linear-gradient(90deg, var(--oms-critical), color-mix(in srgb, var(--oms-critical) 70%, #000)) !important;
}

[data-theme] .progress-fill.over {
  animation: pulse-bar 1.5s infinite !important;
}

/* ── Stat Items ─────────────────────────────────────────── */
[data-theme] .stat-item .stat-num {
  background: linear-gradient(135deg, var(--oms-accent), var(--oms-primary-dark, var(--oms-accent))) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ── User Badge ─────────────────────────────────────────── */
[data-theme] .user-badge {
  background: linear-gradient(135deg, var(--oms-accent), var(--oms-primary-dark, var(--oms-accent))) !important;
}

/* ── Buttons ────────────────────────────────────────────── */
[data-theme] .btn-primary,
[data-theme] .btn-logout {
  background: linear-gradient(135deg, var(--oms-accent), var(--oms-primary-dark, var(--oms-accent))) !important;
  color: #fff !important;
  border: 1px solid var(--oms-accent) !important;
}

/* ── Cards (generic) ────────────────────────────────────── */
[data-theme] .card {
  background: var(--oms-panel-bg) !important;
  border: 1px solid var(--oms-panel-border) !important;
  color: var(--oms-text-primary) !important;
}

[data-theme="arctic"] .card {
  background: #fff !important;
}

/* ── Gauge fill (for SVG/canvas gauges) ────────────────── */
[data-theme] .gauge-fill,
[data-theme] .gauge-bar {
  background: linear-gradient(180deg, var(--oms-gauge-fill-start), var(--oms-gauge-fill-end)) !important;
}

/* ── Blend Spec Entry ───────────────────────────────────── */
[data-theme] .source-panel,
[data-theme] .target-panel {
  background: var(--oms-panel-bg) !important;
  border-color: var(--oms-panel-border) !important;
}

[data-theme] .source-panel h2,
[data-theme] .target-panel label {
  color: var(--oms-text-secondary) !important;
}

[data-theme] .source-panel *,
[data-theme] .target-panel select,
[data-theme] .target-panel input {
  color: var(--oms-text-primary) !important;
}

[data-theme] .target-panel select,
[data-theme] .target-panel input {
  background: var(--oms-panel-bg) !important;
  border-color: var(--oms-panel-border) !important;
}

[data-theme] .blend-dropdown-btn {
  background: var(--oms-panel-bg) !important;
  color: var(--oms-text-primary) !important;
  border-color: var(--oms-panel-border) !important;
}

[data-theme] .blend-dropdown-menu {
  background: var(--oms-panel-bg) !important;
  border-color: var(--oms-panel-border) !important;
}

[data-theme] .results .spec {
  color: var(--oms-text-secondary) !important;
}

[data-theme] .results .method {
  color: var(--oms-accent) !important;
}

[data-theme] .footer {
  background: var(--oms-panel-bg) !important;
  color: var(--oms-text-secondary) !important;
}

[data-theme] .footer .meta {
  color: var(--oms-text-secondary) !important;
}

/* Arctic-specific: light theme overrides for blend page */
[data-theme="arctic"] .source-panel,
[data-theme="arctic"] .target-panel {
  background: rgba(255, 255, 255, 0.95) !important;
  border-bottom-color: #cbd5e1 !important;
}

[data-theme="arctic"] .source-panel h2,
[data-theme="arctic"] .target-panel label {
  color: #1e293b !important;
}

[data-theme="arctic"] .source-panel *,
[data-theme="arctic"] .target-panel select,
[data-theme="arctic"] .target-panel input {
  color: #0f172a !important;
}

[data-theme="arctic"] .target-panel select,
[data-theme="arctic"] .target-panel input {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}

[data-theme="arctic"] .blend-dropdown-btn {
  background: #f8fafc !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

[data-theme="arctic"] .blend-dropdown-menu {
  background: #fff !important;
  border-color: #e2e8f0 !important;
}

[data-theme="arctic"] .results .spec {
  color: #64748b !important;
}

[data-theme="arctic"] .footer {
  background: rgba(248, 250, 252, 0.95) !important;
  color: #1e293b !important;
}

/* ── Print: hide theme picker, force light ──────────────── */
@media print {
  [data-theme] body {
    background: #fff !important;
    color: #000 !important;
  }
  [data-theme] .header,
  [data-theme] .product-card,
  [data-theme] .asset-card,
  [data-theme] .asset-panel {
    background: #fff !important;
    border-color: #ccc !important;
    color: #000 !important;
  }
  [data-theme] .theme-picker,
  [data-theme] .theme-picker-wrapper,
  [data-theme] .no-print {
    display: none !important;
  }
}
/* ── Arctic: Blend page comprehensive fixes ───────────── */

/* Buttons */
[data-theme="arctic"] .btn-primary,
[data-theme="arctic"] .btn-success,
[data-theme="arctic"] .btn-outline {
  color: #fff !important;
}
[data-theme="arctic"] .btn-primary {
  background: #2563eb !important;
  border-color: #2563eb !important;
}
[data-theme="arctic"] .btn-primary:hover {
  background: #1d4ed8 !important;
}
[data-theme="arctic"] .btn-success {
  background: #059669 !important;
  border-color: #059669 !important;
}
[data-theme="arctic"] .btn-success:hover {
  background: #047857 !important;
}
[data-theme="arctic"] .btn-outline {
  background: #f1f5f9 !important;
  color: #334155 !important;
  border-color: #cbd5e1 !important;
}
[data-theme="arctic"] .btn-outline:hover {
  background: #e2e8f0 !important;
  color: #1e293b !important;
}

/* Badges */
[data-theme="arctic"] .badge-neutral {
  background: #e2e8f0 !important;
  color: #334155 !important;
}
[data-theme="arctic"] .badge-pass {
  background: #d1fae5 !important;
  color: #065f46 !important;
}
[data-theme="arctic"] .badge-fail {
  background: #fee2e2 !important;
  color: #991b1b !important;
}
[data-theme="arctic"] .badge-warn {
  background: #fef3c7 !important;
  color: #92400e !important;
}

/* Navigation & header */
[data-theme="arctic"] #backToDashboard {
  color: #2563eb !important;
}
[data-theme="arctic"] #backToDashboard:hover {
  color: #1d4ed8 !important;
}
[data-theme="arctic"] .header .theme-gear-btn {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
  color: #fff !important;
  border-color: #2563eb !important;
}
[data-theme="arctic"] .header .theme-gear-icon,
[data-theme="arctic"] .header .theme-gear-label {
  color: #fff !important;
}

/* Source & target panels - force dark text on light backgrounds */
[data-theme="arctic"] .source-panel,
[data-theme="arctic"] .target-panel {
  background: rgba(255, 255, 255, 0.95) !important;
  border-bottom-color: #cbd5e1 !important;
}
[data-theme="arctic"] .source-panel h2,
[data-theme="arctic"] .source-panel h3,
[data-theme="arctic"] .target-panel label,
[data-theme="arctic"] .target-panel span,
[data-theme="arctic"] .target-panel p {
  color: #334155 !important;
}

/* Empty state */
[data-theme="arctic"] .empty-state,
[data-theme="arctic"] .empty-state h3,
[data-theme="arctic"] .empty-state p,
[data-theme="arctic"] #emptyStateTitle {
  color: #334155 !important;
}

/* Footer */
[data-theme="arctic"] .footer,
[data-theme="arctic"] .footer .meta,
[data-theme="arctic"] .footer p,
[data-theme="arctic"] .footer span {
  color: #1e293b !important;
}

/* Spec title */
[data-theme="arctic"] h1,
[data-theme="arctic"] h2 {
  color: #0f172a !important;
}

/* ============================================================
   WBS-6B-ARCTIC-HR — Historical Reports Arctic Overrides
   
   Maps dark-theme inline styles in historical-reports.html
   to readable Arctic-theme values. All rules use !important
   to override the inline <style> block.
   
   WBS Reference: WBS-6B-ARCTIC-HR-2026-07-14.md (Rev 2)
   Authorization: AUTH-6B-HR-DEPLOY-20260714.md
   Author: OC2 (full-stack dev)
   ============================================================ */

/* ── 6B-HR.10: body, .header h1 (verification — rules already
   exist above; this block confirms coverage is complete). ── */
/* (body covered by [data-theme] body at line 69-70)
   (.header h1 covered by [data-theme="arctic"] .header h1 at line 98) */

/* ── 6B-HR.9: nav-links + buttons ──────────────────────────── */
[data-theme="arctic"] .nav-links a,
[data-theme="arctic"] .nav-links button {
  color: #1e293b !important;
}
[data-theme="arctic"] .nav-links a:hover,
[data-theme="arctic"] .nav-links button:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

/* ── 6B-HR.3: controls-bar ─────────────────────────────────── */
[data-theme="arctic"] .controls-bar {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .controls-bar label {
  color: #1e293b !important;
}
[data-theme="arctic"] .controls-bar select,
[data-theme="arctic"] .controls-bar input {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .controls-bar select option {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

/* ── 6B-HR.9: buttons (btn-secondary) ──────────────────────── */
[data-theme="arctic"] .btn-secondary {
  background: #e2e8f0 !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .btn-secondary:hover {
  background: #cbd5e1 !important;
}
/* (.btn-export uses green gradient with white text — works on Arctic; no override.) */

/* ── 6B-HR.2: product-group-header + product-name/stats ────── */
[data-theme="arctic"] .product-group-header {
  background: rgba(102, 126, 234, 0.08) !important;
  border: 1px solid rgba(102, 126, 234, 0.25) !important;
}
[data-theme="arctic"] .product-group-header .product-name {
  color: #0f172a !important;
}
[data-theme="arctic"] .product-group-header .product-stats {
  color: #1e293b !important;
}

/* ── 6B-HR.4: asset-panel + variants ───────────────────────── */
[data-theme="arctic"] .asset-panel {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid #e2e8f0 !important;
}
[data-theme="arctic"] .asset-panel-name {
  color: #0f172a !important;
}
[data-theme="arctic"] .asset-panel-meta {
  color: #1e293b !important;
}
[data-theme="arctic"] .asset-location {
  color: #1e293b !important;
}
/* (.asset-pct base is layout-only; variants use saturated colors that work on both themes.) */

/* ── 6B-HR.5: enhanced-chart, chart-area, chart-meta,
   chart-legend, y-label, ref-line ─────────────────────────── */
[data-theme="arctic"] .enhanced-chart {
  border-top: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .chart-area {
  border-left: 1px solid #cbd5e1 !important;
  border-bottom: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .chart-meta {
  color: #1e293b !important;
}
[data-theme="arctic"] .chart-legend {
  color: #1e293b !important;
}
[data-theme="arctic"] .y-label {
  color: #1e293b !important;
}
[data-theme="arctic"] .ref-line {
  border-top: 1px dashed rgba(0, 0, 0, 0.1) !important;
}

/* ── 6B-HR.6: fill-gauge-track, tick, label, value ─────────── */
[data-theme="arctic"] .fill-gauge-track {
  background: #e2e8f0 !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .fill-gauge-tick {
  background: rgba(0, 0, 0, 0.25) !important;
  width: 2px !important;
}
[data-theme="arctic"] .fill-gauge-tick-label {
  color: #0f172a !important;
  font-size: 0.65rem !important;
  font-weight: 600 !important;
}
[data-theme="arctic"] .fill-gauge-label {
  color: #1e293b !important;
}
[data-theme="arctic"] .fill-gauge-value {
  color: #0f172a !important;
  text-shadow: none !important;
}

/* ── 6B-HR.1: summary-card + variants ──────────────────────── */
[data-theme="arctic"] .summary-card {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .summary-card .label {
  color: #1e293b !important;
}
[data-theme="arctic"] .summary-card .value {
  color: #0f172a !important;
}
[data-theme="arctic"] .summary-card .sub {
  color: #1e293b !important;
}

/* ── 6B-HR.7: setting-card + variants ──────────────────────── */
[data-theme="arctic"] .setting-card {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .setting-label {
  color: #1e293b !important;
}
[data-theme="arctic"] .setting-value {
  color: #0f172a !important;
}
[data-theme="arctic"] .setting-row {
  border-bottom: 1px solid #e2e8f0 !important;
}

/* ── 6B-HR.8: bars-container, bar, bar .tooltip ────────────── */
[data-theme="arctic"] .bar .tooltip {
  background: rgba(15, 23, 42, 0.95) !important;
  border: 1px solid #cbd5e1 !important;
  color: #e2e8f0 !important;
}
/* (.bar and .bars-container are layout-only.) */

/* ── 6B-HR.10: loading, product-other ──────────────────────── */
[data-theme="arctic"] .loading {
  color: #1e293b !important;
}
[data-theme="arctic"] .product-other {
  color: #1e293b !important;
}

/* ============================================================
   WBS-6B-ARCTIC-BLEND — Blend Spec Entry Arctic Overrides
   Maps dark-theme inline styles in blend-spec-entry.html
   to readable Arctic-theme values. All rules use !important
   to override the inline <style> block.
   Pattern: Same as WBS-6B-ARCTIC-HR (Rev 2)
   ============================================================ */

/* ── 6B-BLEND.1: source-panel, source-slot ──────────────────── */
[data-theme="arctic"] .source-panel h2 {
  color: #1e293b !important;
}
[data-theme="arctic"] .source-slot {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .source-slot .slot-label {
  color: #1e293b !important;
}
[data-theme="arctic"] .source-slot select {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .source-slot .pct-input input {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .source-slot .pct-input span {
  color: #1e293b !important;
}
[data-theme="arctic"] .source-slot .entry-info {
  color: #1e293b !important;
}

/* ── 6B-BLEND.2: tank-source-card ───────────────────────────── */
[data-theme="arctic"] .tank-source-card {
  background: #f8fafc !important;
  border: 1px solid #3b82f6 !important;
}
[data-theme="arctic"] .tank-source-card .tank-name {
  color: #0f172a !important;
}
[data-theme="arctic"] .tank-source-card .tank-product {
  color: #3b82f6 !important;
}
[data-theme="arctic"] .tank-source-card .tank-location {
  color: #1e293b !important;
}

/* ── 6B-BLEND.3: target-panel ───────────────────────────────── */
[data-theme="arctic"] .target-panel {
  background: #f8fafc !important;
  border-bottom: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .target-panel label {
  color: #1e293b !important;
}
[data-theme="arctic"] .target-panel select,
[data-theme="arctic"] .target-panel input {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}

/* ── 6B-BLEND.4: blend-dropdown, blend-item ──────────────────── */
[data-theme="arctic"] .blend-dropdown-btn {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .blend-dropdown-btn:hover {
  background: #e2e8f0 !important;
}
[data-theme="arctic"] .blend-dropdown-menu {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .blend-item {
  border-bottom: 1px solid #e2e8f0 !important;
}
[data-theme="arctic"] .blend-item:hover {
  background: #f1f5f9 !important;
}
[data-theme="arctic"] .blend-item-meta {
  color: #1e293b !important;
}
[data-theme="arctic"] .blend-item-actions button {
  color: #1e293b !important;
}

/* ── 6B-BLEND.5: results table ──────────────────────────────── */
[data-theme="arctic"] .results th {
  background: #f1f5f9 !important;
  color: #1e293b !important;
  border-bottom: 2px solid #cbd5e1 !important;
}
[data-theme="arctic"] .results th.source-col {
  color: #3b82f6 !important;
}
[data-theme="arctic"] .results th.source-col-active {
  background: #dbeafe !important;
  border-bottom: 3px solid #3b82f6 !important;
}
[data-theme="arctic"] .results .spec {
  color: #1e293b !important;
}
[data-theme="arctic"] .results .unit {
  color: #1e293b !important;
}
[data-theme="arctic"] .results .val {
  color: #0f172a !important;
}
[data-theme="arctic"] .results .val-editable {
  color: #0f172a !important;
}
[data-theme="arctic"] .results td.source-active {
  background: #dbeafe !important;
  color: #0f172a !important;
  border-left: 3px solid #3b82f6 !important;
  border-right: 3px solid #3b82f6 !important;
  border-top: 1px solid #93c5fd !important;
  border-bottom: 1px solid #93c5fd !important;
}
[data-theme="arctic"] .results td.source-active .val-editable {
  background: #bfdbfe !important;
  color: #0f172a !important;
  border: 1px solid #3b82f6 !important;
}
[data-theme="arctic"] .results td {
  border-bottom: 1px solid #e2e8f0 !important;
}


/* ── 6B-BLEND.6: modal-box, entry-card ──────────────────────── */
[data-theme="arctic"] .modal-box {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15) !important;
}
[data-theme="arctic"] .modal-box h3 {
  color: #0f172a !important;
}
[data-theme="arctic"] .modal-box label {
  color: #1e293b !important;
}
[data-theme="arctic"] .modal-box input,
[data-theme="arctic"] .modal-box select {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}
[data-theme="arctic"] .modal .entry-card {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .modal .entry-card .meta {
  color: #1e293b !important;
}
[data-theme="arctic"] .modal .entry-card .preview {
  color: #1e293b !important;
}

/* ── 6B-BLEND.7: btn-outline, status-draft, section-header ─── */
[data-theme="arctic"] .btn-outline {
  color: #1e293b !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .btn-outline:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
[data-theme="arctic"] .status-draft {
  background: #f1f5f9 !important;
  color: #1e293b !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .section-header td {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
[data-theme="arctic"] .section-header:hover td {
  background: #e2e8f0 !important;
}

/* ── 6B-BLEND.8: add-source-btn, footer, loading ───────────── */
[data-theme="arctic"] .add-source-btn {
  background: #f1f5f9 !important;
  border: 2px dashed #cbd5e1 !important;
  color: #1e293b !important;
}
[data-theme="arctic"] .add-source-btn:hover {
  background: #e2e8f0 !important;
  border-color: #3b82f6 !important;
  color: #3b82f6 !important;
}
[data-theme="arctic"] .footer {
  background: #f8fafc !important;
  color: #1e293b !important;
  border-top: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .loading-state {
  color: #1e293b !important;
}
/* ============================================================
   WBS-6B-ARCTIC-BLEND — Inline Style Overrides
   JavaScript-generated inline styles with dark-theme colors.
   These !important rules override inline style attributes.
   ============================================================ */

/* ── 6B-BLEND.2: tank-source-card ───────────────────────────── */
[data-theme="arctic"] .tank-source-card {
  background: #f8fafc !important;
  border: 1px solid #3b82f6 !important;
}
[data-theme="arctic"] .tank-source-card .tank-name {
  color: #0f172a !important;
}
[data-theme="arctic"] .tank-source-card .tank-product {
  color: #3b82f6 !important;
}
[data-theme="arctic"] .tank-source-card .tank-location {
  color: #1e293b !important;
}

/* ── 6B-BLEND.3: target-panel ───────────────────────────────── */
[data-theme="arctic"] .target-panel {
  background: #f8fafc !important;
  border-bottom: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .target-panel label {
  color: #1e293b !important;
}
[data-theme="arctic"] .target-panel select,
[data-theme="arctic"] .target-panel input {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}

/* ── 6B-BLEND.4: blend-dropdown, blend-item ──────────────────── */
[data-theme="arctic"] .blend-dropdown-btn {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .blend-dropdown-btn:hover {
  background: #e2e8f0 !important;
}
[data-theme="arctic"] .blend-dropdown-menu {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .blend-item {
  border-bottom: 1px solid #e2e8f0 !important;
}
[data-theme="arctic"] .blend-item:hover {
  background: #f1f5f9 !important;
}
[data-theme="arctic"] .blend-item-meta {
  color: #1e293b !important;
}
[data-theme="arctic"] .blend-item-actions button {
  color: #1e293b !important;
}

/* ── 6B-BLEND.5: results table ──────────────────────────────── */
[data-theme="arctic"] .results th {
  background: #f1f5f9 !important;
  color: #1e293b !important;
  border-bottom: 2px solid #cbd5e1 !important;
}
[data-theme="arctic"] .results th.source-col {
  color: #3b82f6 !important;
}
[data-theme="arctic"] .results th.source-col-active {
  background: #dbeafe !important;
  border-bottom: 3px solid #3b82f6 !important;
}
[data-theme="arctic"] .results .spec {
  color: #1e293b !important;
}
[data-theme="arctic"] .results .unit {
  color: #1e293b !important;
}
[data-theme="arctic"] .results .val {
  color: #0f172a !important;
}
[data-theme="arctic"] .results .val-editable {
  color: #0f172a !important;
}
[data-theme="arctic"] .results td.source-active {
  background: #dbeafe !important;
  color: #0f172a !important;
  border-left: 3px solid #3b82f6 !important;
  border-right: 3px solid #3b82f6 !important;
  border-top: 1px solid #93c5fd !important;
  border-bottom: 1px solid #93c5fd !important;
}
[data-theme="arctic"] .results td.source-active .val-editable {
  background: #bfdbfe !important;
  color: #0f172a !important;
  border: 1px solid #3b82f6 !important;
}
[data-theme="arctic"] .results td {
  border-bottom: 1px solid #e2e8f0 !important;
}


/* ── 6B-BLEND.6: modal-box, entry-card ──────────────────────── */
[data-theme="arctic"] .modal-box {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15) !important;
}
[data-theme="arctic"] .modal-box h3 {
  color: #0f172a !important;
}
[data-theme="arctic"] .modal-box label {
  color: #1e293b !important;
}
[data-theme="arctic"] .modal-box input,
[data-theme="arctic"] .modal-box select {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}
[data-theme="arctic"] .modal .entry-card {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .modal .entry-card .meta {
  color: #1e293b !important;
}
[data-theme="arctic"] .modal .entry-card .preview {
  color: #1e293b !important;
}

/* ── 6B-BLEND.7: btn-outline, status-draft, section-header ─── */
[data-theme="arctic"] .btn-outline {
  color: #1e293b !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .btn-outline:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
[data-theme="arctic"] .status-draft {
  background: #f1f5f9 !important;
  color: #1e293b !important;
  border: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .section-header td {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
[data-theme="arctic"] .section-header:hover td {
  background: #e2e8f0 !important;
}

/* ── 6B-BLEND.8: add-source-btn, footer, loading ───────────── */
[data-theme="arctic"] .add-source-btn {
  background: #f1f5f9 !important;
  border: 2px dashed #cbd5e1 !important;
  color: #1e293b !important;
}
[data-theme="arctic"] .add-source-btn:hover {
  background: #e2e8f0 !important;
  border-color: #3b82f6 !important;
  color: #3b82f6 !important;
}
[data-theme="arctic"] .footer {
  background: #f8fafc !important;
  color: #1e293b !important;
  border-top: 1px solid #cbd5e1 !important;
}
[data-theme="arctic"] .loading-state {
  color: #1e293b !important;
}
/* ============================================================
   WBS-6B-ARCTIC-BLEND — Inline Style Overrides
   JavaScript-generated inline styles with dark-theme colors.
   These !important rules override inline style attributes.
   ============================================================ */

/* Catch-all: any element with inline light-gray/dark-theme colors under Arctic */

/* Tank name inline styles */

/* Results inline styles */

/* Footer inline styles */
[data-theme="arctic"] .source-slot.active {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 2px #3b82f6, 0 0 12px rgba(59, 130, 246, 0.25) !important;
  background: #eff6ff !important;
}
[data-theme="arctic"] .source-slot:hover {
  border-color: #94a3b8 !important;
}
[data-theme="arctic"] .source-slot.active .slot-label .remove-btn {
  color: #ef4444 !important;
}
[data-theme="arctic"] .modal .entry-card.selected {
  border-color: #10b981 !important;
  background: rgba(16, 185, 129, 0.12) !important;
  box-shadow: 0 0 0 2px #10b981 !important;
}
[data-theme="arctic"] .modal .entry-card:hover {
  border-color: #3b82f6 !important;
  background: #f1f5f9 !important;
}

[data-theme="arctic"] .results th.source-col-inactive {
  border-left: 1px solid #cbd5e1 !important;
  border-right: 1px solid #cbd5e1 !important;
  color: #94a3b8 !important;
  background: #f8fafc !important;
}
[data-theme="arctic"] .results td.source-inactive {
  border-left: 1px solid #cbd5e1 !important;
  border-right: 1px solid #cbd5e1 !important;
  color: #64748b !important;
  background: #fafafa !important;
}/* ── 6B-BLEND.10: Results table complete Arctic overrides ──── */
/* These override the original dark-theme .results styles */
[data-theme="arctic"] .results td {
  color: #0f172a !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
[data-theme="arctic"] .results tr:hover td {
  background: #f1f5f9 !important;
}
[data-theme="arctic"] .results .prop {
  color: #0f172a !important;
  font-weight: 700 !important;
}
[data-theme="arctic"] .results .val {
  color: #1e293b !important;
}
[data-theme="arctic"] .results .blend {
  color: #d97706 !important;
}
[data-theme="arctic"] .results .blend.over {
  color: #dc2626 !important;
  text-shadow: none !important;
}
[data-theme="arctic"] .results .blend.under {
  color: #059669 !important;
}
[data-theme="arctic"] .results .spec {
  color: #1e293b !important;
}
[data-theme="arctic"] .results .method {
  color: #6d28d9 !important;
}
[data-theme="arctic"] .results .status.pass {
  color: #059669 !important;
}
[data-theme="arctic"] .results .status.fail {
  color: #dc2626 !important;
}
[data-theme="arctic"] .results .status.na {
  color: #94a3b8 !important;
}
[data-theme="arctic"] .results .row-fail td {
  background: rgba(239, 68, 68, 0.06) !important;
}
[data-theme="arctic"] .results .row-fail:hover td {
  background: rgba(239, 68, 68, 0.12) !important;
}/* ============================================================
   WBS-6B-ARCTIC-BLEND — Inline Style Overrides
   JavaScript-generated inline styles with dark-theme colors.
   These !important rules override inline style attributes.
   ============================================================ */

/* Catch-all: any element with inline light-gray/dark-theme colors under Arctic */

/* Tank name inline styles */

/* Results inline styles */

/* Footer inline styles */
/* ── 6B-BLEND.11: Tank card class overrides (Arctic) ─────── */
[data-theme="arctic"] .tank-name {
  color: #0f172a !important;
}
[data-theme="arctic"] .tank-product {
  color: #3b82f6 !important;
}
[data-theme="arctic"] .tank-volume {
  color: #059669 !important;
}
[data-theme="arctic"] .tank-pct {
  color: #1e293b !important;
}
[data-theme="arctic"] .source-detail {
  color: #1e293b !important;
}
[data-theme="arctic"] .cost-display {
  color: #059669 !important;
}
[data-theme="arctic"] .manual-note {
  color: #1e293b !important;
}
/* ── 6B-BLEND.11: Tank card class overrides (Arctic) ─────── */
[data-theme="arctic"] .tank-name {
  color: #0f172a !important;
}
[data-theme="arctic"] .tank-product {
  color: #3b82f6 !important;
}
[data-theme="arctic"] .tank-volume {
  color: #059669 !important;
}
[data-theme="arctic"] .tank-pct {
  color: #1e293b !important;
}
[data-theme="arctic"] .source-detail {
  color: #1e293b !important;
}
[data-theme="arctic"] .cost-display {
  color: #059669 !important;
}
[data-theme="arctic"] .manual-note {
  color: #1e293b !important;
}/* ── 6B-BLEND.12: Picker modal (large modal) Arctic overrides ── */
/* The tank/entry picker uses .modal class (not .modal-box) */
[data-theme="arctic"] .modal {
  background: #ffffff !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25) !important;
}
[data-theme="arctic"] .modal h2 {
  color: #0f172a !important;
}
[data-theme="arctic"] .modal .entry-card {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}
[data-theme="arctic"] .modal .entry-card:hover {
  background: #f1f5f9 !important;
  border-color: #3b82f6 !important;
}
[data-theme="arctic"] .modal .entry-card.selected {
  border-color: #10b981 !important;
  background: #ecfdf5 !important;
  box-shadow: 0 0 0 2px #10b981 !important;
}
[data-theme="arctic"] .modal .entry-card h3 {
  color: #0f172a !important;
}
[data-theme="arctic"] .modal .entry-card .meta {
  color: #1e293b !important;
}
[data-theme="arctic"] .modal .entry-card .preview {
  color: #475569 !important;
}
/* Type badges on Arctic */
[data-theme="arctic"] .type-entry {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}
[data-theme="arctic"] .type-ifq {
  background: #fef3c7 !important;
  color: #92400e !important;
}
[data-theme="arctic"] .type-tank {
  background: #d1fae5 !important;
  color: #065f46 !important;
}
/* Modal overlay on Arctic */
[data-theme="arctic"] .modal-overlay {
  background: rgba(0, 0, 0, 0.4) !important;
}
/* Modal actions buttons */
[data-theme="arctic"] .modal .modal-actions .btn-primary {
  background: #3b82f6 !important;
  color: #ffffff !important;
}
[data-theme="arctic"] .modal .modal-actions .btn-outline {
  background: #f1f5f9 !important;
  color: #1e293b !important;
  border: 1px solid #cbd5e1 !important;
}
/* Select All button in picker */
[data-theme="arctic"] #selectAllBtn {
  background: #f1f5f9 !important;
  color: #1e293b !important;
  border: 1px solid #cbd5e1 !important;
}