/* Site control. Tokens only, as day.css. */
.health{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:12px}
.health-lead{border:1px solid var(--platform-line);border-radius:var(--platform-radius);background:var(--platform-panel);
  padding:clamp(22px,3vw,32px);display:grid;gap:14px;align-content:space-between}
.health-lead.is-alarm{border-color:var(--platform-red);background:
  radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--platform-red) 14%,var(--platform-panel)),var(--platform-panel) 62%)}
.health-lead .reading{font:600 clamp(72px,9vw,120px)/.88 var(--platform-ui);letter-spacing:-.06em}
.health-lead .word{display:flex;gap:8px;align-items:center;font:600 13px var(--platform-mono);letter-spacing:.14em;text-transform:uppercase}
.health-lead.is-alarm .word{color:var(--platform-red)}
.health-lead .word svg{inline-size:18px;block-size:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.alerts{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.alert{border:1px solid var(--platform-line);border-inline-start:3px solid var(--platform-warn);border-radius:var(--platform-radius);
  background:var(--platform-panel);padding:12px 14px;display:grid;gap:4px}
.alert.is-crit{border-inline-start-color:var(--platform-red)}
.alert-head{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.alert-head b{font-size:14.5px}
.alert p{margin:0;font-size:13px;color:var(--platform-dim)}
.sev{inline-size:60px;block-size:4px;border-radius:2px;background:var(--platform-line);overflow:hidden;display:inline-block;vertical-align:middle}
.sev>span{display:block;block-size:100%;background:var(--platform-red)}

.sensors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px}
.kv{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:4px 16px;margin:0;font-size:13px}
.kv dt{color:var(--platform-dim);font-family:var(--platform-mono);font-size:11.5px}
.kv dd{margin:0;font-family:var(--platform-mono);font-size:12px;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}
.kv dd.is-set{color:var(--platform-accent);font-weight:600}
.fresh{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fresh div{border:1px solid var(--platform-line);border-radius:4px;padding:8px 10px;display:grid;gap:2px}
.fresh i{font-style:normal;font:9.5px var(--platform-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--platform-dim)}
.fresh b{font:600 14px var(--platform-mono);font-variant-numeric:tabular-nums}
.fresh .is-dead b{color:var(--platform-red)}
.fresh .is-dead{border-color:var(--platform-red)}
.fresh .is-unknown b{color:var(--platform-dim)}
/* ENF-867: a read that did not succeed, with its route, reason and retry. */
.unavail{display:grid;gap:8px}
.unavail h3{margin:0}
.unavail .actions{margin:0}
#sec-ignored{margin-top:12px}
#sec-health:focus,#sec-sensors:focus,#sec-ignored:focus,#sec-settings:focus,#sec-reach:focus,#sec-apps:focus,#sec-history:focus{outline:2px solid var(--platform-accent);outline-offset:4px}

.blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:12px}
.write{font:11px var(--platform-mono);color:var(--platform-dim);margin:0;border-top:1px solid var(--platform-line);padding-top:10px;overflow-wrap:anywhere}
.write svg{inline-size:12px;block-size:12px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:2}

.history{list-style:none;margin:0;padding:0;position:relative}
.history li{display:grid;grid-template-columns:136px 100px minmax(0,1fr) auto;gap:12px;padding:10px 0;border-top:1px solid var(--platform-line);
  align-items:baseline;font-size:13px}
.history time{font:12px var(--platform-mono);color:var(--platform-dim);font-variant-numeric:tabular-nums}
.history p{margin:0;color:var(--platform-dim);overflow-wrap:anywhere}
.history .btn{min-block-size:32px;padding:0 10px;font-size:12px}
pre.doc{margin:0;max-block-size:420px;overflow:auto;padding:14px;border-radius:4px;background:var(--platform-bg);
  border:1px solid var(--platform-line);font:11.5px/1.5 var(--platform-mono);color:var(--platform-ink)}
.filter{display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:1000px){.health{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){
  .history li{grid-template-columns:minmax(0,1fr) auto}
  .history li p{grid-column:1/-1}
  .fresh{grid-template-columns:minmax(0,1fr)}
}