:root{--bg:#07111f;--bg-gradient:#07111f;--card:#101d2d;--card2:#0c1928;--card-subtle:#0b1725;--card-hover:#14263a;--text:#edf5ff;--text-primary:#edf5ff;--text-secondary:#b7c9dc;--muted:#7f95aa;--muted-light:#637b92;--line:#213449;--line-light:#192b3d;--line-strong:#304860;--blue:#2c8cff;--blue-hover:#55a2ff;--blue-subtle:#102c4d;--green:#31c48d;--green-subtle:#0c332b;--amber:#f0b429;--amber-subtle:#3b2b0c;--red:#f05b62;--red-subtle:#3b171d;--violet:#a78bfa;--shadow:0 12px 30px rgba(0,0,0,.22);--shadow2:0 5px 16px rgba(0,0,0,.2);--shadow-hover:0 14px 30px rgba(0,0,0,.34);--shadow-drawer:-18px 0 55px rgba(0,0,0,.48);--sidebar:244px}
body{background:#07111f;color:var(--text)}

/* Network pill dark command center styling */
.network-pill{display:inline-flex;align-items:center;gap:6px;padding:3.5px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;background:#0d1d2d;color:#d2e4f6;border:1px solid #253e56;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.network-pill .net-dot{width:7px;height:7px;border-radius:50%;background:#31c48d;box-shadow:0 0 6px rgba(49,196,141,.6);display:inline-block;}
.network-pill.online,.network-pill.live{background:rgba(13,51,40,.65);border-color:#1e6a50;color:#6ee7b7;}
.network-pill.online .net-dot,.network-pill.live .net-dot{background:#34d399;box-shadow:0 0 7px rgba(52,211,153,.7);}
.network-pill.cache{background:rgba(12,44,77,.75);border-color:#215383;color:#7dd3fc;}
.network-pill.cache .net-dot{background:#38bdf8;box-shadow:0 0 7px rgba(56,189,248,.7);}
.network-pill.degraded,.network-pill.warn{background:rgba(58,40,13,.75);border-color:#8d6721;color:#fde047;}
.network-pill.degraded .net-dot,.network-pill.warn .net-dot{background:#fbbf24;box-shadow:0 0 7px rgba(251,191,36,.7);}
.network-pill.error,.network-pill.offline{background:rgba(64,23,32,.75);border-color:#8a333d;color:#fca5a5;}
.network-pill.error .net-dot,.network-pill.offline .net-dot{background:#f87171;box-shadow:0 0 7px rgba(248,113,113,.7);}

/* professional KPI cards */
.kpi{background:linear-gradient(145deg,#102236 0%,#0d1a2a 100%)!important;border:1px solid #24384d!important;color:#edf5ff!important;box-shadow:0 10px 22px rgba(0,0,0,.20)!important;}
.kpi::after{background:radial-gradient(circle,rgba(44,140,255,.18),transparent 64%)!important;}
.kpi .label{color:#a8bed4!important;}
.kpi .value{color:#ffffff!important;}
.kpi .sub,.kpi .detail-hint{color:#a5bbd2!important;}
.meeting-kpi.hero-kpi .kpi{background:linear-gradient(145deg,#11263b,#0e1d2e)!important;border-top:3px solid #2c8cff!important;min-height:132px!important;}
.meeting-kpi.hero-kpi.fuel .kpi{border-top-color:#31c48d!important;background:linear-gradient(145deg,#10283a,#0d1c2c)!important;}
.meeting-kpi.hero-kpi.ratio .kpi{border-top-color:#f0b429!important;background:linear-gradient(145deg,#2c2414,#0e1d2e)!important;}

/* KPI unavailable & badge states */
.kpi-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;}
.kpi-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:8.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;}
.kpi-badge.warn{background:rgba(245,158,11,.16)!important;color:#fcd34d!important;border:1px solid rgba(245,158,11,.4)!important;}
.kpi-badge.neutral{background:rgba(148,163,184,.14)!important;color:#cbd5e1!important;border:1px solid rgba(148,163,184,.28)!important;}
.kpi.kpi-unavailable{border-top:3px solid #475569!important;background:linear-gradient(145deg,#0e1a27 0%,#09131f 100%)!important;box-shadow:none!important;}
.kpi.kpi-unavailable .value{color:#94a3b8!important;font-weight:600!important;}
.kpi.kpi-unavailable .sub{color:#fcd34d!important;font-weight:500!important;}

/* Overview hero */
.excel-parity-hero,.fuel-basis-head,.command-hero{background:linear-gradient(90deg,rgba(13,30,49,.82),rgba(10,20,32,.72)),radial-gradient(circle at 85% 20%,rgba(240,180,41,.16),transparent 30%)!important;border:1px solid #213449!important;border-radius:16px!important;padding:18px 20px!important;margin:0 0 14px!important;box-shadow:var(--shadow)!important;}
.excel-parity-hero h2,.fuel-basis-head h2,.command-hero h2{color:#fff!important;font-size:28px!important;margin:4px 0!important;}
.excel-parity-hero p,.fuel-basis-head p,.command-hero p{color:#b6cbe0!important;}
.basis-badge,.recon-badge,.data-status{border-radius:999px!important;padding:8px 11px!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.06em!important;border:1px solid #2b4864!important;background:#0b2542!important;color:#cfe7ff!important;}
.recon-badge.ok,.data-status.DATA_VALID{background:#0d3328!important;border-color:#1f7e5d!important;color:#79f0bd!important;}
.recon-badge.warn,.data-status.DATA_WARNING,.data-status.CHECK_REQUIRED{background:#3a280d!important;border-color:#9e7520!important;color:#fde047!important;}
.data-status.ANALYTICS_BLOCKED{background:#401720!important;border-color:#8a333d!important;color:#ffb1b8!important;}

/* DS/NS/ALL matrix */
.shift-matrix-col,.mtd-strip,.mtd-metric,.basis-row,.fuel-shift-row,.rule-item,.basis-list>div{background:#0e1d2e!important;border:1px solid #24384d!important;color:#edf5ff!important;}
.shift-matrix-col.all{border-color:#2c8cff!important;background:#10253d!important;}
.shift-matrix-head{background:#0b1725!important;border-bottom:1px solid #263a50!important;}
.shift-matrix-head b{color:#cfe7ff!important;}
.shift-matrix-head span,.shift-matrix-metric span,.mtd-metric span,.rule-item span,.basis-list span{color:#8fa4ba!important;}
.shift-matrix-metric{border-bottom:1px dashed #24384d!important;}
.shift-matrix-metric b,.mtd-metric b,.fuel-shift-row strong{color:#fff!important;}
.mtd-strip{background:#0b1725!important;}

/* charts */
.wf-axis{color:#8fa4ba!important;border-right:1px solid #2b4057!important;}
.wf-grid{border-bottom:1px solid #2b4057!important;background:repeating-linear-gradient(to bottom,transparent 0,transparent 61px,rgba(255,255,255,.055) 62px)!important;}
.wf-label{color:#a4b8ca!important;}
.waterfall-equation{background:#0b1725!important;color:#9fb3c7!important;}
.waterfall-equation b{color:#e8f4ff!important;}
.hourcol:hover{background:#13283d!important;}
.hourv{color:#a7c7e6!important;}
.hourl{color:#9fb3c7!important;}
.barrow,.constraint-rank,.mini-insight{background:#0d1b2b!important;border-color:#24384d!important;color:#edf5ff!important;}
.barrow b,.constraint-rank b,.mini-insight b{color:#fff!important;}
.track,.bar-track,.progress-track{background:#203246!important;}
.empty{background:#0b1725!important;border:1px dashed #263a50!important;color:#8fa4ba!important;border-radius:12px!important;padding:18px!important;}

/* tables */
table,.data-table{background:#0d1b2b!important;color:#e8f4ff!important;border-color:#24384d!important;}
thead th{background:#07111f!important;color:#9fb3c7!important;border-color:#24384d!important;}
tbody td{border-color:#203246!important;color:#d9e7f5!important;}
tbody tr:hover{background:#13283d!important;}

/* layout density */
.meeting-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
.ops-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}.ops-status-card{min-height:94px;padding:14px 15px;border:1px solid #24384d;border-left:4px solid #7f95aa;border-radius:12px;background:#0e1d2e;display:grid;gap:5px}.ops-status-card span{font-size:9px;font-weight:900;letter-spacing:.08em;color:#9fb3c7}.ops-status-card b{font-size:14px;color:#fff}.ops-status-card small{font-size:10px;line-height:1.45;color:#a7bdd3}.ops-status-card.good{border-left-color:#31c48d}.ops-status-card.attention{border-left-color:#f0b429}.ops-status-card.missing{border-left-color:#f05b62}@media(max-width:1180px){.ops-status-grid{grid-template-columns:1fr}}
.overview-main-grid{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr)!important;gap:12px!important;margin-bottom:12px!important;}
.overview-main-grid.lower{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)!important;}

@media(max-width:1180px){.meeting-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.overview-main-grid,.overview-main-grid.lower{grid-template-columns:1fr!important}.shift-matrix{grid-template-columns:1fr!important}}
@media(max-width:640px){.shell{padding:14px!important}.meeting-kpi-grid{grid-template-columns:1fr!important}.excel-parity-hero{display:block!important}.top-actions{flex-wrap:wrap!important}.select{min-width:150px!important}}

/* ==========================================================
   MSI v1.0.2 — Visual clarity + mining hero + period filter
   ========================================================== */
.excel-parity-hero,.fuel-basis-head,.command-hero{
  position:relative!important;overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(7,17,31,.96) 0%,rgba(10,25,42,.9) 52%,rgba(7,17,31,.45) 100%),
    url('/assets/mine-hero.svg') center right/cover no-repeat!important;
  min-height:128px!important;
}
.excel-parity-hero::after,.fuel-basis-head::after,.command-hero::after{
  content:'DATA • FLEET • FUEL • PRODUCTION';position:absolute;right:20px;bottom:14px;color:rgba(207,231,255,.72);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
}
.top-actions #periodSelect{min-width:150px!important;border-color:#2c8cff!important;background:#10253d!important;color:#eaf5ff!important;font-weight:800!important;}
body[data-period="MTD"] #periodSelect,body[data-period="ALL_DATES"] #periodSelect{background:#123b63!important;border-color:#55a2ff!important;box-shadow:0 0 0 2px rgba(44,140,255,.16)!important;}

/* cards that previously stayed light on dark page */
.status-actual,.unit360-block,.unit360-block .metric,.fuel-unit-context span,.metric,.report-card,.report-item,.diagnostic-card,.quality-card,.summary-card,.status-card,.detail-card,.source-panel,.analysis-card{
  background:linear-gradient(145deg,#102236,#0d1a2a)!important;
  border:1px solid #24384d!important;
  color:#edf5ff!important;
}
.status-actual strong,.status-actual b,.unit360-block b,.metric b,.report-card b,.status-card b,.detail-card b{color:#ffffff!important;}
.status-actual span,.unit360-block span,.unit360-block small,.metric span,.report-card small,.status-card small,.detail-card small{color:#9fb3c7!important;}
.status-actual.W{border-top-color:#31c48d!important}.status-actual.S{border-top-color:#8aa4bd!important}.status-actual.D{border-top-color:#f0b429!important}.status-actual.BU{border-top-color:#f05b62!important}.status-actual.MS{border-top-color:#a78bfa!important}
.status-actual .value,.metric .value{color:#fff!important;text-shadow:none!important;}
.all-mode-note,.source-warning{background:#142235!important;border-color:#385774!important;color:#dbeeff!important;}
.source-warning b{color:#ffc9c9!important}.source-warning span{color:#ffdddd!important}

/* keep contrast strong in any legacy white component */
.card,.section{text-shadow:none!important;}
.card .value,.section .value,.card strong,.section strong{color:#fff!important;}
.card .label,.section .label{color:#a7bdd3!important;}
.card .sub,.section .sub{color:#8fa4ba!important;}

/* performance: avoid expensive global shadow animation and huge repaints */
.clickable,.tab,.btn,.select{transition:background-color .14s ease,border-color .14s ease,color .14s ease!important;}
.clickable:hover{transform:none!important;}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* PRD Amendment 2026-10-01 — Minimalist Light Industrial Executive */
:root {
  --bg: #f8fafc;
  --bg-gradient: #f8fafc;
  --card: #ffffff;
  --card2: #f8fafc;
  --card-subtle: #ffffff;
  --card-hover: #f1f5f9;
  --text: #0f172a;
  --text-primary: #0f172a;
  --text-secondary: #334155;
  --muted: #64748b;
  --muted-light: #94a3b8;
  --line: #e2e8f0;
  --line-light: #f1f5f9;
  --line-strong: #cbd5e1;
  --blue: #2563eb;
  --blue-hover: #1d4ed8;
  --blue-subtle: #eff6ff;
  --green: #16a34a;
  --green-subtle: #f0fdf4;
  --amber: #d97706;
  --amber-subtle: #fffbeb;
  --red: #dc2626;
  --red-subtle: #fef2f2;
  --shadow: 0 1px 3px 0 rgba(15, 23, 42, 0.05), 0 1px 2px -1px rgba(15, 23, 42, 0.04);
  --shadow2: 0 1px 2px 0 rgba(15, 23, 42, 0.03);
  --shadow-hover: 0 4px 6px -1px rgba(15, 23, 42, 0.06), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
  --shadow-drawer: -8px 0 24px rgba(15, 23, 42, 0.08);
  --radius: 12px;
  --radius-md: 8px;
  --radius-sm: 6px;
}

body { background: var(--bg) !important; color: var(--text) !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; }


/* Topbar — High-Contrast Clean Toolbar */
.topbar { background: rgba(255, 255, 255, 0.96) !important; border-bottom: 1px solid var(--line) !important; box-shadow: var(--shadow2) !important; }
.top-context { display: flex !important; align-items: center !important; gap: 8px !important; }
.top-context span { color: #2563eb !important; font-weight: 700 !important; font-size: 11px !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; }
.top-context b { color: var(--text) !important; font-weight: 700 !important; font-size: 13px !important; }
.top-context small { color: var(--muted) !important; font-size: 12px !important; }
.top-context small::before { content: "•"; margin-right: 8px; }
.select, .top-actions #periodSelect { background: #ffffff !important; color: var(--text) !important; border: 1px solid var(--line) !important; border-radius: 6px !important; height: 36px !important; font-size: 13px !important; padding: 0 10px !important; }
.btn { background: #ffffff !important; color: #334155 !important; border: 1px solid var(--line-strong) !important; border-radius: 6px !important; height: 36px !important; font-size: 13px !important; font-weight: 600 !important; padding: 0 14px !important; }
.btn:hover { background: #f8fafc !important; color: #0f172a !important; border-color: #94a3b8 !important; }
.btn-primary { background: #2563eb !important; border-color: #2563eb !important; color: #ffffff !important; }
.btn-primary:hover { background: #1d4ed8 !important; border-color: #1d4ed8 !important; }

/* Network Status Pill */
.network-pill { background: #f8fafc !important; color: #334155 !important; border: 1px solid var(--line) !important; border-radius: 9999px !important; font-size: 11px !important; font-weight: 600 !important; box-shadow: none !important; }
.network-pill.online, .network-pill.live { background: #f0fdf4 !important; border-color: #bbf7d0 !important; color: #15803d !important; }
.network-pill.cache { background: #eff6ff !important; border-color: #bfdbfe !important; color: #1d4ed8 !important; }
.network-pill.degraded, .network-pill.warn { background: #fffbeb !important; border-color: #fde68a !important; color: #b45309 !important; }
.network-pill.error, .network-pill.offline { background: #fef2f2 !important; border-color: #fecaca !important; color: #b91c1c !important; }

/* Calm KPI Cards — No Loud Top Borders */
.kpi, .meeting-kpi .kpi, .card.kpi {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-top: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  color: var(--text) !important;
  box-shadow: var(--shadow) !important;
  padding: 14px 16px !important;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast) !important;
}
.kpi:hover { border-color: #cbd5e1 !important; box-shadow: var(--shadow-hover) !important; }
.kpi::after { display: none !important; }
.kpi .label { color: var(--muted) !important; font-size: 13px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; margin: 0 !important; }
.kpi .value { color: var(--text) !important; font-size: 32px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; margin: 6px 0 2px !important; line-height: 1.15 !important; }
.kpi .sub { color: var(--muted) !important; font-size: 12px !important; line-height: 1.4 !important; margin-top: 2px !important; }
.kpi .detail-hint { display: none !important; }
.kpi.kpi-unavailable { background: #f8fafc !important; border-color: var(--line) !important; }
.kpi.kpi-unavailable .value { color: #94a3b8 !important; }
.kpi.kpi-unavailable .sub { color: var(--muted) !important; }
.kpi-badge.warn { background: #fffbeb !important; color: #b45309 !important; border: 1px solid #fde68a !important; font-size: 10px !important; font-weight: 600 !important; padding: 2px 6px !important; border-radius: 4px !important; }

/* Clean Cards & Sections */
.card, .section { background: #ffffff !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important; box-shadow: var(--shadow) !important; color: var(--text) !important; }
.section-head h3 { font-size: 17px !important; font-weight: 700 !important; color: var(--text) !important; margin: 0 0 2px !important; }
.section-head small { font-size: 12px !important; color: var(--muted) !important; }
.section-head .hint { font-size: 10px !important; font-weight: 700 !important; color: #2563eb !important; background: #eff6ff !important; border: 1px solid #dbeafe !important; border-radius: 4px !important; padding: 3px 7px !important; letter-spacing: 0.04em !important; }

/* Minimalist Context Header */
.overview-header, .excel-parity-hero, .fuel-basis-head, .command-hero {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  gap: 16px !important;
  margin: 4px 0 16px !important;
  padding: 4px 2px 14px !important;
  border-bottom: 1px solid var(--line) !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
}
.overview-header::after, .excel-parity-hero::after, .fuel-basis-head::after, .command-hero::after { display: none !important; }
.overview-header h2, .excel-parity-hero h2, .fuel-basis-head h2, .command-hero h2 { font-size: 26px !important; font-weight: 700 !important; color: var(--text) !important; margin: 2px 0 3px !important; letter-spacing: -0.02em !important; }
.overview-header p, .excel-parity-hero p, .fuel-basis-head p, .command-hero p { font-size: 13px !important; color: var(--muted) !important; margin: 0 !important; }
.eyebrow { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: #2563eb !important; }
.basis-badge, .recon-badge, .data-status { border-radius: 6px !important; font-size: 11px !important; font-weight: 600 !important; padding: 5px 10px !important; }
.basis-badge { background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; color: #334155 !important; }
.recon-badge.ok, .data-status.DATA_VALID { background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; color: #15803d !important; }
.recon-badge.warn, .data-status.DATA_WARNING, .data-status.CHECK_REQUIRED { background: #fffbeb !important; border: 1px solid #fde68a !important; color: #b45309 !important; }
.data-status.ANALYTICS_BLOCKED { background: #fef2f2 !important; border: 1px solid #fecaca !important; color: #b91c1c !important; }

/* 3 Compact Operational Summary Cards */
.ops-status-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; margin: 12px 0 16px !important; }
.ops-status-card {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  padding: 14px 16px !important;
  box-shadow: var(--shadow) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
.ops-status-card.good { border-left: 3px solid #16a34a !important; }
.ops-status-card.attention { border-left: 3px solid #d97706 !important; }
.ops-status-card.missing { border-left: 3px solid #dc2626 !important; }
.ops-status-card .card-badge { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; color: var(--muted) !important; }
.ops-status-card b { font-size: 15px !important; font-weight: 700 !important; color: var(--text) !important; }
.ops-status-card small { font-size: 12px !important; color: var(--muted) !important; line-height: 1.4 !important; }

/* Primary KPI Grid (Section 4 — 6 Cards) */
.meeting-kpi-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; margin-bottom: 16px !important; }
@media (min-width: 1400px) {
  .meeting-kpi-grid { grid-template-columns: repeat(6, 1fr) !important; }
}

/* Section Title Bars */
.overview-section-title { display: flex !important; align-items: baseline !important; justify-content: space-between !important; margin: 18px 0 10px !important; }
.overview-section-title h3 { font-size: 18px !important; font-weight: 700 !important; color: var(--text) !important; margin: 0 !important; }
.overview-section-title small { font-size: 12px !important; color: var(--muted) !important; }

/* Compact Apa Artinya? Section */
.meaning-grid { display: grid !important; grid-template-columns: 1fr repeat(3, 1.25fr) !important; gap: 12px !important; margin: 16px 0 20px !important; align-items: stretch !important; }
.meaning-title { padding: 8px 4px !important; }
.meaning-title span { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.06em !important; color: #2563eb !important; text-transform: uppercase !important; }
.meaning-title h3 { font-size: 18px !important; font-weight: 700 !important; color: var(--text) !important; margin: 2px 0 0 !important; }
.meaning-grid > article {
  padding: 14px 16px !important;
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
}
.meaning-grid > article b { font-size: 12px !important; font-weight: 700 !important; color: #2563eb !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; }
.meaning-grid > article p { margin: 6px 0 0 !important; font-size: 13px !important; line-height: 1.45 !important; color: #334155 !important; }

/* Shift Matrix — Clean Rows, No Dotted Lines */
.shift-matrix { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; }
.shift-matrix-col { border: 1px solid var(--line) !important; background: #ffffff !important; border-radius: var(--radius) !important; padding: 0 !important; text-align: left !important; box-shadow: var(--shadow) !important; cursor: pointer !important; overflow: hidden !important; }
.shift-matrix-col:hover { border-color: #93c5fd !important; background: #f8fafc !important; }
.shift-matrix-col.all { background: #f8fafc !important; border-color: #cbd5e1 !important; }
.shift-matrix-head { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 11px 14px !important; background: #f1f5f9 !important; border-bottom: 1px solid var(--line) !important; }
.shift-matrix-head b { font-size: 15px !important; font-weight: 700 !important; color: #0f172a !important; }
.shift-matrix-metric { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 9px 14px !important; border-bottom: 1px solid #f1f5f9 !important; }
.shift-matrix-metric:last-child { border-bottom: 0 !important; }
.shift-matrix-metric span { font-size: 12px !important; color: var(--muted) !important; font-weight: 500 !important; }
.shift-matrix-metric b { font-size: 13px !important; font-weight: 600 !important; color: var(--text) !important; }

/* Month to Date Strip */
.mtd-strip { display: grid !important; grid-template-columns: 1.3fr repeat(3, 1fr) 1.4fr !important; gap: 10px !important; align-items: stretch !important; margin: 16px 0 20px !important; background: #ffffff !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important; padding: 10px !important; box-shadow: var(--shadow) !important; }
.mtd-title b { font-size: 15px !important; font-weight: 700 !important; color: var(--text) !important; }
.mtd-metric { border: 1px solid var(--line) !important; background: #f8fafc !important; border-radius: 8px !important; padding: 10px 14px !important; text-align: left !important; }
.mtd-metric:hover { background: #f1f5f9 !important; border-color: #93c5fd !important; }
.mtd-metric span { font-size: 11px !important; font-weight: 600 !important; color: var(--muted) !important; }
.mtd-metric b { font-size: 18px !important; font-weight: 700 !important; color: var(--text) !important; margin-top: 4px !important; display: block !important; }
.mtd-note { font-size: 12px !important; color: var(--muted) !important; line-height: 1.45 !important; }

/* Table Minimalism — Clean, Readable Rows */
table, .data-table { background: #ffffff !important; color: var(--text) !important; border: 1px solid var(--line) !important; border-collapse: collapse !important; width: 100% !important; }
thead th { background: #f8fafc !important; color: #475569 !important; font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; padding: 10px 12px !important; border-bottom: 1px solid var(--line) !important; border-top: 0 !important; }
tbody td { border-bottom: 1px solid #f1f5f9 !important; color: var(--text) !important; font-size: 13px !important; padding: 10px 12px !important; }
tbody tr:hover { background: #f8fafc !important; }

/* Responsive adjustments */
@media (max-width: 1100px) {
  .ops-status-grid { grid-template-columns: 1fr !important; }
  .meaning-grid { grid-template-columns: 1fr 1fr !important; }
  .meaning-title { grid-column: 1 / -1 !important; }
  .mtd-strip { grid-template-columns: 1fr 1fr !important; }
}