/* One KPI surface for dashboard, clients, incidents and their loading states. */
.dashboard-kpi-card{--kpi-accent:#a5b4fc;min-height:118px;position:relative;overflow:hidden;color:var(--text-main);border:1px solid color-mix(in srgb,var(--kpi-accent) 24%,var(--border-subtle));background:linear-gradient(145deg,color-mix(in srgb,var(--kpi-accent) 7%,var(--bg-elevated)),var(--bg-elevated));box-shadow:0 14px 34px rgba(2,6,23,.14)}
.dashboard-kpi-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--kpi-accent)}
.dashboard-kpi-card::after{content:"";position:absolute;inset:auto -22px -44px auto;width:110px;height:110px;border-radius:50%;background:color-mix(in srgb,var(--kpi-accent) 13%,transparent);pointer-events:none}
.dashboard-kpi-card.is-healthy,.dashboard-kpi-card.is-online{--kpi-accent:#86efac}
.dashboard-kpi-card.is-attention,.dashboard-kpi-card.is-offline,.dashboard-kpi-card.is-open{--kpi-accent:#fda4af}
.dashboard-kpi-card.is-incidents,.dashboard-kpi-card.is-progress{--kpi-accent:#fde68a}
.dashboard-kpi-card.is-activity,.dashboard-kpi-card.is-closed{--kpi-accent:#7dd3fc}
.dashboard-kpi-card.is-rejected{--kpi-accent:#94a3b8}
.dashboard-kpi-label{position:relative;z-index:1;color:var(--text-muted);letter-spacing:.08em;font-weight:800}
.dashboard-kpi-card .display-6{position:relative;z-index:1;color:var(--kpi-accent);font-size:clamp(2rem,4vw,2.8rem)}
.dashboard-kpi-caption{position:relative;z-index:1;color:var(--text-muted)}
body[data-theme="light"] .dashboard-kpi-card{background:linear-gradient(145deg,color-mix(in srgb,var(--kpi-accent) 5%,#fff),#fff);box-shadow:0 12px 30px rgba(15,23,42,.08)}
body[data-theme="light"] .dashboard-kpi-card.is-total{--kpi-accent:#4338ca}
body[data-theme="light"] .dashboard-kpi-card.is-healthy,body[data-theme="light"] .dashboard-kpi-card.is-online{--kpi-accent:#15803d}
body[data-theme="light"] .dashboard-kpi-card.is-attention,body[data-theme="light"] .dashboard-kpi-card.is-offline,body[data-theme="light"] .dashboard-kpi-card.is-open{--kpi-accent:#be123c}
body[data-theme="light"] .dashboard-kpi-card.is-incidents,body[data-theme="light"] .dashboard-kpi-card.is-progress{--kpi-accent:#a16207}
body[data-theme="light"] .dashboard-kpi-card.is-activity,body[data-theme="light"] .dashboard-kpi-card.is-closed{--kpi-accent:#0369a1}
body[data-theme="light"] .dashboard-kpi-card.is-rejected{--kpi-accent:#475569}
.dashboard-kpi-card.is-link{display:block;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dashboard-kpi-card.is-link:hover{transform:translateY(-2px);color:var(--text-main);border-color:color-mix(in srgb,var(--kpi-accent) 60%,var(--border-subtle));box-shadow:0 17px 38px rgba(2,6,23,.18)}
.dashboard-kpi-card.is-link:focus-visible{outline:2px solid var(--kpi-accent);outline-offset:3px}
.dashboard-kpi-card.is-link.is-selected{border-color:var(--kpi-accent)}
@media(prefers-reduced-motion:reduce){.dashboard-kpi-card.is-link{transition:none}.dashboard-kpi-card.is-link:hover{transform:none}}