/* watchtower-runninglog.css — Running Log / ICS-214 (Dispatch - Running Log.dc.html).
 * The day's significant-events activity log. Feed = the live /audit stream
 * (categorized by kind); composer logs a manual ICS-214 entry → /ops-log (which
 * itself writes an audit row, so it appears in the feed). Renders into the EOC
 * shell content area; palette/fonts come from watchtower.css. Director/admin. */

.wtl { display:flex; flex-direction:column; height:100%; overflow:hidden; background:var(--bg-0); color:var(--t-0); font-family:var(--sans); }
.wtl * { box-sizing:border-box; }
.wtl button { color:inherit; font-family:inherit; cursor:pointer; }
.wtl textarea { color:inherit; font-family:inherit; }

.wtl-top { display:flex; align-items:center; gap:13px; padding:13px 24px; background:var(--bg-1); border-bottom:1px solid var(--l-2); flex:0 0 auto; flex-wrap:wrap; }
.wtl-wm { font-family:var(--label); font-weight:700; font-size:16px; letter-spacing:0.14em; text-transform:uppercase; }
.wtl-sub { font-family:var(--label); font-size:9px; letter-spacing:0.13em; color:var(--gold); text-transform:uppercase; margin-top:2px; }
.wtl-op { margin-left:auto; display:flex; align-items:center; gap:16px; }
.wtl-ob { text-align:right; }
.wtl-ok { font-family:var(--label); font-size:9px; letter-spacing:0.1em; text-transform:uppercase; color:var(--t-3); }
.wtl-ov { font-family:var(--mono); font-size:13px; color:var(--t-1); margin-top:2px; }
.wtl-exp { font-family:var(--label); font-size:10px; letter-spacing:0.06em; text-transform:uppercase; color:var(--sky); border:1px solid var(--sky); border-radius:6px; padding:8px 13px; background:transparent; }

.wtl-main { min-height:0; overflow:auto; flex:1 1 auto; }
.wtl-composer { position:sticky; top:0; z-index:5; background:var(--bg-0); border-bottom:1px solid var(--l-2); padding:14px 24px; }
.wtl-cwrap { background:var(--bg-1); border:1px solid var(--l-2); border-radius:10px; padding:12px 14px; }
.wtl-cwrap.foc { border-color:var(--gold); }
.wtl-crow { display:flex; gap:10px; align-items:flex-end; }
.wtl-crow textarea { flex:1; background:transparent; border:0; outline:none; resize:vertical; min-height:42px; font-size:14px; line-height:1.5; }
.wtl-log { font-family:var(--label); font-size:12px; letter-spacing:0.05em; text-transform:uppercase; font-weight:700; padding:11px 18px; border-radius:7px; border:1px solid var(--gold); background:var(--gold); color:#1a1205; white-space:nowrap; }
.wtl-log:disabled { opacity:0.45; cursor:default; }

.wtl-filters { display:flex; align-items:center; gap:7px; padding:11px 24px; border-bottom:1px solid var(--l-1); flex-wrap:wrap; position:sticky; top:84px; background:var(--bg-0); z-index:4; }
.wtl-fl { font-family:var(--label); font-size:10.5px; letter-spacing:0.04em; text-transform:uppercase; padding:6px 11px; border-radius:6px; border:1px solid var(--l-2); background:var(--bg-1); color:var(--t-2); display:inline-flex; align-items:center; gap:6px; }
.wtl-fl .d { width:8px; height:8px; border-radius:50%; background:var(--fc,var(--t-3)); }
.wtl-fl.on { color:var(--t-0); border-color:var(--fc,var(--l-2)); background:color-mix(in oklab,var(--fc,var(--l-2)) 13%,var(--bg-1)); }
.wtl-search { margin-left:auto; background:var(--bg-1); border:1px solid var(--l-2); border-radius:6px; padding:7px 12px; color:var(--t-0); font-family:var(--sans); font-size:13px; width:200px; }

.wtl-feed { padding:6px 24px 40px; }
.wtl-entry { display:grid; grid-template-columns:62px 1fr; gap:14px; padding:13px 0; border-bottom:1px solid var(--l-1); }
.wtl-lhs { text-align:right; }
.wtl-tm { font-family:var(--mono); font-size:13px; color:var(--t-1); }
.wtl-mer { font-family:var(--mono); font-size:9.5px; color:var(--t-3); margin-top:2px; }
.wtl-rhs { position:relative; padding-left:18px; border-left:2px solid var(--ec,var(--l-2)); }
.wtl-hl { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.wtl-ctag { font-family:var(--label); font-size:8.5px; letter-spacing:0.07em; text-transform:uppercase; padding:3px 8px; border-radius:4px; color:var(--ec,var(--t-2)); border:1px solid var(--ec,var(--l-2)); }
.wtl-src { font-family:var(--mono); font-size:10.5px; color:var(--t-3); margin-left:auto; }
.wtl-tx { font-size:14px; color:var(--t-0); line-height:1.5; margin-top:7px; }
.wtl-empty { text-align:center; padding:50px; font-family:var(--mono); font-size:13px; color:var(--t-3); }