/* ══════════════ DASHBOARD ══════════════ */
#page-dashboard { padding: 18px 22px; }
.dash-toolbar { display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:14px; margin-bottom:12px; }
.dash-filters { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; }
.dash-filters label { display:flex; flex-direction:column; font-size:12px; color:#64748b; gap:4px; }
.dash-filters input, .dash-filters select { padding:7px 9px; border:1px solid #d4d9e2; border-radius:7px; font-size:14px; background:#fff; }
.dash-right { display:flex; align-items:center; gap:10px; }
.seg-group { display:inline-flex; border:1px solid #d4d9e2; border-radius:8px; overflow:hidden; }
.seg-group .seg { border:none; background:#fff; padding:7px 13px; font-size:13px; cursor:pointer; color:#475569; border-right:1px solid #e5e8ee; }
.seg-group .seg:last-child { border-right:none; }
.seg-group .seg.active { background:#2563eb; color:#fff; }

.dash-quick { display:flex; align-items:center; gap:8px; margin-bottom:16px; flex-wrap:wrap; }
.dash-quick .chip { border:1px solid #d4d9e2; background:#fff; border-radius:999px; padding:5px 13px; font-size:13px; cursor:pointer; color:#334155; }
.dash-quick .chip:hover { background:#f1f5f9; }

.stat-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; margin-bottom:18px; }
.stat-card { background:#fff; border:1px solid #e6e9ef; border-radius:12px; padding:16px 18px; box-shadow:0 1px 2px rgba(15,23,42,.04); }
.stat-val { font-size:28px; font-weight:700; color:#0f172a; line-height:1.1; }
.stat-lbl { font-size:13px; color:#64748b; margin-top:4px; }
.stat-sub { font-size:12px; color:#94a3b8; margin-top:2px; }

.dash-chart-card, .dash-table-card { background:#fff; border:1px solid #e6e9ef; border-radius:12px; padding:16px 18px; margin-bottom:18px; box-shadow:0 1px 2px rgba(15,23,42,.04); }
.dash-chart-card h3, .dash-table-card h3 { margin:0 0 12px; font-size:15px; color:#0f172a; }
.chart-scroll { overflow-x:auto; }
.dash-svg { display:block; }
.dash-svg .bar-val { font-size:10px; fill:#64748b; }
.dash-svg .ax-label { font-size:10px; fill:#94a3b8; }
.dash-svg .ax-num { font-size:10px; fill:#94a3b8; }
.dash-svg .ax-num.avg { fill:#d97706; }
.chart-legend { display:flex; gap:18px; font-size:12px; color:#64748b; margin-bottom:8px; }
.chart-legend .sw { display:inline-block; width:11px; height:11px; border-radius:3px; vertical-align:middle; margin-right:5px; }

.dash-tables { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
@media (max-width:880px){ .dash-tables { grid-template-columns:1fr; } }
.kb-table.compact th, .kb-table.compact td { padding:7px 10px; font-size:13px; }
.kb-table .mono { font-family:ui-monospace,Menlo,Consolas,monospace; font-size:12.5px; }
.disp { font-size:11px; padding:2px 8px; border-radius:999px; }
.disp.ok { background:#dcfce7; color:#166534; }
.disp.no { background:#f1f5f9; color:#64748b; }
.dash-foot { font-size:12px; margin-top:4px; }