/* health-report.css -- session 311: the Dashboard's health tile and its list, Settings > Health report.
   The chip's states are hrwarn / hrgrey, never .warn (the app-wide warning box, which carries its own margin). The list sits
   outside .dayboard, where the --db-* colours are not defined, so its dots use the same colours as plain values. */
.dayboard .db-hrchip.hrwarn{background:var(--db-a1);color:var(--db-on-a)}
.dayboard .db-hrchip.hrwarn i{background:var(--db-a6)}
.dayboard .db-hrchip.hrgrey{background:var(--db-line, #eef0f2);color:var(--muted)}
.dayboard .db-hrchip.hrgrey i{background:var(--muted)}
body.db-dark .dayboard .db-hrchip.bad{color:#FF7A66}
body.db-dark .dayboard .db-hrchip.bad i{background:#FF7A66}
body.db-dark .dayboard .db-hrchip.hrwarn{color:#F5C46B}
body.db-dark .dayboard .db-hrchip.hrwarn i{background:#F5C46B}
.s-dash .hr-card .hr-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.s-dash .hr-card .hr-when{margin-left:auto;font-size:12.5px;font-weight:400;color:var(--muted)}
.s-dash .hr-row{display:grid;grid-template-columns:18px minmax(150px,240px) 1fr;gap:4px 10px;padding:7px 0;border-top:1px solid var(--line, #e6e9ec);font-size:13.5px;align-items:baseline}
.s-dash .hr-row .hr-k{font-weight:600}
.s-dash .hr-row .hr-st{display:block;font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
.s-dash .hr-row .hr-v{color:var(--text);overflow-wrap:anywhere}
.s-dash .hr-red .hr-dot,.s-dash .hr-red .hr-st{color:#c43d2b}
.s-dash .hr-yellow .hr-dot,.s-dash .hr-yellow .hr-st{color:#b7791f}
.s-dash .hr-green .hr-dot{color:#2e9c7c}
.s-dash .hr-grey .hr-dot{color:#8a949b}
body.db-dark .s-dash .hr-red .hr-dot,body.db-dark .s-dash .hr-red .hr-st{color:#FF7A66}
body.db-dark .s-dash .hr-yellow .hr-dot,body.db-dark .s-dash .hr-yellow .hr-st{color:#F5C46B}
body.db-dark .s-dash .hr-green .hr-dot{color:#5fd0a8}
.s-dash .hr-foot{margin-top:8px}
@media (max-width:640px){.s-dash .hr-row{grid-template-columns:18px 1fr}.s-dash .hr-row .hr-v{grid-column:2}}
.hrs .hrs-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:9px 0;border-top:1px solid var(--line, #e6e9ec);flex-wrap:wrap}
.hrs .hrs-row:first-of-type{border-top:none}
.hrs .hrs-l{flex:1 1 280px;font-size:14px}
.hrs .hrs-help{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.hrs .hrs-in{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hrs .hrs-in input,.hrs .hrs-in select{border:1px solid #c9d0d4;border-radius:8px;padding:6px 8px;font-family:inherit;font-size:14px}
.hrs .hrs-num{width:80px}.hrs .hrs-time{width:80px}.hrs .hrs-text{width:200px}
.hrs .hrs-unit{font-size:13px;color:var(--muted)}
.hrs .hrs-def{font-size:12px;color:var(--muted);font-style:italic}
.hrs .hrs-save{display:flex;align-items:center;gap:12px;margin:12px 0 16px}
.hrs .hrs-msg{font-size:13.5px}.hrs .hrs-good{color:#2e7d5b}.hrs .hrs-bad{color:var(--danger-text)}
.hrs .hrs-run{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:7px 0;border-top:1px solid var(--line, #e6e9ec);font-size:13.5px}
.hrs .card{margin-bottom:var(--s4, 16px)}
/* session 398: each background step's last ok beside its own interval */
.s-dash .hr-row .hr-more{margin-left:6px;padding:0;border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--teal, #1d6e77);text-decoration:underline;cursor:pointer}
.s-dash .hr-row .hr-more:hover{color:var(--text)}
.s-dash .hr-row .hr-more:focus-visible{outline:2px solid var(--teal, #1d6e77);outline-offset:2px;border-radius:3px}
.s-dash .hr-steps{margin-top:8px;display:grid;gap:4px}
.s-dash .hr-step{display:grid;grid-template-columns:16px minmax(140px,300px) 1fr;gap:2px 8px;font-size:12.5px;align-items:baseline}
.s-dash .hr-step .hr-step-l{font-weight:600}
.s-dash .hr-step .hr-step-v{color:var(--muted)}
@media (max-width:640px){.s-dash .hr-step{grid-template-columns:16px 1fr}.s-dash .hr-step .hr-step-v{grid-column:2}}