/* Charge board - layout (palette + primitives from ../theme.css) */
body{display:flex;flex-direction:column}

#bar{display:flex;align-items:center;gap:12px;padding:13px 22px;background:var(--card);border-bottom:1px solid var(--border)}
#bar .sub{color:var(--muted)}
.clock{font-variant-numeric:tabular-nums;color:var(--muted)}

.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:18px 22px 8px}
.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}
.stat .n{font-size:38px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em}
.stat .l{color:var(--muted);font-size:13px;margin-top:6px;text-transform:uppercase;letter-spacing:.04em}
.stat.alert{border-color:var(--emergency);background:var(--emergency-050)} .stat.alert .n{color:var(--emergency)}
.stat.warn{border-color:#f0d9b8} .stat.warn .n{color:var(--warn)}

.board{flex:1;overflow:auto;padding:10px 22px 22px;display:flex;flex-direction:column;gap:10px}
.row{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 18px;box-shadow:var(--shadow)}
.row.emergency{border-color:var(--emergency);background:var(--emergency-050)}
.row.escalated{border-color:#f0d9b8;background:var(--warn-050)}
.cicon{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--surface2);color:var(--muted)}
.cicon svg{width:24px;height:24px}
.cicon.high{background:var(--emergency-050);color:var(--emergency)}
.cicon.emergency{background:var(--emergency);color:#fff}
.row.emergency .cicon.emergency{background:#fff;color:var(--emergency)}
.row .bed{min-width:170px;font-weight:600;font-size:18px}
.row .bed .ref{display:block;color:var(--muted);font-weight:400;font-size:12px;margin-top:2px}
.row .what{flex:1;font-size:18px;display:flex;align-items:center;gap:8px}
.tag.esc{background:var(--warn-050);color:var(--warn)}
.row .wait{font-variant-numeric:tabular-nums;font-size:22px;min-width:84px;text-align:right;color:var(--text)}
.row .wait.over{color:var(--warn)}
.row.emergency .wait{color:var(--emergency)}
.row .who{min-width:130px;text-align:right;color:var(--ok);font-size:14px;font-weight:600}
.row .who.none{color:var(--muted);font-weight:400}

.empty{color:var(--muted);padding:44px;text-align:center;border:1px dashed var(--border-strong);border-radius:14px;font-size:18px;background:var(--card)}

@media(max-width:820px){.stats{grid-template-columns:repeat(2,1fr)}.row .bed{min-width:120px}.row .who{display:none}}