.health-top{display:flex;align-items:end;gap:14px;justify-content:space-between;margin-bottom:14px}.health-top label{min-width:270px}.health-top>div{display:flex;flex:1;flex-direction:column}.health-top span{font-size:13px;color:var(--muted,#667085)}
.health-headline{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;border:1px solid var(--line,#e6e8ec);border-radius:20px;padding:20px;margin-bottom:14px}.health-headline h2{margin:5px 0}.health-headline p{margin:0;color:var(--muted,#667085)}.health-counts{display:flex;gap:8px}.health-counts span{min-width:70px;padding:10px;border:1px solid var(--line,#e6e8ec);border-radius:12px;text-align:center}.health-counts b{display:block;font-size:22px}.health-counts span{font-size:11px;color:var(--muted,#667085)}
.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.health-card{background:#fff;border:1px solid var(--line,#e6e8ec);border-radius:17px;padding:16px;border-top-width:4px}.health-card.attention{border-top-color:#b42318}.health-card.due{border-top-color:#b7791f}.health-card.recorded,.health-card.ok{border-top-color:#4b7f63}.health-card.unknown{border-top-color:#98a2b3}.health-card h3{margin:5px 0}.health-card p{color:var(--muted,#667085)}.health-state{font-size:11px;font-weight:700;text-transform:uppercase}
@media(max-width:800px){.health-top{display:grid}.health-top label{min-width:0}.health-headline{align-items:flex-start;flex-direction:column}.health-grid{grid-template-columns:1fr}}@media(max-width:520px){.health-counts{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}}