.problem-kpi-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.problem-kpi { min-height: 92px; padding: 13px; border: 1px solid var(--border); border-radius: 10px; background: #fff; }
.problem-kpi__label { color: var(--ink-500); font-size: 9px; font-weight: 780; }
.problem-kpi__value { margin-top: 8px; color: var(--ink-950); font-size: 22px; font-weight: 820; letter-spacing: -.05em; }
.problem-kpi__meta { margin-top: 3px; color: var(--ink-500); font-size: 9px; }
.problem-kpi--warning .problem-kpi__value { color: var(--clinova-amber); }
.problem-kpi--danger .problem-kpi__value { color: var(--clinova-red); }
.problem-kpi--success .problem-kpi__value { color: var(--clinova-green); }
.problem-kpi--teal .problem-kpi__value { color: var(--clinova-teal); }
.problem-table tr.is-error { background: #fff7f8; }
.problem-table tr.is-warning { background: #fffaf0; }
@media (max-width: 980px) { .problem-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 680px) { .problem-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }