/* ============================================================
   KAE Reporting — Thèmes utilisateur + composants spécifiques
   ============================================================ */

/* --- Thèmes (data-theme sur <html>) : pilote l'accent --- */
html[data-theme="blue"]   { --brand: #0d6efd; }
html[data-theme="green"]  { --brand: #198754; }
html[data-theme="orange"] { --brand: #fd7e14; }
html[data-theme="purple"] { --brand: #6f42c1; }
html[data-theme="red"]    { --brand: #dc3545; }
html[data-theme="dark"]   { --brand: #20c997; }

/* --- Tuiles KPI dashboard (teinte par famille via --hue) --- */
.kpi-tile{--hue:39;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.kpi-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}
.kpi-tile .num{color:oklch(0.48 0.14 var(--hue))}
.kpi-tile .kpi-label{font-size:12px;font-weight:600;color:var(--ink-muted);margin:0 0 2px}
.kpi-tile .kpi-money{font-family:var(--font-mono);font-size:13px;font-weight:600;color:oklch(0.45 0.13 var(--hue))}
.kpi-tile .bar>span{background:oklch(0.56 0.13 var(--hue))}
.kpi-tile .pill{background:oklch(0.955 0.05 var(--hue));color:oklch(0.45 0.14 var(--hue))}
.kpi-tile .tone{background:oklch(0.955 0.045 var(--hue));color:oklch(0.45 0.14 var(--hue))}
.family-title .bi{color:oklch(0.5 0.14 var(--hue))}

/* --- Cartes d'alerte dashboard --- */
.alert-card{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.alert-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}
.alert-card .num{font-size:22px;color:var(--fg)}
.alert-card .alert-label{font-size:11px;color:var(--ink-muted);font-weight:600}

/* --- Graphiques --- */
.chart-box{position:relative;height:240px}