/* Tableau de bord : indicateurs modernes, sans modifier les calculs. */
html body #gc-dash-ov .gd-kg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px;container-type:inline-size}
html body #gc-dash-ov .gd-kpi{--kpi-accent:#2563eb;display:grid;grid-template-columns:minmax(0,1fr) 32px;grid-template-rows:auto auto 1fr;align-content:start;gap:10px 8px;min-width:0;min-height:125px;padding:16px;border:1px solid var(--border,#e2e8f0);border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--kpi-accent) 4%,transparent),transparent 65%),var(--card,#fff);box-shadow:0 2px 5px rgba(15,23,42,.035);transition:box-shadow .16s,border-color .16s,transform .16s;position:relative}
html body #gc-dash-ov .gd-kpi::before{height:0;background:none}
html body #gc-dash-ov .gd-kpi:hover{border-color:color-mix(in srgb,var(--kpi-accent) 28%,var(--border,#e2e8f0));box-shadow:0 7px 20px rgba(15,23,42,.07);transform:translateY(-2px)}
html body #gc-dash-ov .gd-kpi-top{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;margin:0;min-width:0}
html body #gc-dash-ov .gd-ki{width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--kpi-accent) 10%,transparent);color:var(--kpi-accent);border:1px solid color-mix(in srgb,var(--kpi-accent) 10%,transparent)}
html body #gc-dash-ov .gd-ki svg{width:18px;height:18px;display:block}
html body #gc-dash-ov .gd-kn{grid-row:1;grid-column:1;align-self:center;font-size:11px;font-weight:600;color:var(--muted-foreground,#64748b);line-height:1.45;min-width:0}
html body #gc-dash-ov .gd-kv{grid-column:1/-1;grid-row:2;display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;min-width:0;margin:0;color:var(--foreground,#16314f);font-size:23px;line-height:1.2;font-weight:800;letter-spacing:-.65px;font-variant-numeric:tabular-nums}
html body #gc-dash-ov .gd-kv.sm{font-size:20px;letter-spacing:-.5px}
html body #gc-dash-ov .gd-kamount{min-width:0;overflow-wrap:anywhere}
html body #gc-dash-ov .gd-kunit{font-size:10px;font-weight:600;color:var(--muted-foreground,#64748b);letter-spacing:.3px}
html body #gc-dash-ov .gd-ksub{grid-column:1/-1;grid-row:3;font-size:10px;color:var(--muted-foreground,#64748b);font-weight:400;line-height:1.5;white-space:normal;overflow:visible;text-overflow:clip;letter-spacing:0;margin:0}
html body #gc-dash-ov .gd-kpi.k-go{--kpi-accent:#d97706}
html body #gc-dash-ov .gd-kpi.k-bl{--kpi-accent:#2563eb}
html body #gc-dash-ov .gd-kpi.k-gr{--kpi-accent:#059669}
html body #gc-dash-ov .gd-kpi.k-rd{--kpi-accent:#dc2626}
html body #gc-dash-ov .gd-kpi.k-pu{--kpi-accent:#7c3aed}
html body #gc-dash-ov .gd-kpi.k-te{--kpi-accent:#0891b2}
html body #gc-dash-ov .gd-kpi.k-or{--kpi-accent:#ea580c}
html body #gc-dash-ov .gd-trend{position:absolute;bottom:12px;right:14px;font-size:9px}
html body #gc-dash-ov .gd-kpi.dragging{opacity:.45;transform:scale(.98)}
@media(max-width:1200px){html body #gc-dash-ov .gd-kg{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}html body #gc-dash-ov .gd-kpi{padding:13px;gap:9px 5px}html body #gc-dash-ov .gd-kv{font-size:20px}html body #gc-dash-ov .gd-kn{font-size:10px}}
@media(max-width:1000px){html body #gc-dash-ov .gd-kg{grid-template-columns:repeat(2,minmax(0,1fr))}html body #gc-dash-ov .gd-kpi{padding:15px}html body #gc-dash-ov .gd-kv{font-size:23px}html body #gc-dash-ov .gd-kn{font-size:11px}}
@media(max-width:420px){html body #gc-dash-ov .gd-kpi{padding:12px;min-height:120px}html body #gc-dash-ov .gd-kv{font-size:20px}html body #gc-dash-ov .gd-kv.sm{font-size:18px}html body #gc-dash-ov .gd-kg{gap:8px}html body #gc-dash-ov .gd-ki{width:28px;height:28px;border-radius:8px}}
@media(prefers-reduced-motion:reduce){html body #gc-dash-ov .gd-kpi{transition:none;transform:none}}
@media print{html body #gc-dash-ov .gd-kpi{box-shadow:none;break-inside:avoid}}
/* Version compacte avec repère de couleur latéral. */
html body #gc-dash-ov .gd-kg{gap:10px;margin-bottom:17px}
html body #gc-dash-ov .gd-kpi{min-height:102px;padding:12px 14px 11px 17px;gap:7px 6px;border-radius:12px}
html body #gc-dash-ov .gd-kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;right:auto;width:4px;height:auto;border-radius:0;background:var(--kpi-accent)}
html body #gc-dash-ov .gd-ki{width:27px;height:27px;border-radius:8px}
html body #gc-dash-ov .gd-ki svg{width:16px;height:16px}
html body #gc-dash-ov .gd-kn{font-size:10px}
html body #gc-dash-ov .gd-kv{font-size:20px;letter-spacing:-.4px}
html body #gc-dash-ov .gd-kv.sm{font-size:18px}
html body #gc-dash-ov .gd-kunit{font-size:9px}
html body #gc-dash-ov .gd-ksub{font-size:9.5px;line-height:1.4}
@media(max-width:420px){html body #gc-dash-ov .gd-kpi{min-height:100px;padding:11px 10px 10px 14px}html body #gc-dash-ov .gd-kv{font-size:18px}html body #gc-dash-ov .gd-kv.sm{font-size:17px}}