.health-status{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px;margin-bottom:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,var(--panel),#202922)}
.health-status.needs-care{border-color:#7a5c32}.health-status.clear{border-color:#466326}.health-status h2{margin:0 0 8px}.health-status p:last-child{color:var(--muted);line-height:1.55;margin:0;max-width:720px}.health-status>div:last-child{min-width:110px;text-align:center}.health-status>div:last-child strong{display:block;color:var(--accent);font-size:2.2rem}.health-status>div:last-child span,.health-status>div:last-child small{display:block;color:var(--muted);font-size:.76rem;margin-top:4px}
.checkin-panel,.health-section,.new-health-record,.health-history{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;margin:18px 0}.checkin-panel{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(420px,1.3fr);gap:28px}.checkin-panel h3{font-size:1.45rem;margin:0 0 8px}.checkin-panel p{color:var(--muted);line-height:1.5}.checkin-panel>div>small{color:var(--accent)}
.quick-checkin form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-checkin label,.health-form label,.health-editor label{display:grid;gap:6px;color:var(--muted);font-size:.8rem}.quick-checkin label span{font-size:.7rem}.quick-checkin input,.quick-checkin select,.quick-checkin textarea,.health-form input,.health-form select,.health-form textarea,.health-editor input,.health-editor select,.health-editor textarea{width:100%;min-width:0;font:inherit;font-size:16px;color:var(--text);background:#111713;border:1px solid var(--line);border-radius:10px;padding:11px}.quick-checkin .check{display:flex;align-items:center;gap:8px;align-self:end;padding:11px 0}.quick-checkin .check input{width:auto}.checkin-details{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}.checkin-details summary,.new-health-record summary,.health-history>summary,.health-editor>summary{cursor:pointer;font-weight:700;color:var(--text)}.checkin-details>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.checkin-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}
.health-section .section-heading{margin-bottom:16px}.health-empty{padding:24px;border:1px dashed var(--line);border-radius:12px;text-align:center}.health-empty p{color:var(--muted);margin:6px 0 0}.health-list{display:grid;gap:12px}.health-item{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;background:#151b17;border:1px solid var(--line);border-radius:14px;padding:18px}.health-item h3{margin:5px 0}.health-item p{color:var(--muted);margin:5px 0;line-height:1.45}.health-summary>small:first-child{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.plan-effect{display:block;color:#b8c3bb!important;margin-top:10px}.health-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.health-actions form{margin:0}.health-actions button{padding:9px 13px}.health-editor{min-width:90px}.health-editor form,.health-form{display:grid;gap:13px;margin-top:16px}.health-editor form{min-width:min(420px,70vw)}.injury-fields{display:grid;gap:12px;border-left:3px solid var(--accent);padding-left:12px}.injury-fields[hidden]{display:none}.new-health-record:not([open]){padding:0}.new-health-record:not([open])>summary{padding:20px 22px}.new-health-record[open]>summary{margin-bottom:14px}.new-health-record .health-form{max-width:680px}.new-health-record summary::marker,.health-history>summary::marker{color:var(--accent)}
.health-history>div{margin-top:18px}.health-history h3{margin:18px 0 10px}.resolved-list{display:grid;gap:8px}.resolved-list article{display:flex;justify-content:space-between;gap:16px;padding:12px;border-bottom:1px solid var(--line)}.resolved-list span,.checkin-history p{color:var(--muted);font-size:.84rem}.checkin-history{padding:0;margin:0}.checkin-history p{padding:9px 0;margin:0;border-bottom:1px solid var(--line)}.health-safety{max-width:850px}
@media(max-width:800px){.health-status{align-items:flex-start}.checkin-panel{grid-template-columns:1fr}.quick-checkin form,.checkin-details>div{grid-template-columns:1fr}.health-item{flex-direction:column}.health-actions{width:100%}.health-editor{width:100%}.health-editor form{min-width:0}.resolved-list article{flex-direction:column;gap:4px}}
@media(max-width:520px){.health-status{flex-direction:column}.health-status>div:last-child{text-align:left}.checkin-panel,.health-section,.health-history,.new-health-record[open]{padding:18px}.checkin-actions>*{width:100%}}
