.kpi small{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.month-status-grid{display:grid;gap:14px}
.month-status-year{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:12px}
.month-status-year>div{display:flex;flex-wrap:wrap;gap:7px}
.month-chip{display:inline-block;min-width:38px;text-align:center;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:700}
.month-chip.complete{background:#e8f5ed;color:#237a50}
.month-chip.missing{background:#f3f4f6;color:#8a939d}
.hint{color:var(--muted);font-size:12px;margin:15px 0 0}
.year-bars{display:grid;gap:13px}
.year-bar-row{display:grid;grid-template-columns:55px 1fr 135px;gap:12px;align-items:center}
.year-bar-row>div{height:18px;background:#edf1f4;border-radius:999px;overflow:hidden}
.year-bar-row i{display:block;height:100%;background:#246b9e;border-radius:999px}
.year-bar-row strong{text-align:right}
.empty-state{padding:30px;text-align:center;color:var(--muted)}
@media(max-width:760px){.month-status-year{grid-template-columns:1fr}.year-bar-row{grid-template-columns:45px 1fr}.year-bar-row strong{grid-column:2;text-align:left;font-size:12px}}