/* watchtower-dashboard.css — Director Dashboard (Dispatch - Director Dashboard.dc.html).
 * Read-only executive overview. Renders into the EOC shell content area (the strip,
 * banners and rail are the shell's). Palette tokens (--sky/--gold/--violet/--green/
 * --red, --bg-*, --t-*, --l-*, --label/--mono/--sans) come from watchtower.css. */

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

.wtd-top { display:flex; align-items:center; gap:13px; padding:14px 26px; background:var(--bg-1); border-bottom:1px solid var(--l-2); flex:0 0 auto; }
.wtd-wm { font-family:var(--label); font-weight:700; font-size:17px; letter-spacing:0.14em; text-transform:uppercase; }
.wtd-sub { font-family:var(--label); font-size:9px; letter-spacing:0.13em; color:var(--gold); text-transform:uppercase; margin-top:2px; }
.wtd-ro { margin-left:auto; display:inline-flex; align-items:center; gap:7px; font-family:var(--label); font-size:9.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--t-3); border:1px solid var(--l-2); border-radius:6px; padding:6px 11px; }

.wtd-page { overflow:auto; padding:20px 26px 44px; }
.wtd-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.wtd-kpi { border:1px solid var(--l-2); border-top:3px solid var(--kc,var(--sky)); border-radius:11px; background:var(--bg-1); padding:16px 17px; }
.wtd-kl { font-family:var(--label); font-size:10px; letter-spacing:0.09em; text-transform:uppercase; color:var(--t-3); }
.wtd-kn { font-family:var(--mono); font-size:34px; font-weight:700; color:var(--kc,var(--sky)); margin-top:7px; line-height:1; }
.wtd-kn .u { font-size:15px; color:var(--t-3); }
.wtd-kn.lbl { font-family:var(--label); font-size:30px; }
.wtd-ks { font-size:12.5px; color:var(--t-2); margin-top:7px; } .wtd-ks b { color:var(--t-1); }

.wtd-cols { display:grid; grid-template-columns:1.4fr 1fr; gap:18px; margin-top:18px; align-items:start; }
.wtd-sechd { font-family:var(--label); font-size:12px; letter-spacing:0.11em; text-transform:uppercase; color:var(--t-2); margin:0 0 12px; display:flex; align-items:center; gap:10px; }
.wtd-sechd .b { margin-left:auto; font-family:var(--mono); font-size:11px; color:var(--t-3); }

.wtd-dec { border:1px solid var(--dc,var(--l-2)); border-radius:11px; background:color-mix(in oklab,var(--dc,var(--l-2)) 7%,var(--bg-1)); padding:15px 17px; margin-bottom:13px; }
.wtd-dh { display:flex; align-items:center; gap:10px; }
.wtd-urg { font-family:var(--label); font-size:9px; letter-spacing:0.07em; text-transform:uppercase; color:var(--dc,var(--t-2)); border:1px solid var(--dc,var(--l-2)); border-radius:4px; padding:3px 8px; }
.wtd-dt { font-size:16px; font-weight:700; } .wtd-dtime { margin-left:auto; font-family:var(--mono); font-size:11px; color:var(--t-3); }
.wtd-dd { font-size:13.5px; color:var(--t-1); line-height:1.5; margin-top:9px; }
.wtd-empty { padding:26px 18px; text-align:center; color:var(--t-3); font-size:13px; border:1px dashed var(--l-2); border-radius:11px; }

.wtd-panel { border:1px solid var(--l-2); border-radius:11px; background:var(--bg-1); overflow:hidden; margin-bottom:18px; }
.wtd-ph { padding:12px 16px; border-bottom:1px solid var(--l-2); font-family:var(--label); font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--t-2); }
.wtd-ops { display:grid; grid-template-columns:1fr 1fr; }
.wtd-opcell { padding:13px 16px; border-bottom:1px solid var(--l-1); } .wtd-opcell:nth-child(odd) { border-right:1px solid var(--l-1); }
.wtd-on2 { font-family:var(--mono); font-size:22px; font-weight:700; } .wtd-on2 .sub { color:var(--t-3); font-size:14px; }
.wtd-ol { font-family:var(--label); font-size:9px; letter-spacing:0.08em; text-transform:uppercase; color:var(--t-3); margin-top:3px; }

.wtd-tier { display:flex; align-items:center; gap:11px; padding:10px 16px; border-bottom:1px solid var(--l-1); } .wtd-tier:last-child { border-bottom:0; }
.wtd-tl { width:30px; font-family:var(--label); font-size:12px; font-weight:600; color:var(--tc,var(--sky)); }
.wtd-bar { flex:1; height:8px; border-radius:4px; background:var(--bg-2); overflow:hidden; } .wtd-bar i { display:block; height:100%; background:var(--tc,var(--sky)); }
.wtd-tn { font-family:var(--mono); font-size:13px; color:var(--t-1); width:78px; text-align:right; }

.wtd-mini { padding:4px 0; } .wtd-mrow { display:flex; gap:11px; padding:9px 16px; border-bottom:1px solid var(--l-1); } .wtd-mrow:last-child { border-bottom:0; }
.wtd-mt2 { font-family:var(--mono); font-size:11px; color:var(--t-3); width:42px; flex:0 0 auto; }
.wtd-mc { width:8px; height:8px; border-radius:50%; background:var(--mc,var(--t-3)); margin-top:4px; flex:0 0 auto; }
.wtd-mx { font-size:13px; color:var(--t-1); line-height:1.4; }