/* Dark dashboard */
.csd-dashboard{--bg:#0f172a;--card:#111827;--text:#e5e7eb;--muted:#94a3b8;background:var(--bg);color:var(--text);border-radius:14px;padding:14px}
.csd-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.csd-header h2{margin:0;font-size:18px}
.csd-controls{display:flex;gap:12px;align-items:center}
.csd-netbar{display:flex;gap:8px}
.csd-netbtn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:12px;border:1px solid #374151;background:#0f172a;color:#e5e7eb;text-decoration:none;font-size:12px;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:all .15s ease}
.csd-netbtn:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.3);border-color:#475569}
.csd-netbtn--active{background:#1e293b;border-color:#60a5fa;color:#e5e7eb;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.csd-netbtn--disabled{opacity:.4;pointer-events:none;cursor:not-allowed}
.csd-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.csd-kpi{background:#1e293b;border:1px solid #334155;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;text-align:center;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;padding:12px}
.csd-kpi:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.4);border-color:#475569}
.csd-kpi span{font-size:12px;color:var(--muted)} .csd-kpi strong{font-size:22px;color:#e5e7eb}
.csd-card{background:var(--card);margin-top:14px;padding:12px;border-radius:12px}
.csd-bottom{grid-template-columns:repeat(4,1fr)}
.csd-select{background:#0f172a;border:1px solid #374151;border-radius:10px;color:#e5e7eb;padding:6px 10px;font-size:12px}
@media(max-width:980px){.csd-kpis{grid-template-columns:repeat(2,1fr)}.csd-bottom{grid-template-columns:repeat(2,1fr)}}
.csd-card svg{width:100%;height:auto;display:block}