:root{
  --brand:#0a5ca8; --brand-2:#0ea5e9; --ink:#111827; --muted:#6b7280; --line:#e5e7eb;
  --bg:#f8fafc; --card:#ffffff; --ok:#16a34a; --bad:#dc2626; --warn:#d97706;
}
[data-theme="dark"]{
  --brand:#60a5fa; --brand-2:#38bdf8; --ink:#e5e7eb; --muted:#9ca3af; --line:#334155;
  --bg:#0b1220; --card:#0f172a; --ok:#22c55e; --bad:#ef4444; --warn:#f59e0b;
}
body{background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial}
.navbar{background:var(--card)!important; border-bottom:1px solid var(--line)}
.navbar-brand img{height:36px;object-fit:contain}
.btn-primary{background:var(--brand); border-color:var(--brand)}
.btn-outline-primary{border-color:var(--brand); color:var(--brand)}
.btn-outline-primary:hover{background:var(--brand); color:#fff}
.card{background:var(--card); border:1px solid var(--line)}
.card-kpi{border-radius:18px; box-shadow:0 10px 30px rgba(2,6,23,.15)}
.card-kpi .label{font-size:.85rem; color:var(--muted)}
.card-kpi .value{font-size:1.6rem; font-weight:800}
.card-kpi .delta.up{color:var(--ok)} .card-kpi .delta.down{color:var(--bad)}
.section-chip{display:inline-flex;align-items:center;gap:.5rem;background:rgba(14,165,233,.15);color:var(--brand-2);padding:.25rem .6rem;border-radius:999px;font-size:.85rem}
.spark{width:100%; height:60px}
.kpi-mini .title{font-size:.9rem; color:var(--muted)}
.kpi-mini .value{font-size:1.2rem; font-weight:800}
footer small{color:var(--muted)}
select[multiple]{min-height:12rem}
.link-plain{text-decoration:none}


.trend-scale input[type="number"]::-webkit-outer-spin-button,
.trend-scale input[type="number"]::-webkit-inner-spin-button {
  margin: 0;
}
.trend-scale input[type="number"] {
  max-width: 80px;
}