.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.kpi-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);border-inline-start-width:4px;flex-direction:column;gap:6px;min-height:132px;padding:16px;display:flex}.kpi-card--neutral{border-inline-start-color:var(--border)}.kpi-card--good{border-inline-start-color:var(--accent)}.kpi-card--warn{border-inline-start-color:var(--warning)}.kpi-card--bad{border-inline-start-color:var(--danger)}.kpi-card--skeleton{background:linear-gradient(90deg, var(--bg-surface-muted) 0%, var(--border-subtle) 50%, var(--bg-surface-muted) 100%);background-size:200% 100%;min-height:132px;animation:1.4s infinite skeleton-pulse}@media (prefers-reduced-motion:reduce){.kpi-card--skeleton{background:var(--bg-surface-muted);animation:none}}.kpi-card__label{color:var(--text-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);margin:0}.kpi-card__info.fui-Button{min-width:0;height:20px;color:var(--text-tertiary);flex:none;padding:0}.kpi-card__info.fui-Button:hover{color:var(--accent)}.kpi-card__sr{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kpi-card__label{align-items:center;gap:6px;display:inline-flex}.kpi-card__icon{width:16px;height:16px;color:var(--text-muted);flex:none}.kpi-card__spark{block-size:32px;inline-size:100%;margin-block-start:2px;display:block}.kpi-card__spark-fill{fill:var(--accent-soft);stroke:none}.kpi-card__spark-line{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:round}:root.dark .kpi-card__spark-line{stroke:var(--accent-light,var(--accent))}.kpi-card__value-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.kpi-card__value{font-variant-numeric:tabular-nums;color:var(--text);font-size:28px;font-weight:700;line-height:1.1}.kpi-card__delta{font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;font-size:13px;font-weight:600;display:inline-flex}.kpi-card__delta-arrow{font-size:10px}.kpi-card__delta--good{color:var(--accent)}.kpi-card__delta--bad{color:var(--danger)}.kpi-card__delta--neutral{color:var(--text-muted)}.kpi-card__hint{color:var(--text-muted);margin:0;font-size:12px}.kpi-card__reconcile{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.kpi-card__reconcile svg{color:var(--accent);flex:none}.kpi-card__reconcile--mismatch,.kpi-card__reconcile--mismatch svg{color:var(--danger)}.kpi-card__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-block-start:auto;padding-block-start:4px;display:flex}.kpi-card__freshness{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.kpi-card__drill{border:1px solid var(--border);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;margin-inline-start:auto;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.kpi-card__drill svg{width:14px;height:14px}.kpi-card__drill:hover{border-color:var(--accent);background:var(--bg-surface-muted)}.kpi-card__drill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kpi-card__drill:active{opacity:.9}