/* Styles spécifiques au tableau de bord */

.dash-filters { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.dash-filters .btn-sm.active { background: var(--sp-gradient); color: #fff; border-color: transparent; }

.dash-charts { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; margin-top: 16px; }
@media (max-width: 1100px) { .dash-charts { grid-template-columns: 1fr; } }
.dash-charts .card { min-height: 320px; }
.chart-wrap { position: relative; height: 260px; }

.dash-secondary { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
@media (max-width: 900px) { .dash-secondary { grid-template-columns: 1fr; } }

.alert-list { display: flex; flex-direction: column; gap: 8px; }
.alert-item { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: var(--radius-sm); background: var(--bg-hover); font-size: 13px; }
.alert-item .ic { color: var(--warning); }
.alert-item.danger .ic { color: var(--danger); }

.mini-list { display: flex; flex-direction: column; }
.mini-list .mini-row { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--border); font-size: 13px; }
.mini-list .mini-row:last-child { border-bottom: none; }