table{border-collapse:collapse;width:100%;font-size:13px;margin:4px 0 10px;
  display:block;overflow-x:auto;white-space:nowrap}
thead th{
  text-align:left;font-weight:700;font-size:11px;letter-spacing:.16em;color:var(--dim);
  background:var(--panel);border:1px solid var(--line);padding:8px 11px;cursor:pointer;
  user-select:none;position:sticky;top:0}
thead th:hover{color:var(--cyan)}
thead th.sorted{color:var(--cyan)}
thead th.sorted::after{content:" \25B4"}
thead th.sorted.desc::after{content:" \25BE"}
tbody td{border:1px solid var(--line);padding:6px 11px;color:var(--dim)}
tbody tr:hover td{background:#0f1413}
td.dn{color:var(--fg)}
td.dn .ltr{display:inline-block;width:1.5em;color:var(--cyan);font-weight:700}
td.mono{color:var(--dim)}
td.num{text-align:right}
td.lc .dy{color:var(--fg)}
td.lc .tm{color:var(--dim)}
tr.r314 td.lc .tm{color:var(--amber)}
tr.r314 td.num{color:var(--amber)}

.st-ok{color:var(--green)!important}
.st-idle{color:var(--faint)!important}
.st-warn{color:var(--amber)!important}
.st-bad{color:var(--red)!important;animation:blink 2.4s steps(1) infinite}
.sv-ok{color:var(--dim)!important}
.sv-cold{color:var(--faint)!important}
.sv-warm{color:var(--red)!important}
.sv-none{color:var(--faint)!important;text-decoration:line-through}
@keyframes blink{0%,72%{opacity:1}73%,100%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.st-bad{animation:none}}