/* Presentation-only dashboard theme. It does not alter markup, IDs, data, filters, calculations, or events. */
:root {
  --ui-ink: #172033;
  --ui-muted: #64748b;
  --ui-line: #dce4ef;
  --ui-soft: #f6f8fc;
  --ui-panel: #ffffff;
  --ui-primary: #2563eb;
  --ui-primary-deep: #1d4ed8;
  --ui-focus: rgba(37,99,235,.18);
  --ui-radius: 10px;
}
body { background: var(--ui-soft) !important; color: var(--ui-ink); letter-spacing: .005em; }
#dash-screen { background: var(--ui-soft); min-height: 100vh; }
#dash-content { max-width: 1760px; margin: 0 auto; padding: 20px 24px 32px !important; gap: 18px !important; }

/* Primary and secondary navigation */
.tab-bar { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; padding: 7px; background: #fff; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); box-shadow: 0 1px 2px rgba(15,23,42,.04); }
.tab-btn { min-height: 34px; padding: 7px 12px !important; border: 0 !important; border-radius: 7px; color: #475569; background: transparent; font-weight: 600; transition: background .16s ease,color .16s ease,box-shadow .16s ease; }
.tab-btn:hover { color: var(--ui-primary-deep); background: #eff6ff; }
.tab-btn.active { color: #fff !important; background: linear-gradient(135deg,#2563eb,#1d4ed8) !important; box-shadow: 0 3px 8px rgba(37,99,235,.24); }

/* Filter bands and forms */
#dash-content .bg-white.border-b, #dash-content .filter-bar { border: 1px solid var(--ui-line) !important; border-radius: var(--ui-radius); background: var(--ui-panel) !important; box-shadow: 0 1px 2px rgba(15,23,42,.035); padding: 12px 14px !important; }
#dash-content label { color: #475569 !important; font-weight: 600; letter-spacing: .01em; }
#dash-content input:not([type="checkbox"]):not([type="radio"]), #dash-content select, #dash-content textarea { min-height: 34px; border: 1px solid #cbd5e1 !important; border-radius: 7px !important; background: #fff !important; color: var(--ui-ink); box-shadow: inset 0 1px 1px rgba(15,23,42,.02); transition: border-color .15s ease, box-shadow .15s ease; }
#dash-content input:not([type="checkbox"]):not([type="radio"]):focus, #dash-content select:focus, #dash-content textarea:focus { outline: 0; border-color: #60a5fa !important; box-shadow: 0 0 0 3px var(--ui-focus) !important; }
#dash-content input[type="checkbox"] { width: 15px; height: 15px; accent-color: var(--ui-primary); }

/* Buttons */
#dash-content button, #d-settings { border-radius: 7px; font-weight: 600; transition: transform .12s ease,box-shadow .12s ease,background .12s ease; }
#dash-content button:not(.tab-btn):hover, #d-settings:hover { transform: translateY(-1px); box-shadow: 0 2px 6px rgba(15,23,42,.11); }
#dash-content .btn-primary, #dash-content .bg-blue-600 { background: linear-gradient(135deg,#2563eb,#1d4ed8) !important; }

/* Content surfaces and data tables */
#dash-content .card, #dash-content .bg-white:not(.border-b) { border-color: var(--ui-line); box-shadow: 0 1px 3px rgba(15,23,42,.055); border-radius: var(--ui-radius); }
#dash-content h1, #dash-content h2, #dash-content h3 { color: #1e293b; letter-spacing: -.015em; }
#dash-content table { color: #334155; }
#dash-content thead th { background: #f8fafc !important; color: #475569; font-weight: 700; border-bottom-color: #cbd5e1 !important; }
#dash-content tbody tr:hover td { background: #f8fbff; }
#dash-content td, #dash-content th { border-color: #e2e8f0 !important; }

@media (max-width: 768px) { #dash-content { padding: 12px !important; } .tab-bar { overflow-x: auto; flex-wrap: nowrap; } .tab-btn { white-space: nowrap; } }