/* LGN10 Team War Room — LIVE MAP / EVENT TAPE / WHO'S OUT (20260915wr1)
   Reconstructed from analytics-war-room.live.html + team-war-room.live.js selectors.
   Replaces old camp3 KPI sheet (wrap/kpis/roster) which lacked wr-nav/wr-tile/wr-live. */
:root{
  --wr-bg:#04060f; --wr-panel:#0b1220; --wr-card:#0c1424;
  --wr-line:rgba(120,180,255,.22); --wr-cyan:#22D3EE; --wr-gold:#C5A15A;
  --wr-text:#eef3ff; --wr-muted:#8b97b8; --wr-ok:#5dffb0; --wr-danger:#ff6b7a;
  --wr-amber:#ffb020; --wr-rail:88px; --wr-inbox:320px; --wr-tiles:92px; --wr-top:58px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%;margin:0}
body.lgn-war-room,body.lgn-hud{
  margin:0;min-height:100dvh;font-family:Inter,system-ui,sans-serif;color:var(--wr-text);
  background:
    radial-gradient(900px 480px at 50% -8%,rgba(70,110,255,.28),transparent 55%),
    linear-gradient(180deg,#0a1020,var(--wr-bg));
  overflow:hidden;
}
a{color:inherit}

/* Login gate */
#loginOverlay{
  position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;
  padding:18px;background:rgba(4,6,15,.92);backdrop-filter:blur(10px);
}
#loginOverlay[hidden],#loginOverlay[style*="display: none"],#loginOverlay[style*="display:none"]{display:none!important}

/* App shell */
#wrApp{
  height:100dvh;width:100%;display:grid;
  grid-template-columns:var(--wr-rail) minmax(0,1fr) var(--wr-inbox);
  grid-template-rows:var(--wr-top) 34px minmax(0,1fr) var(--wr-tiles);
  grid-template-areas:
    "top top top"
    "tape tape tape"
    "rail map inbox"
    "rail tiles tiles";
}

/* Top bar */
#wrTop{
  grid-area:top;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;
  padding:8px 12px;border-bottom:1px solid var(--wr-line);
  background:rgba(8,12,24,.92);backdrop-filter:blur(8px);overflow:auto;
}
#wrTop .brand{
  font-family:Orbitron,sans-serif;letter-spacing:.16em;font-size:12px;font-weight:700;
  color:var(--wr-gold);text-decoration:none;flex:0 0 auto;
}
#wrTop .title{font-weight:800;font-size:14px;white-space:nowrap;margin-right:4px}
#wrTop .sp{flex:1 1 auto;min-width:8px}
#wrTop select,#wrTeamPick{
  min-height:40px;border-radius:12px;border:1px solid var(--wr-line);
  background:#070B14;color:var(--wr-text);padding:0 10px;font-weight:700;font-size:12px;
}
.wr-jump{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}
.wr-top-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:40px;padding:8px 12px;border-radius:12px;border:1px solid var(--wr-line);
  background:rgba(255,255,255,.03);color:var(--wr-text);font-weight:800;font-size:12px;
  text-decoration:none;cursor:pointer;white-space:nowrap;
}
.wr-top-btn:active{transform:scale(.98)}
.wr-top-btn.gold{background:linear-gradient(135deg,var(--wr-gold),#a67c2d);border:0;color:#140f08}
.wr-seg{display:inline-flex;gap:4px;padding:3px;border-radius:999px;border:1px solid var(--wr-line);background:rgba(0,0,0,.25)}
.wr-seg button{
  min-height:34px;padding:6px 10px;border-radius:999px;border:0;background:transparent;
  color:var(--wr-muted);font-weight:800;font-size:11px;cursor:pointer;
}
.wr-seg button.on{background:linear-gradient(135deg,var(--wr-cyan),#8ab4ff);color:#0b1020}
.wr-live{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
  border:1px solid rgba(93,255,176,.35);color:var(--wr-ok);font-weight:800;font-size:11px;
  letter-spacing:.08em;flex:0 0 auto;
}
.wr-live i{width:8px;height:8px;border-radius:50%;background:#ff4d5a;box-shadow:0 0 0 0 rgba(255,77,90,.7);animation:wrPulse 1.5s infinite}
.wr-live.off{border-color:rgba(255,107,122,.45);color:var(--wr-danger)}
@keyframes wrPulse{70%{box-shadow:0 0 0 12px transparent}}
.wr-follow-chip{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
  border:1px solid rgba(197,161,90,.45);background:rgba(197,161,90,.12);color:var(--wr-gold);
  font-weight:800;font-size:11px;
}

/* Live tape */
#wrLiveTape,.wr-live-tape{
  grid-area:tape;display:flex;align-items:center;gap:10px;padding:0 14px;
  border-bottom:1px solid var(--wr-line);background:rgba(6,10,22,.9);
  font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--wr-muted);overflow:hidden;white-space:nowrap;
}
.wr-tape{color:var(--wr-text)}
.wr-tape-wait{color:var(--wr-muted)}
.wr-tape .gold,.wr-dot.gold{color:var(--wr-gold)}

/* Left rail */
#wrRail{
  grid-area:rail;display:flex;flex-direction:column;gap:8px;padding:10px 8px;
  border-right:1px solid var(--wr-line);background:rgba(7,11,20,.96);overflow:auto;
}
.wr-nav{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;
  width:100%;min-height:64px;padding:10px;border-radius:14px;border:1px solid var(--wr-line);
  background:rgba(255,255,255,.02);color:var(--wr-muted);font-weight:900;font-size:11px;
  letter-spacing:.06em;text-align:left;cursor:pointer;
}
.wr-nav b{font-size:10px;font-weight:800;color:var(--wr-cyan)}
.wr-nav.on{border-color:rgba(34,211,238,.55);color:var(--wr-text);background:rgba(34,211,238,.08);box-shadow:inset 0 0 0 1px rgba(34,211,238,.15)}
.wr-nav.map.on{border-color:rgba(34,211,238,.65)}
.wr-nav.leads.on{border-color:rgba(197,161,90,.65);color:var(--wr-gold)}
.wr-nav.out.on{border-color:rgba(93,255,176,.55);color:var(--wr-ok)}
.wr-nav.call.on{border-color:rgba(255,176,32,.55);color:var(--wr-amber)}
.wr-badge{
  display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;
  padding:0 6px;border-radius:999px;background:var(--wr-danger);color:#fff;font-size:10px;font-weight:900;
}

/* Map */
#wrMapWrap{
  grid-area:map;position:relative;min-width:0;min-height:0;background:#071018;
  border-right:1px solid var(--wr-line);
}
#warMap,#warMap.lgn-ml{position:absolute;inset:0;width:100%;height:100%}
#wrToast{
  position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:5;
  max-width:min(520px,92%);padding:10px 14px;border-radius:14px;
  background:rgba(8,12,24,.92);border:1px solid rgba(197,161,90,.35);color:var(--wr-text);
  font-weight:700;font-size:13px;display:none;
}
#wrToast:not(:empty){display:block}
#wrHistBar{
  position:absolute;left:10px;right:10px;bottom:10px;z-index:4;
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  padding:10px;border-radius:16px;border:1px solid var(--wr-line);
  background:rgba(8,12,24,.88);backdrop-filter:blur(8px);
}
#wrHistKicker{width:100%;font-size:11px;color:var(--wr-muted);font-weight:700}
.wr-hist-chips{display:flex;flex-wrap:wrap;gap:6px}
.wr-hist-chips button,.wr-hist-play button{
  min-height:34px;padding:6px 10px;border-radius:999px;border:1px solid var(--wr-line);
  background:rgba(255,255,255,.03);color:var(--wr-muted);font-weight:800;font-size:11px;cursor:pointer;
}
.wr-hist-chips button.on,.wr-hist-play button.on{border-color:rgba(34,211,238,.5);color:var(--wr-cyan);background:rgba(34,211,238,.1)}
.wr-hist-play{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1}
#wrScr{flex:1 1 120px;min-width:100px;accent-color:var(--wr-cyan)}
#wrDrift{
  position:absolute;top:12px;left:12px;z-index:3;max-width:260px;padding:8px 10px;border-radius:12px;
  background:rgba(8,12,24,.85);border:1px solid var(--wr-line);font-size:11px;color:var(--wr-muted);display:none;
}
#wrDrift:not(:empty){display:block}
#wrRecenter{
  position:absolute;right:12px;top:12px;z-index:3;width:44px;height:44px;border-radius:14px;
  border:1px solid var(--wr-line);background:rgba(8,12,24,.9);color:var(--wr-cyan);
  font-size:18px;cursor:pointer;
}

/* EVENT TAPE inbox */
#wrInbox{
  grid-area:inbox;display:flex;flex-direction:column;min-width:0;min-height:0;
  background:rgba(7,11,20,.96);overflow:hidden;
}
.wr-inbox-h{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  padding:12px 14px;border-bottom:1px solid var(--wr-line);
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--wr-gold);
}
.wr-inbox-h span:last-child{color:var(--wr-muted);font-size:10px;letter-spacing:.08em}
.wr-legend{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;border-bottom:1px solid rgba(120,180,255,.12)}
#wrInboxList{flex:1;overflow:auto;padding:8px 10px 14px}
.wr-empty{color:var(--wr-muted);font-size:13px;padding:12px 6px;margin:0}
.wr-card{
  display:block;width:100%;text-align:left;margin:0 0 8px;padding:12px;border-radius:14px;
  border:1px solid var(--wr-line);background:rgba(12,18,36,.9);color:var(--wr-text);
  cursor:pointer;font:inherit;
}
.wr-card:hover{border-color:rgba(34,211,238,.45)}
.wr-card .k{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wr-gold);font-weight:800}
.wr-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.wr-respond,.wr-actions .btn{
  min-height:34px;padding:6px 10px;border-radius:10px;border:1px solid var(--wr-line);
  background:rgba(255,255,255,.04);color:var(--wr-cyan);font-weight:800;font-size:11px;cursor:pointer;
}
.wr-who-row{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  width:100%;margin:0 0 8px;padding:12px;border-radius:14px;border:1px solid var(--wr-line);
  background:rgba(12,18,36,.9);color:var(--wr-text);cursor:pointer;font:inherit;text-align:left;
}
.wr-who-row:hover{border-color:rgba(93,255,176,.45)}
.wr-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--wr-cyan)}
.wr-dot.flyer{background:var(--wr-cyan)} .wr-dot.lead{background:var(--wr-gold)}
.wr-dot.scan{background:#a78bfa} .sla-gold{color:var(--wr-gold)} .sla-orange{color:var(--wr-amber)} .sla-red{color:var(--wr-danger)}

/* Bottom KPI tiles */
#wrTiles{
  grid-area:tiles;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(84px,1fr);
  gap:8px;padding:10px 12px;border-top:1px solid var(--wr-line);
  background:rgba(8,12,24,.95);overflow:auto;
}
.wr-tile{
  min-width:84px;padding:10px 8px;border-radius:14px;text-align:center;
  background:linear-gradient(165deg,#141c36,#090e1c);border:1px solid var(--wr-line);
}
.wr-tile b{
  display:block;font-family:Orbitron,sans-serif;font-size:clamp(1.1rem,2.4vw,1.55rem);line-height:1;
  color:var(--wr-cyan);text-shadow:0 0 18px rgba(34,211,238,.45);margin:0 0 6px;font-weight:700;
}
.wr-tile span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wr-muted);font-weight:700}

/* Sheets / drawers */
#wrReceipt,#wrSheet,#wrWhoSheet,.drawer{
  position:fixed;inset:0;z-index:1200;display:none;align-items:flex-end;justify-content:center;
  background:rgba(0,0,0,.55);padding:12px;
}
#wrReceipt.sheet-on,#wrSheet.sheet-on,#wrWhoSheet.sheet-on,.drawer.sheet-on,
#wrReceipt[aria-hidden="false"],#wrSheet[aria-hidden="false"],#wrWhoSheet[aria-hidden="false"],.drawer[aria-hidden="false"]{display:flex}
.wr-sheet,.match-sheet{
  width:min(560px,100%);max-height:min(80dvh,720px);overflow:auto;
  border-radius:18px 18px 14px 14px;border:1px solid var(--wr-line);
  background:#0c1424;padding:14px;box-shadow:0 -12px 40px rgba(0,0,0,.45);
}
#wrGear{
  position:fixed;inset:0;z-index:1100;display:none;padding:16px;overflow:auto;
  background:rgba(4,6,15,.96);
}
#wrGear.sheet-on,#wrGear[aria-hidden="false"],body.hud-shell #wrGear{display:block}
.gear-in{max-width:1100px;margin:0 auto}
.hud-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.hud-tabs a{
  min-height:36px;padding:8px 10px;border-radius:10px;border:1px solid var(--wr-line);
  text-decoration:none;color:var(--wr-muted);font-weight:800;font-size:11px;letter-spacing:.06em;
}
.hud-tabs a.on,body.hud-tab-campaign .hud-tabs [data-hud="campaign"],
body.hud-tab-page .hud-tabs [data-hud="page"],body.hud-tab-leads .hud-tabs [data-hud="leads"],
body.hud-tab-closers .hud-tabs [data-hud="closers"],body.hud-tab-matches .hud-tabs [data-hud="matches"],
body.hud-tab-funnel .hud-tabs [data-hud="funnel"],body.hud-tab-hours .hud-tabs [data-hud="hours"],
body.hud-tab-settings .hud-tabs [data-hud="settings"]{color:var(--wr-gold);border-color:rgba(197,161,90,.5)}
.hud-panel{display:none;padding:8px 0}
body.hud-tab-campaign #hud-campaign,body.hud-tab-page #hud-page,body.hud-tab-leads #hud-leads,
body.hud-tab-closers #hud-closers,body.hud-tab-matches #hud-matches,body.hud-tab-funnel #hud-funnel,
body.hud-tab-hours #hud-hours,body.hud-tab-settings #hud-settings{display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 12px;border-radius:12px;border:1px solid var(--wr-line);background:rgba(255,255,255,.03);color:var(--wr-text);font-weight:800;cursor:pointer}
.btn-sm{min-height:34px;font-size:12px}
.awards,.roster{display:flex;gap:8px;flex-wrap:wrap}
.mx-map{border-radius:14px;border:1px solid var(--wr-line);overflow:hidden;margin:0 0 10px}

/* Mobile: stack rail as horizontal tabs, hide inbox under map toggle */
@media (max-width:900px){
  :root{--wr-rail:0px;--wr-inbox:0px;--wr-tiles:78px;--wr-top:auto}
  body.lgn-war-room{overflow:auto}
  #wrApp{
    height:auto;min-height:100dvh;
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto minmax(52vh,1fr) auto auto;
    grid-template-areas:"top" "tape" "rail" "map" "inbox" "tiles";
    overflow:visible;
  }
  #wrTop{flex-wrap:wrap;row-gap:8px}
  #wrRail{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--wr-line);padding:8px}
  .wr-nav{min-width:118px;min-height:52px}
  #wrMapWrap{border-right:0;min-height:52vh}
  #wrInbox{max-height:42vh;border-top:1px solid var(--wr-line)}
  #wrHistBar{left:8px;right:8px;bottom:8px}
  #wrTiles{grid-auto-columns:minmax(76px,1fr)}
}


/* Field Analytics verify map — 20260915verify2 */
#wrMapWrap,#warMap{
  isolation:isolate;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
}
#wrVerifyChip,.wr-verify-chip{
  position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:6;
  max-width:min(420px,92%);padding:8px 12px;border-radius:999px;
  background:rgba(8,12,24,.92);border:1px solid rgba(34,211,238,.45);
  color:var(--wr-cyan);font-weight:800;font-size:12px;letter-spacing:.02em;
  pointer-events:none;white-space:nowrap;
}
#wrHomeSheet.wr-home-sheet,#wrReceipt,#wrSheet,#wrWhoSheet,.drawer{
  position:fixed;inset:0;z-index:1200;display:none;align-items:flex-end;justify-content:center;
  background:rgba(0,0,0,.55);padding:12px;
}
#wrHomeSheet.on,#wrHomeSheet[aria-hidden="false"],
#wrReceipt.on,#wrSheet.on,#wrWhoSheet.on,.drawer.on,
#wrReceipt.sheet-on,#wrSheet.sheet-on,#wrWhoSheet.sheet-on,.drawer.sheet-on,
#wrReceipt[aria-hidden="false"],#wrSheet[aria-hidden="false"],#wrWhoSheet[aria-hidden="false"],.drawer[aria-hidden="false"]{display:flex}
#wrHomeSheet .wr-home-panel{width:min(520px,100%);max-height:min(86dvh,760px)}
.wr-home-kicker{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--wr-gold);font-weight:900;margin:8px 0 4px}
.wr-home-note{margin:0 0 10px;font-size:12px;color:var(--wr-muted);font-weight:700}
#wrHomeSheetBody h2{margin:0 0 12px;font-size:1.15rem;line-height:1.25}
.wr-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}
.wr-home-grid div{padding:10px;border-radius:12px;border:1px solid var(--wr-line);background:rgba(255,255,255,.03)}
.wr-home-grid span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--wr-muted);font-weight:800;margin:0 0 4px}
.wr-home-grid b{font-size:13px;font-weight:800;word-break:break-word}
.wr-home-grid b.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.wr-pay-verify{
  margin:0 0 12px;padding:12px;border-radius:14px;
  border:1px solid rgba(197,161,90,.45);background:rgba(197,161,90,.1);
}
.wr-pay-verify h3,.wr-home-radar h3{margin:0 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--wr-gold)}
.wr-pay-verify p{margin:0 0 6px;font-size:13px;line-height:1.35}
.wr-home-radar{padding:12px;border-radius:14px;border:1px solid var(--wr-line);background:rgba(12,18,36,.9)}
@media (max-width:600px){
  .wr-home-grid{grid-template-columns:1fr}
  #wrVerifyChip{font-size:11px;padding:7px 10px}
}