/* watchtower-screening.css — Gate Screening (Dispatch - Gate Screening.dc.html).
 * Weapons-detection alert board: new → secondary → cleared (benign) / escalated.
 * Security + command. Renders into the EOC shell content area; tokens from watchtower.css. */

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

.wts-top { flex:0 0 auto; display:flex; align-items:center; gap:13px; padding:11px 24px; border-bottom:1px solid var(--l-2); background:var(--bg-1); flex-wrap:wrap; }
.wts-wm { font-family:var(--label); font-size:15px; letter-spacing:0.1em; text-transform:uppercase; font-weight:700; }
.wts-sub { font-family:var(--label); font-size:9px; letter-spacing:0.13em; color:var(--gold); text-transform:uppercase; margin-top:2px; }
.wts-kpis { margin-left:auto; display:flex; gap:10px; }
.wts-kpi { border:1px solid var(--l-2); border-radius:8px; padding:7px 14px; text-align:center; }
.wts-kpi .n { font-family:var(--mono); font-size:20px; font-weight:700; } .wts-kpi .l { font-family:var(--label); font-size:8.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--t-3); margin-top:1px; }

.wts-body { flex:1; min-height:0; display:grid; grid-template-columns:1fr 300px; }
.wts-main { min-height:0; overflow:auto; padding:14px 24px 40px; }
.wts-colhd { display:flex; align-items:center; gap:10px; font-family:var(--label); font-size:12px; letter-spacing:0.1em; text-transform:uppercase; color:var(--t-2); margin-bottom:12px; }
.wts-colhd .c { font-family:var(--mono); font-size:11px; color:var(--t-3); }
.wts-add { margin-left:auto; font-family:var(--label); font-size:10px; letter-spacing:0.05em; text-transform:uppercase; padding:7px 12px; border-radius:6px; border:1px solid var(--sky); color:var(--sky); background:transparent; }

.wts-compose { background:var(--bg-1); border:1px solid var(--gold); border-radius:10px; padding:12px 14px; margin-bottom:14px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.wts-compose input, .wts-compose select { background:var(--bg-2); border:1px solid var(--l-2); border-radius:6px; padding:8px 10px; font-size:13px; }
.wts-compose .go { font-family:var(--label); font-size:11px; letter-spacing:0.05em; text-transform:uppercase; font-weight:700; padding:9px 14px; border-radius:6px; border:1px solid var(--gold); background:var(--gold); color:#1a1205; }

.wts-alert { background:var(--bg-1); border:1px solid var(--l-2); border-left:4px solid var(--ac,var(--gold)); border-radius:10px; padding:14px 16px; margin-bottom:12px; }
.wts-ah { display:flex; align-items:center; gap:11px; }
.wts-zone { width:42px; height:42px; border-radius:9px; background:var(--bg-2); border:1px solid var(--l-2); display:grid; place-items:center; flex:0 0 auto; color:var(--ac,var(--gold)); }
.wts-at { flex:1; min-width:0; }
.wts-a1 { font-size:15px; font-weight:700; } .wts-a2 { font-family:var(--mono); font-size:11.5px; color:var(--t-2); margin-top:2px; }
.wts-st { font-family:var(--label); font-size:9px; letter-spacing:0.07em; text-transform:uppercase; padding:4px 9px; border-radius:20px; border:1px solid var(--ac,var(--gold)); color:var(--ac,var(--gold)); flex:0 0 auto; }
.wts-det { margin-top:11px; display:flex; flex-wrap:wrap; gap:8px 22px; padding-top:11px; border-top:1px solid var(--l-1); }
.wts-dd { display:flex; flex-direction:column; gap:2px; }
.wts-dd .k { font-family:var(--label); font-size:8.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--t-3); }
.wts-dd .v { font-family:var(--mono); font-size:12.5px; color:var(--t-1); }
.wts-acts { margin-top:12px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.wts-btnp { font-family:var(--label); font-size:11px; letter-spacing:0.05em; text-transform:uppercase; padding:9px 14px; border-radius:7px; border:1px solid var(--l-2); background:var(--bg-2); color:var(--t-1); }
.wts-btnp.go { background:var(--sky); border-color:var(--sky); color:#06121c; font-weight:700; }
.wts-btnp.esc { border-color:var(--red); color:var(--red); }
.wts-rl { font-family:var(--label); font-size:9px; letter-spacing:0.06em; text-transform:uppercase; color:var(--t-3); margin-right:4px; }
.wts-rchip { font-family:var(--mono); font-size:11.5px; padding:6px 10px; border-radius:6px; border:1px solid var(--l-2); background:var(--bg-2); color:var(--t-2); }
.wts-resolved { margin-top:11px; font-family:var(--mono); font-size:12px; padding:8px 11px; border-radius:7px; }
.wts-resolved.ok { color:var(--green); background:color-mix(in oklab,var(--green) 9%,var(--bg-1)); border:1px solid color-mix(in oklab,var(--green) 32%,var(--l-2)); }
.wts-resolved.escd { color:var(--red); background:color-mix(in oklab,var(--red) 9%,var(--bg-1)); border:1px solid color-mix(in oklab,var(--red) 32%,var(--l-2)); }
.wts-empty { padding:40px; text-align:center; color:var(--t-3); font-size:13px; }

.wts-side { border-left:1px solid var(--l-2); min-height:0; overflow:auto; background:var(--bg-1); padding:14px; }
.wts-gate { border:1px solid var(--l-2); border-radius:9px; padding:12px; margin-bottom:11px; background:var(--bg-2); }
.wts-gname { font-family:var(--label); font-size:14px; letter-spacing:0.02em; }
.wts-gmeta { font-family:var(--mono); font-size:11px; color:var(--t-2); margin-top:5px; }