/* Google Fonts CDN — JetBrains Mono for terminal readability */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');

/* ══════════════════════════════════════════════════════════════
   MASTERBLOX INTELLIGENCE TERMINAL
   Military C2 Tactical Display — Gray Structure / Amber Accent
   90% gray structure · 10% amber data highlights
   ══════════════════════════════════════════════════════════════ */

:root{
  /* Amber — ACCENT ONLY (active data, alerts, highlights) */
  --amber:#F59E0B;
  --amber-bright:#FBBF24;
  --amber-dim:#B45309;
  --amber-glow:rgba(245,158,11,0.3);
  --amber-subtle:rgba(245,158,11,0.06);
  /* Gray — STRUCTURE (panels, borders, labels, tracks, inactive) */
  --gray-100:#888888;
  --gray-200:#666666;
  --gray-300:#555555;
  --gray-400:#3a3a3a;
  --gray-500:#2a2a2a;
  --gray-600:#222222;
  --gray-700:#1a1a1a;
  --gray-800:#161616;
  --gray-900:#111111;
  --gray-950:#0d0d0d;
  /* Surfaces */
  --bg-base:#080808;
  --bg-panel:#111111;
  --bg-panel-header:#1a1a1a;
  --bg-panel-body:#0d0d0d;
  --bg-elevated:#1e1e1e;
  /* Text */
  --text-1:#F59E0B;
  --text-2:#c0c0c0;
  --text-3:#666666;
  /* Borders — GRAY not amber */
  --border:#2a2a2a;
  --border-light:rgba(255,255,255,0.06);
  --border-strong:#3a3a3a;
  /* Track colors */
  --track:#1e1e1e;
  --track-border:#2a2a2a;
  --mono:'JetBrains Mono','Courier New',monospace;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
::selection{background:rgba(245,158,11,0.25);color:var(--amber-bright);}
html,body{height:100%;overflow:hidden;}
body{
  font-family:var(--mono);font-size:14px;color:var(--text-2);
  background:var(--bg-base);text-transform:uppercase;letter-spacing:0.08em;
  -webkit-font-smoothing:antialiased;
}

/* ══ FOCUS ══ */
:focus-visible{outline:2px solid var(--amber);outline-offset:2px;}
:focus:not(:focus-visible){outline:none;}

/* ══ DIAGONAL STRIPE TEXTURE — purely decorative, ALWAYS behind content ══ */
body::before{
  content:'';position:fixed;top:0;left:0;width:100%;height:100%;
  z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,0.015) 10px,rgba(255,255,255,0.015) 20px);
  animation:stripeFadeIn 2.5s cubic-bezier(0.25,1,0.5,1) 0.3s both;
}
@keyframes stripeFadeIn{from{opacity:0;}to{opacity:1;}}

/* ══ SCAN LINES — decorative overlay, z-index:0, never blocks content ══ */
.scanlines{
  position:fixed;top:0;left:0;width:100%;height:100%;
  z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,0.18) 3px,rgba(0,0,0,0.18) 4px);
}
body.no-scanlines .scanlines{display:none;}

/* CRT Vignette — removed for cleaner production look */

/* ══ TERMINAL — z-index:1, ALL content above decorative layers ══ */
/* Defense in depth: terminal invisible until auth sets data-role on body */
body:not([data-role]) .terminal{visibility:hidden;pointer-events:none;}
.terminal{
  position:relative;z-index:1;display:flex;flex-direction:column;
  height:100vh;width:100%;
  border:1px solid var(--border);
}
.terminal::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(255,255,255,0.01) 49px,rgba(255,255,255,0.01) 50px),
    repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(255,255,255,0.01) 49px,rgba(255,255,255,0.01) 50px);
}

/* ══ TOP BAR ══ */
.topbar{
  display:flex;align-items:center;justify-content:space-between;
  padding:7px 16px;border-bottom:1px solid var(--border);
  background:var(--bg-panel);flex-shrink:0;
  position:relative;z-index:1;
  flex-wrap:nowrap;overflow:hidden;
}
.topbar-l{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0;}
.topbar-r{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0;}
.topbar-c{
  font-family:var(--mono);font-size:11px;font-weight:700;color:var(--gray-100);
  letter-spacing:0.22em;text-shadow:0 0 20px rgba(255,255,255,0.03);
  flex:1;text-align:center;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  padding:0 12px;
}
.topbar-c .topbar-dim{font-size:9px;}
.agent-badge{
  padding:3px 10px;border:1px solid var(--amber);color:var(--amber);
  font-size:9px;font-weight:700;letter-spacing:0.15em;
  background:rgba(245,158,11,0.06);
  animation:badgeGlow 3s ease-in-out infinite;
}
@keyframes badgeGlow{0%,100%{box-shadow:0 0 4px rgba(245,158,11,0.1);}50%{box-shadow:0 0 8px var(--amber-glow);}}
.topbar-dim{font-size:10px;color:var(--amber);letter-spacing:0.1em;font-weight:500;}
.clock{font-size:11px;color:var(--amber);letter-spacing:0.08em;}
.topbar-power{background:none;border:1px solid var(--gray-400);color:var(--gray-300);font-size:14px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.15s;padding:0;line-height:1;}
.topbar-power:hover{color:#FF4444;border-color:#FF4444;box-shadow:0 0 8px rgba(255,68,68,0.3);}
.sys-lights{display:flex;align-items:center;gap:6px;}
.sys-dot{width:7px;height:7px;border-radius:50%;background:var(--gray-400);}
.sys-dot.on{background:var(--amber);box-shadow:0 0 6px var(--amber-glow);animation:dotPulse 2.5s ease-in-out infinite;}
@keyframes dotPulse{0%,100%{box-shadow:0 0 6px var(--amber-glow);}50%{box-shadow:0 0 2px rgba(245,158,11,0.1);}}
.sys-tag{font-size:9px;color:var(--gray-300);letter-spacing:0.1em;margin-right:4px;}

/* ══ GRID — Balanced 3-Column ══ */
.grid{
  display:grid;
  grid-template-columns:300px 1fr 300px;
  gap:10px;
  flex:1;
  overflow:hidden;
  padding:6px;
  position:relative;z-index:1;
  min-height:0;
}
.col{
  display:flex;flex-direction:column;gap:6px;
  overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0;
  overscroll-behavior:contain;
  scroll-padding-bottom:8px;
  scroll-behavior:smooth;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;
}
.col::-webkit-scrollbar{width:5px;}
.col::-webkit-scrollbar-track{background:transparent;}
.col::-webkit-scrollbar-thumb{background:var(--amber-dim);border-radius:2px;}
.col::-webkit-scrollbar-thumb:hover{background:var(--amber);}
.col-l .panel{flex:0 0 auto;}
.col-c .panel{flex:0 0 auto;width:100%;min-width:0;}
.col-c .node-panel{flex:1 1 0;min-height:200px;}
.col-r .panel{flex:0 0 auto;}
.col-r .feed-panel{flex:1 1 0;min-height:80px;}

/* ══ PANEL — gray borders, corner brackets ══ */
.panel{
  position:relative;z-index:1;background:var(--bg-panel);
  border:1px solid rgba(255,165,0,0.15);padding:12px;flex-shrink:0;
  contain:layout style;
  box-shadow:0 0 10px rgba(255,165,0,0.05);
}
/* Corner brackets — GRAY */
.panel::before,.panel::after{
  content:'';position:absolute;width:18px;height:18px;
  border-color:var(--gray-400);border-style:solid;pointer-events:none;opacity:0.85;
  transition:border-color 0.3s ease;
}
.panel::before{top:-1px;left:-1px;border-width:1px 0 0 1px;}
.panel::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0;}
.panel-bordered{border-color:var(--border);}
.panel-accent{border-left:2px solid var(--gray-400);}
.panel-subtle{border-color:var(--border-light);}
.panel-subtle::before,.panel-subtle::after{display:none;}

/* Dual-tone panel: lighter header bar */
.panel-dual{background:var(--bg-panel-body);}
.panel-dual .p-label{background:var(--bg-panel-header);margin:-12px -12px 10px;padding:8px 12px;border-bottom:1px solid var(--border);}

/* Panel hover — subtle bracket highlight + amber glow */
.panel:hover{box-shadow:0 0 10px rgba(255,165,0,0.1);}
.panel:hover::before,.panel:hover::after{border-color:var(--gray-300);}

.p-label{
  font-size:13px;font-weight:700;color:var(--gray-100);
  letter-spacing:0.18em;margin-bottom:8px;padding-bottom:5px;
  border-bottom:1px solid var(--border);
}
.p-sub{color:var(--gray-300);font-weight:400;margin-left:8px;font-size:9px;}
.p-coord{color:var(--gray-400);font-weight:400;font-size:9px;margin-left:auto;float:right;letter-spacing:0.08em;}
.p-label-hero{font-size:14px;letter-spacing:0.25em;border-bottom:2px solid var(--gray-400);padding-bottom:6px;}

/* per-panel export button */
.panel-export-btn{display:none;position:absolute;top:5px;right:5px;z-index:2;font-family:var(--mono);font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);background:transparent;border:1px solid var(--gray-400);padding:2px 6px;cursor:pointer;transition:border-color .2s,box-shadow .2s,opacity .15s}
.panel-export-btn:hover{border-color:var(--amber);box-shadow:0 0 6px rgba(245,158,11,0.3)}
.panel:hover .panel-export-btn{display:block}

/* ══ CROSSHAIR MARKERS — gray ══ */
.panel-xhair{position:relative;}
.panel-xhair .xhair-tl,.panel-xhair .xhair-br{position:absolute;width:22px;height:22px;pointer-events:none;}
.panel-xhair .xhair-tl{top:4px;left:4px;}
.panel-xhair .xhair-br{bottom:4px;right:4px;}
.panel-xhair .xhair-tl::before,.panel-xhair .xhair-tl::after,
.panel-xhair .xhair-br::before,.panel-xhair .xhair-br::after{content:'';position:absolute;background:var(--gray-400);}
.panel-xhair .xhair-tl::before{width:12px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%);}
.panel-xhair .xhair-tl::after{width:1px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%);}
.panel-xhair .xhair-br::before{width:12px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%);}
.panel-xhair .xhair-br::after{width:1px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%);}

/* ══ DONUT GAUGES — gray track, amber fill ══ */
.donut-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.donut-wrap{text-align:center;position:relative;}
.donut-svg{width:76px;height:76px;transform:rotate(-90deg);}
.donut-track{fill:none;stroke:var(--gray-600);stroke-width:5;}
.donut-fill{
  fill:none;stroke:var(--amber);stroke-width:5;stroke-linecap:round;
  stroke-dasharray:188.5;stroke-dashoffset:188.5;
  transition:stroke-dashoffset 1.5s cubic-bezier(0.4,0,0.2,1);
  filter:url(#glow-amber);
}
.donut-val{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-56%);
  font-size:13px;font-weight:700;color:var(--amber);
}
.donut-lbl{font-size:10px;color:var(--gray-300);letter-spacing:0.12em;margin-top:3px;}

/* ══ KEY-VALUE CARDS — gray borders ══ */
.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;}
.kv-card{
  display:flex;flex-direction:column;padding:7px 9px;
  border:1px solid var(--border-light);background:rgba(255,255,255,0.01);
}
.kv-k{font-size:10px;color:var(--gray-300);letter-spacing:0.12em;margin-bottom:2px;}
.kv-v{font-size:13px;font-weight:700;color:var(--amber);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kv-v.accent{color:var(--amber-bright);}
.kv-v.warn{color:var(--amber-bright);text-shadow:0 0 6px var(--amber-glow);}
.kv-v.danger{color:var(--amber-bright);text-shadow:0 0 10px var(--amber-glow);animation:dangerPulse 1.8s ease-in-out infinite;}
@keyframes dangerPulse{0%,100%{opacity:1;text-shadow:0 0 10px var(--amber-glow);}50%{opacity:0.5;text-shadow:0 0 4px rgba(245,158,11,0.1);}}

/* ══ FUNDAMENTALS — MILITARY BOX GRID ══ */
.fund-panel{background:#0A0A0A;border:1px solid var(--gray-700);padding:0;position:relative;flex-grow:1;}
.fund-panel::before,.fund-panel::after,
.fund-panel .fund-header::before,.fund-panel .fund-header::after{content:'';position:absolute;width:10px;height:10px;pointer-events:none;z-index:2;}
.fund-panel::before{top:-1px;left:-1px;border-top:1.5px solid var(--gray-700);border-left:1.5px solid var(--gray-700);}
.fund-panel::after{top:-1px;right:-1px;border-top:1.5px solid var(--gray-700);border-right:1.5px solid var(--gray-700);}
.fund-panel .fund-header::before{bottom:-1px;left:-1px;top:auto;border-bottom:1.5px solid var(--gray-700);border-left:1.5px solid var(--gray-700);}
.fund-panel .fund-header::after{bottom:-1px;right:-1px;top:auto;border-bottom:1.5px solid var(--gray-700);border-right:1.5px solid var(--gray-700);}
.fund-header{padding:8px 12px;border-bottom:1px solid #1C1C1C;background:#080808;position:relative;}
.fund-title{font-family:'Share Tech Mono',monospace;font-size:10px;color:#F59E0B;letter-spacing:3px;text-transform:uppercase;}
.fund-subtitle{font-family:'Share Tech Mono',monospace;font-size:7px;color:#2a2a2a;letter-spacing:2px;margin-top:2px;text-transform:uppercase;}
.fund-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1C1C1C;}
.fund-box{background:#111111;padding:8px 10px;position:relative;transition:background 0.15s ease;}
.fund-box:hover{background:#161616;}
.fund-box-label{font-family:'Share Tech Mono',monospace;font-size:7px;letter-spacing:2px;color:#3a3a3a;text-transform:uppercase;margin-bottom:4px;}
.fund-box-value{font-family:'Share Tech Mono',monospace;font-size:13px;letter-spacing:0.5px;white-space:nowrap;}
.fund-box-value.live-pos{color:#FFFFFF;}
.fund-box-value.live-neg{color:#FF4444;}
.fund-box-value.static{color:#555555;}
.fund-box-value.ghost{color:#252525;}
.fund-box-badge{position:absolute;top:8px;right:8px;font-family:'Share Tech Mono',monospace;font-size:7px;letter-spacing:1px;background:transparent;}
.fund-box-badge.pos{color:#FFFFFF;}
.fund-box-badge.neg{color:#FF4444;}

/* ══ BIRDSEYE TAB ══ */
.birdseye-container{display:flex;gap:12px;height:100%;width:100%;}
.birdseye-half{flex:1;border:1px solid #1C1C1C;background:#080808;padding:12px;height:100%;overflow-y:auto;}
.birdseye-half .p-label{font-size:9px;color:var(--amber);letter-spacing:0.12em;border-bottom:1px solid var(--border-light);padding-bottom:6px;margin-bottom:8px;}
.birdseye-half .p-sub{font-size:7px;color:#666;letter-spacing:0.08em;}

/* ══ MIS GALAXY SCORE — gray track ══ */
.scale-wrap{padding:4px 0;}
.scale-track{position:relative;height:8px;background:var(--track);border:1px solid var(--track-border);}
.scale-fill{height:100%;background:linear-gradient(90deg,var(--amber-dim),var(--amber),var(--amber-bright));transition:width 1.5s ease;}
.scale-marker{position:absolute;top:-4px;width:2px;height:16px;background:var(--amber-bright);box-shadow:0 0 6px var(--amber-glow);transition:left 1.5s ease;animation:markerPulse 3s ease-in-out 2s infinite;}
@keyframes markerPulse{0%,100%{box-shadow:0 0 6px var(--amber-glow);}50%{box-shadow:0 0 12px var(--amber-glow),0 0 4px var(--amber);}}
.scale-ends{display:flex;justify-content:space-between;font-size:11px;color:var(--gray-300);margin-top:3px;}
.scale-num{color:var(--amber);font-weight:700;font-size:12px;}
.scale-ticks{display:flex;justify-content:space-between;font-size:9px;color:var(--gray-400);margin-top:1px;}

/* ══ PROGRESS BARS — gray track ══ */
.progress-list{display:flex;flex-direction:column;gap:5px;}
.progress-hdr{display:flex;justify-content:space-between;font-size:12px;margin-bottom:3px;}
.progress-name{color:var(--gray-200);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px;}
.progress-ct{color:var(--amber);font-weight:700;}
.progress-track{height:5px;background:var(--track);border:1px solid var(--track-border);}
.progress-fill{height:100%;background:var(--amber);animation:progFill 1s cubic-bezier(0.25,1,0.5,1) both;position:relative;overflow:hidden;}
.progress-fill::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);
  background-size:200% 100%;animation:barShimmer 4s ease-in-out 1.5s infinite;
}
@keyframes progFill{from{width:0 !important;}}
.progress-fill.full{background:var(--amber-bright);}

/* ══ HERO RING GAUGE — gray track, amber fill ══ */
.hero-panel{padding:16px 18px;background:var(--bg-panel-body);border:1px solid var(--border-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,0.02),inset 0 0 40px rgba(245,158,11,0.015);}
.hero-row{display:flex;align-items:center;gap:24px;}
.ring-wrap{position:relative;display:inline-block;flex-shrink:0;cursor:pointer;transition:filter 0.2s;}
.ring-wrap:hover{filter:brightness(1.1);}
.ring-wrap svg{width:180px;height:180px;}
.hero-stats{flex:1;display:flex;flex-direction:column;gap:6px;}
.hero-stat-row{display:flex;align-items:center;gap:8px;font-size:12px;}
.hero-stat-label{width:60px;color:var(--gray-200);letter-spacing:0.1em;font-weight:700;}
.hero-stat-bar{flex:1;height:8px;background:var(--track);border:1px solid var(--track-border);position:relative;}
.hero-stat-fill{height:100%;background:var(--amber);animation:statBarFill 1.2s cubic-bezier(0.25,1,0.5,1) both;transform-origin:left;}
.hero-stat-row:nth-child(1) .hero-stat-fill{animation-delay:0.4s;background:var(--amber-bright);}
.hero-stat-row:nth-child(2) .hero-stat-fill{animation-delay:0.55s;background:var(--amber);}
.hero-stat-row:nth-child(3) .hero-stat-fill{animation-delay:0.7s;background:var(--amber-dim);}
.hero-stat-row:nth-child(4) .hero-stat-fill{animation-delay:0.85s;background:rgba(245,158,11,0.4);}
@keyframes statBarFill{from{width:0 !important;}}
.hero-stat-ct{width:24px;text-align:right;font-weight:700;color:var(--amber);}
.hero-trend{font-size:12px;color:var(--gray-200);letter-spacing:0.1em;margin-top:4px;padding-top:6px;border-top:1px solid var(--border);}
.hero-trend .up{color:var(--amber-bright);}
.hero-trend .down{color:var(--amber-dim);}
.ring-track{fill:none;stroke:var(--gray-600);stroke-width:7;}
.ring-fill{
  fill:none;stroke:var(--amber);stroke-width:7;stroke-linecap:round;
  stroke-dasharray:553;stroke-dashoffset:553;
  transition:stroke-dashoffset 2s cubic-bezier(0.4,0,0.2,1);
  filter:url(#glow-amber);transform-origin:center;transform:rotate(-90deg);
}
.ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;}
.ring-num{font-size:56px;font-weight:700;color:var(--amber);text-shadow:0 0 30px var(--amber-glow),0 0 60px rgba(245,158,11,0.12);line-height:1;}
.ring-unit{font-size:9px;color:var(--gray-300);letter-spacing:0.12em;}

/* ══ NODE DIAGRAM — animated network map ══ */
.node-panel{flex:1;min-height:200px;display:flex;flex-direction:column;position:relative;overflow:hidden;}
.node-svg{width:100%;flex:1;min-height:200px;}
/* Links — category links solid, proximity dashed, hot links amber */
.node-line{stroke:var(--gray-500);stroke-width:0.8;stroke-dasharray:4 3;transition:stroke-opacity 0.3s;}
.node-line.cat-link{stroke-dasharray:6 4;stroke-width:0.6;stroke:var(--gray-400);}
.node-line.hot{stroke:var(--amber);stroke-width:1.5;stroke-dasharray:none;filter:url(#glow-amber);}
/* Nodes */
.node-circle{fill:var(--bg-base);stroke:var(--gray-400);stroke-width:1.5;}
.node-circle{animation:nodeWeightPulse 4s ease-in-out infinite;}
.node-circle.hot{stroke:var(--amber-bright);stroke-width:3;filter:url(#glow-amber-strong);animation:nodeBreathe 3s ease-in-out infinite;}
@keyframes nodeWeightPulse{0%,100%{stroke-opacity:1;transform:scale(1);}50%{stroke-opacity:0.6;transform:scale(0.95);}}
/* Pulse ring around hot node */
.node-ring-pulse{fill:none;stroke:var(--amber);stroke-width:1;opacity:0;animation:ringPulse 2.5s ease-out infinite;}
@keyframes ringPulse{0%{r:20;opacity:0.5;stroke-width:2;}100%{r:45;opacity:0;stroke-width:0.3;}}
@keyframes nodeBreathe{0%,100%{stroke-opacity:1;}50%{stroke-opacity:0.5;}}
/* Data flow particles along hot links */
.node-particle{fill:var(--amber-bright);opacity:0.8;filter:url(#glow-amber);}
/* Labels */
.node-label{fill:var(--gray-100);font-family:var(--mono);font-size:6.5px;text-anchor:middle;letter-spacing:0.06em;}
.node-label.hot{fill:var(--amber);}
.node-score{fill:var(--amber);font-family:var(--mono);font-size:7px;text-anchor:middle;}

/* ══ LIVE FEED — gray borders ══ */
.feed-panel{min-height:80px;display:flex;flex-direction:column;overflow:hidden;}
.feed-scroll{flex:1;overflow-y:auto;min-height:30px;}
.feed-entry{padding:6px 4px;border-bottom:1px solid var(--border-light);font-size:12px;line-height:1.5;display:flex;align-items:baseline;min-width:0;min-height:32px;cursor:pointer;transition:background 0.15s;}
.feed-entry:hover{background:rgba(245,158,11,0.04);}
.feed-entry:nth-child(-n+3){animation:feedIn 0.3s ease;}
.feed-time{color:var(--gray-400);margin-right:6px;flex-shrink:0;font-size:11px;}
.feed-type{font-weight:700;margin-right:6px;color:var(--amber);flex-shrink:0;}
.feed-type.danger{color:var(--amber-bright);}
.feed-type.warning{color:var(--amber);}
.feed-type.system{color:var(--gray-300);}
.feed-type.info{color:var(--gray-300);}
.feed-text{color:var(--gray-200);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;}
@keyframes feedIn{from{opacity:0;transform:translateY(-3px);}to{opacity:1;transform:translateY(0);}}

/* ══ PENDING RESPONSES — gray borders ══ */
.pending-list{display:flex;flex-direction:column;gap:3px;min-height:32px;}
.pending-item{
  display:flex;align-items:center;gap:6px;padding:8px 10px;
  border:1px solid var(--border-light);background:rgba(255,255,255,0.01);
  font-size:12px;min-height:32px;cursor:pointer;transition:all 0.15s;position:relative;
}
.pending-item::after{
  content:'▸';position:absolute;right:6px;top:50%;transform:translateY(-50%);
  color:var(--gray-400);font-size:8px;opacity:0;transition:opacity 0.15s;
}
.pending-item:hover,.pending-item:focus-visible{border-color:var(--amber);background:rgba(245,158,11,0.04);}
.pending-item:hover::after,.pending-item:focus-visible::after{opacity:1;color:var(--amber);}
.p-badge{font-size:10px;font-weight:700;letter-spacing:0.08em;padding:3px 7px;flex-shrink:0;}
.p-badge.high{color:var(--amber-bright);border:1px solid rgba(245,158,11,0.4);}
.p-badge.medium{color:var(--amber);border:1px solid var(--gray-500);}
.p-badge.low{color:var(--gray-300);border:1px solid var(--gray-600);}
.p-handle{color:var(--amber);flex-shrink:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.p-cat{color:var(--gray-300);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.p-time{color:var(--gray-400);flex-shrink:0;font-size:11px;}

/* ══ VIEW PANELS ══ */
.view-panel{display:none;flex:1;overflow:hidden;}
.view-panel.active{display:contents;}
.view-panel.active.view-shell{display:flex;}
.view-placeholder{
  flex:1;display:flex;align-items:center;justify-content:center;
  min-height:0;overflow:hidden;
}
.view-placeholder-text{
  font-family:var(--mono);font-size:16px;font-weight:700;
  color:var(--amber);letter-spacing:0.3em;text-align:center;
  text-shadow:0 0 20px rgba(245,158,11,0.2);
}

/* ══ TOPBAR ACTIONS ══ */
.topbar-actions{display:flex;gap:4px;align-items:center;}
.ctrl-compact{padding:4px 8px;font-size:9px;letter-spacing:0.08em;}
.ctrl-compact.ctrl-primary{padding:4px 10px;font-size:9px;}
.topbar-action-btn{
  font-family:var(--mono);font-size:8px;font-weight:700;
  padding:3px 8px;background:transparent;border:1px solid var(--border);
  color:var(--gray-300);cursor:pointer;letter-spacing:0.08em;text-transform:uppercase;transition:all 0.15s;
}
.topbar-action-btn:hover{background:rgba(255,255,255,0.04);border-color:var(--gray-300);color:var(--amber);}
.topbar-dropdown{position:relative;}
.topbar-dropdown-menu{
  display:none;position:absolute;top:100%;right:0;margin-top:4px;
  background:var(--bg-panel);border:1px solid var(--border);
  min-width:140px;z-index:100;
  box-shadow:0 4px 16px rgba(0,0,0,0.4);
}
.topbar-dropdown.open .topbar-dropdown-menu{display:block;}
.topbar-dropdown-item{
  display:block;width:100%;font-family:var(--mono);font-size:8px;font-weight:700;
  padding:8px 12px;background:transparent;border:none;
  color:var(--gray-200);cursor:pointer;letter-spacing:0.08em;text-transform:uppercase;
  text-align:left;transition:all 0.12s;
}
.topbar-dropdown-item:hover{background:rgba(245,158,11,0.08);color:var(--amber);}

/* ══ BOTTOM NAV BAR ══ */
.bottombar{
  display:flex;align-items:center;justify-content:space-between;
  padding:0 16px 0 0;border-top:1px solid var(--border);
  background:var(--bg-panel);flex-shrink:0;
  box-shadow:0 -1px 0 rgba(255,255,255,0.02);
  position:relative;z-index:1;
}
.nav-tabs{display:flex;align-items:stretch;gap:0;}
.nav-tab{
  font-family:var(--mono);font-size:11px;font-weight:700;
  padding:10px 24px;background:transparent;border:none;
  color:var(--gray-400);cursor:pointer;letter-spacing:0.14em;text-transform:uppercase;
  transition:all 0.15s;position:relative;
  display:flex;align-items:center;gap:6px;
  border-bottom:2px solid transparent;
}
.nav-tab:hover{color:var(--gray-100);background:rgba(255,255,255,0.02);}
.nav-tab--active{
  color:var(--amber);border-bottom-color:var(--amber);
  background:rgba(245,158,11,0.04);
  text-shadow:0 0 12px rgba(245,158,11,0.15);
}
.nav-tab--active .nav-tab-icon{
  filter:drop-shadow(0 0 4px var(--amber-glow));
}
.nav-tab-icon{font-size:12px;line-height:1;}
.nav-tab-label{line-height:1;}
.bot-c{font-size:9px;color:var(--gray-300);letter-spacing:0.1em;}
.bot-r{font-size:9px;color:var(--gray-400);letter-spacing:0.12em;overflow:visible;}

/* ══ VIEW CONTAINERS ══ */
.view{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;}
.view:not(.view--active){display:none;}
.view-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:8px 16px;border-bottom:1px solid var(--border);
  background:var(--bg-panel);flex-shrink:0;
}
.view-title{
  font-family:var(--mono);font-size:12px;font-weight:700;
  color:var(--amber);letter-spacing:0.18em;
}
.view-actions{display:flex;gap:6px;align-items:center;}
.view-body{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:2px;}
.view-placeholder{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  height:100%;min-height:300px;gap:12px;
}
.view-placeholder-icon{font-size:48px;color:var(--gray-500);opacity:0.3;}
.view-placeholder-title{
  font-family:var(--mono);font-size:14px;font-weight:700;
  color:var(--gray-300);letter-spacing:0.2em;
}
.view-placeholder-sub{
  font-family:var(--mono);font-size:10px;
  color:var(--gray-400);letter-spacing:0.1em;text-align:center;
}
.view-placeholder-status{
  font-family:var(--mono);font-size:9px;
  color:var(--amber);letter-spacing:0.15em;
  animation:badgeGlow 3s ease-in-out infinite;
  margin-top:8px;
}

/* ══ CTRL BUTTONS (shared) ══ */
.ctrl-btn{
  font-family:var(--mono);font-size:9px;font-weight:700;
  padding:7px 14px;background:transparent;border:1px solid var(--gray-500);
  color:var(--gray-100);cursor:pointer;letter-spacing:0.1em;text-transform:uppercase;transition:all 0.15s;
}
.ctrl-btn:hover{background:rgba(255,255,255,0.04);border-color:var(--gray-300);color:var(--amber);}
.ctrl-primary{
  background:rgba(245,158,11,0.1);border-color:var(--amber);color:var(--amber);
  padding:8px 22px;font-size:10px;letter-spacing:0.14em;
}
.ctrl-primary:hover{background:rgba(245,158,11,0.18);box-shadow:0 0 12px rgba(245,158,11,0.1);}
.ctrl-btn:active{transform:scale(0.96);transition-duration:0.05s;}
.ctrl-primary:active{transform:scale(0.96);box-shadow:0 0 6px var(--amber-glow);}

/* ══ MODALS — gray structure ══ */
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.2s cubic-bezier(0.25,1,0.5,1);}
.modal-overlay.open{opacity:1;pointer-events:auto;}
.modal-overlay .modal{transform:translateY(8px) scale(0.97);transition:transform 0.25s cubic-bezier(0.25,1,0.5,1);}
.modal-overlay.open .modal{transform:translateY(0) scale(1);}
.modal{
  background:var(--bg-panel);border:1px solid var(--border);padding:18px;
  width:360px;max-height:85vh;overflow-y:auto;position:relative;
}
.modal-lg{width:480px;}
.modal::before,.modal::after{content:'';position:absolute;width:20px;height:20px;border-color:var(--gray-400);border-style:solid;pointer-events:none;opacity:0.7;}
.modal::before{top:-1px;left:-1px;border-width:1px 0 0 1px;}
.modal::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0;}
.modal-x{
  position:absolute;top:4px;right:6px;background:none;border:none;
  color:var(--gray-300);font-size:16px;cursor:pointer;font-family:var(--mono);
  width:28px;height:28px;display:flex;align-items:center;justify-content:center;
  transition:color 0.15s,background 0.15s;border-radius:2px;
}
.modal-x:hover{color:var(--amber);background:rgba(245,158,11,0.08);}
.modal-loading{display:flex;align-items:center;justify-content:center;min-height:80px;}
.modal-loading .loading{padding:20px 0;}

/* ══ FORMS — gray borders ══ */
.f-row{margin-bottom:8px;}
.f-row label{display:block;font-size:10px;font-weight:700;color:var(--gray-100);letter-spacing:0.15em;margin-bottom:3px;}
.f-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.field{
  width:100%;padding:6px 8px;font-family:var(--mono);font-size:10px;
  background:var(--bg-base);border:1px solid var(--border);color:var(--text-2);
  text-transform:uppercase;letter-spacing:0.05em;transition:border-color 0.15s,box-shadow 0.15s;
}
.field:focus{outline:none;border-color:var(--amber);box-shadow:0 0 6px rgba(245,158,11,0.12);}
.field::placeholder{color:var(--gray-400);}
select.field{
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888888' stroke-width='1.2' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 7px center;background-size:9px;padding-right:22px;
}
textarea.field{resize:vertical;min-height:44px;}
input[type="date"].field{color-scheme:dark;}
.field[readonly]{background:var(--gray-900);color:var(--gray-300);border-style:dashed;cursor:not-allowed;}
.field.field-error{border-color:var(--amber-bright) !important;box-shadow:0 0 6px rgba(245,158,11,0.2);}
.f-error{font-size:7px;color:var(--amber-bright);letter-spacing:0.08em;margin-top:2px;min-height:0;overflow:hidden;max-height:0;transition:max-height 0.2s ease,margin 0.2s ease;}
.f-error.show{max-height:20px;margin-top:3px;}
.f-row label .req{color:var(--amber);margin-left:2px;}
.submit-btn{
  width:100%;margin-top:8px;padding:9px;font-size:10px;letter-spacing:0.14em;
  background:rgba(245,158,11,0.1);border-color:var(--amber);color:var(--amber);
  transition:all 0.15s;cursor:pointer;font-family:var(--mono);text-transform:uppercase;
}
.submit-btn:hover{background:rgba(245,158,11,0.18);box-shadow:0 0 12px rgba(245,158,11,0.1);}
.submit-btn:active{transform:scale(0.97);}
.submit-btn:disabled,.submit-btn[disabled]{opacity:0.4;cursor:not-allowed;pointer-events:none;}
.submit-btn.submitting{animation:loadPulse 1s ease-in-out infinite;}

/* ══ TOGGLE ══ */
.toggle-btn{
  font-family:var(--mono);font-size:9px;font-weight:700;padding:3px 10px;
  background:transparent;border:1px solid var(--gray-500);color:var(--gray-300);
  cursor:pointer;letter-spacing:0.1em;text-transform:uppercase;
}
.toggle-btn:hover{border-color:var(--gray-400);color:var(--gray-200);}
.toggle-btn.on{border-color:var(--amber);color:var(--amber);background:rgba(245,158,11,0.06);}
.toggle-btn.on:hover{background:rgba(245,158,11,0.12);}
.ctrl-btn:disabled,.ctrl-btn[disabled]{opacity:0.35;cursor:not-allowed;pointer-events:none;}

/* ══ SCROLLBAR — gray ══ */
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:rgba(255,255,255,0.01);}
::-webkit-scrollbar-thumb{background:var(--amber-dim);border-radius:2px;}
::-webkit-scrollbar-thumb:hover{background:var(--amber);}
*{scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;}

/* ══ EMPTY & LOADING STATES ══ */
.empty{font-size:10px;color:var(--gray-400);padding:10px 0;letter-spacing:0.1em;text-align:center;}
.loading{font-size:10px;color:var(--gray-400);padding:10px 0;letter-spacing:0.1em;text-align:center;animation:loadPulse 1.5s ease-in-out infinite;}
.loading::before{content:'◇ ';animation:loadSpin 1s linear infinite;display:inline-block;}
@keyframes loadPulse{0%,100%{opacity:0.4;}50%{opacity:1;}}
@keyframes loadSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.error-state{font-size:10px;color:var(--amber-dim);padding:10px 0;letter-spacing:0.1em;text-align:center;}
.conn-banner{position:fixed;top:0;left:0;right:0;z-index:1500;background:rgba(180,83,9,0.9);color:#fff;font-family:var(--mono);font-size:11px;text-align:center;padding:6px 16px;letter-spacing:0.1em;text-transform:uppercase;transform:translateY(-100%);transition:transform 0.3s ease;pointer-events:none;}
.conn-banner.show{transform:translateY(0);pointer-events:auto;}

/* ══ TOAST NOTIFICATIONS ══ */
.toast-container{position:fixed;top:40px;right:16px;z-index:1600;display:flex;flex-direction:column;gap:6px;pointer-events:none;}
.toast{
  font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;
  padding:8px 14px;background:var(--bg-panel);border:1px solid var(--border);
  color:var(--text-2);pointer-events:auto;max-width:280px;
  animation:toastIn 0.3s ease both;
}
.toast.success{border-color:var(--amber);color:var(--amber);background:rgba(245,158,11,0.08);}
.toast.error{border-color:var(--amber-dim);color:var(--amber-bright);background:rgba(180,83,9,0.12);}
.toast.removing{animation:toastOut 0.3s ease both;}
@keyframes toastIn{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);}}
@keyframes toastOut{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(20px);}}

/* ══ SAMPLE DATA BADGE ══ */
.sample-badge{
  position:absolute;top:2px;right:6px;
  font-family:var(--mono);font-size:8px;letter-spacing:0.12em;text-transform:uppercase;
  color:var(--amber-bright,#f59e0b);background:rgba(245,158,11,0.12);
  border:1px solid var(--amber-dim,#92400e);border-radius:2px;
  padding:1px 5px;pointer-events:none;animation:samplePulse 2s ease-in-out infinite;
}
@keyframes samplePulse{0%,100%{opacity:.7}50%{opacity:1}}

/* ══ EXPORT SELECTION MODE ══ */
body.export-mode .topbar,
body.export-mode .nav-tabs,
body.export-mode .copilot-panel,
body.export-mode .modal{opacity:0.15;pointer-events:none;transition:opacity .3s ease}
body.export-mode .panel{opacity:0.35;pointer-events:none;transition:all .25s ease}
body.export-mode .panel.export-selectable{pointer-events:auto;opacity:1;cursor:pointer}
body.export-mode .panel.export-selectable:hover{
  border-color:var(--amber)!important;
  box-shadow:0 0 16px rgba(245,158,11,0.25),inset 0 0 12px rgba(245,158,11,0.06);
}
body.export-mode .panel.export-selectable:hover::before,
body.export-mode .panel.export-selectable:hover::after{border-color:var(--amber)!important}
body.export-mode .panel.export-selected{
  border-color:var(--amber)!important;
  box-shadow:0 0 20px rgba(245,158,11,0.35),0 0 40px rgba(245,158,11,0.1),inset 0 0 16px rgba(245,158,11,0.08);
}
body.export-mode .panel.export-selected::before,
body.export-mode .panel.export-selected::after{border-color:var(--amber)!important}
body.export-mode .panel.export-selected .p-label{color:var(--amber)!important}
body.export-mode .panel.export-selected::before{
  content:'';position:absolute;top:6px;right:6px;width:16px;height:16px;
  background:var(--amber);border-radius:50%;z-index:3;border:none!important;
  box-shadow:0 0 8px rgba(245,158,11,0.5);
}
#exportSelBar{
  position:fixed;bottom:-60px;left:50%;transform:translateX(-50%);z-index:9999;
  transition:bottom .35s cubic-bezier(.22,1,.36,1);
}
#exportSelBar.active{bottom:20px}
.esel-inner{
  display:flex;align-items:center;gap:16px;
  background:#111;border:1px solid #333;padding:10px 20px;
  font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;
  box-shadow:0 4px 30px rgba(0,0,0,0.6),0 0 20px rgba(245,158,11,0.08);
}
.esel-left{display:flex;align-items:center;gap:8px;color:#666}
.esel-blink{width:6px;height:6px;border-radius:50%;background:var(--amber);animation:selblink 1.2s ease infinite}
@keyframes selblink{0%,100%{opacity:1}50%{opacity:0.3}}
.esel-title{color:#999;font-size:8px}
.esel-pipe{color:#333}
.esel-count{color:var(--amber);font-size:9px}
.esel-actions{display:flex;gap:6px}
.esel-btn{
  font-family:var(--mono);font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;
  background:transparent;border:1px solid #333;color:#888;padding:5px 12px;cursor:pointer;
  transition:all .2s ease;
}
.esel-btn:hover{border-color:#666;color:#ccc}
.esel-go{color:var(--amber);border-color:var(--amber-dim,#B45309)}
.esel-go:hover{background:var(--amber);color:#080808;box-shadow:0 0 12px rgba(245,158,11,0.4)}
.esel-go:disabled{pointer-events:none}
.esel-cancel{color:#666;border-color:#333;padding:5px 8px}
.esel-cancel:hover{color:#ef4444;border-color:#ef4444}

/* ══ HARDEN — Overflow & Safety ══ */
.p-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kv-v{max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.feed-entry{min-height:32px;}
.pending-list:empty::after{content:'NO PENDING ITEMS';display:block;font-size:10px;color:var(--gray-400);padding:8px 0;text-align:center;letter-spacing:0.1em;}


/* ══ SCALE BARS (Community Health) — gray track, amber fill ══ */
.scale-bar-list{display:flex;flex-direction:column;gap:4px;}
.scale-bar-row{display:flex;align-items:center;gap:6px;font-size:12px;min-height:32px;}
.scale-bar-label{width:70px;color:var(--gray-200);letter-spacing:0.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.scale-bar-track{flex:1;height:7px;background:var(--track);border:1px solid var(--track-border);position:relative;overflow:hidden;}
.scale-bar-fill{height:100%;background:var(--amber);transition:width 1s ease;position:relative;overflow:hidden;}
.scale-bar-num{width:24px;text-align:right;color:var(--amber);font-weight:700;font-size:12px;}

/* ══ MINI GAUGES (B8/B9/C1) — gray track, amber fill ══ */
.mini-gauge-row{display:flex;justify-content:space-around;gap:4px;}
.mini-gauge-wrap{text-align:center;position:relative;flex:1;}
.mini-gauge-svg{width:56px;height:56px;transform:rotate(-90deg);}
.mini-gauge-track{fill:none;stroke:var(--gray-600);stroke-width:4;}
.mini-gauge-fill{fill:none;stroke:var(--amber);stroke-width:4;stroke-linecap:round;stroke-dasharray:138.2;stroke-dashoffset:138.2;transition:stroke-dashoffset 1.2s cubic-bezier(0.4,0,0.2,1);}
.mini-gauge-val{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:var(--amber);}
.mini-gauge-code{font-size:12px;font-weight:700;color:var(--gray-100);margin-top:2px;}
.mini-gauge-lbl{font-size:9px;color:var(--gray-400);letter-spacing:0.08em;}

/* ══ MINI LINE GRAPH — amber line on gray ══ */
.mini-line-svg{width:100%;height:70px;display:block;}
.mini-line-path{fill:none;stroke:var(--amber);stroke-width:1.5;transition:stroke-dashoffset 0.8s cubic-bezier(0.25,1,0.5,1);}
.mini-line-dot{fill:var(--amber);opacity:0;transition:opacity 0.3s cubic-bezier(0.25,1,0.5,1);}

/* ══ SEVERITY STRIP — gray bars, amber active ══ */
.severity-wrap{text-align:center;}
.severity-bars{display:flex;justify-content:center;gap:2px;margin-bottom:6px;}
.sev-bar{width:24px;height:55px;background:var(--gray-600);transition:background 0.3s,opacity 0.3s;position:relative;
  border:1px solid var(--gray-500);
  /* Hatched fill for inactive */
  background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.03) 4px);
}
.sev-bar.active{background:var(--amber);box-shadow:0 0 12px var(--amber-glow);animation:sevPulse 2.5s ease-in-out infinite;background-image:none;}
@keyframes sevPulse{0%,100%{box-shadow:0 0 12px var(--amber-glow);opacity:1;}50%{box-shadow:0 0 4px rgba(245,158,11,0.1);opacity:0.7;}}
.sev-bar.dim{opacity:0.3;}
.severity-grades{display:flex;justify-content:center;gap:2px;margin-bottom:4px;}
.sev-grade{width:24px;text-align:center;font-size:10px;font-weight:700;color:var(--gray-400);letter-spacing:0.04em;}
.sev-grade.active{color:var(--amber);}
.sev-grade.dim{opacity:0.4;}
.severity-tag{font-size:11px;color:var(--gray-300);letter-spacing:0.14em;margin-top:4px;}

/* ══ LOCK RING — gray track, amber fill ══ */
.lock-wrap{position:relative;display:flex;justify-content:center;padding:6px 0;}
.lock-svg{width:100px;height:100px;}
.lock-track{fill:none;stroke:var(--gray-600);stroke-width:8;}
.lock-fill{fill:none;stroke:var(--amber);stroke-width:8;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289;transition:stroke-dashoffset 1.5s cubic-bezier(0.4,0,0.2,1);filter:url(#glow-amber);transform-origin:center;transform:rotate(-90deg);}
.lock-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.lock-label{font-size:9px;color:var(--gray-300);letter-spacing:0.15em;}
.lock-num{font-size:32px;font-weight:700;color:var(--amber);line-height:1;text-shadow:0 0 20px var(--amber-glow);}
.lock-unit{font-size:11px;color:var(--gray-300);letter-spacing:0.1em;}

/* ══ PANEL DEPTH VARIANTS ══ */
.panel-dark{background:var(--gray-950);}
.panel-mid{background:var(--gray-800);}
.panel-void{background:var(--bg-base);}

/* ══ BLINK INDICATORS — amber accent ══ */
.blink-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--amber);box-shadow:0 0 6px var(--amber-glow);animation:blinkPulse 2s ease-in-out infinite;vertical-align:middle;margin:0 3px;}
@keyframes blinkPulse{0%,100%{opacity:1;}50%{opacity:0.1;}}

/* ══ AMBIENT DATA NOISE — gray text ══ */
.noise{position:absolute;font-size:7px;color:var(--gray-400);letter-spacing:0.04em;pointer-events:none;font-family:var(--mono);line-height:1;}
.noise-tr{top:2px;right:3px;}
.noise-bl{bottom:2px;left:3px;}
.noise-br{bottom:2px;right:3px;}

/* ══ ASSEMBLY CODE NOISE — decorative gray data ══ */
.asm-noise{
  font-size:7px;color:var(--gray-500);letter-spacing:0.02em;
  font-family:var(--mono);line-height:1.6;padding:4px 0;
  pointer-events:none;user-select:none;
  animation:asmFlicker 8s ease-in-out infinite;
  border-top:1px solid var(--border-light);margin-top:6px;
}
@keyframes asmFlicker{0%,100%{opacity:0.5;}25%{opacity:0.8;}50%{opacity:0.4;}75%{opacity:0.7;}}

/* ══ TEXT SIZE HIERARCHY ══ */
.val-lg{font-size:28px;font-weight:700;color:var(--amber);letter-spacing:0.02em;text-shadow:0 0 12px var(--amber-glow);}
.val-xl{font-size:32px;font-weight:700;color:var(--amber);letter-spacing:0.02em;text-shadow:0 0 16px var(--amber-glow);}
.text-xs{font-size:9px;color:var(--gray-400);letter-spacing:0.06em;}
.text-ghost{font-size:9px;color:var(--gray-600);letter-spacing:0.04em;}

/* ══ STAGGER ANIMATIONS ══ */
.panel{animation:panelIn 0.4s ease both;}
.col-l .panel:nth-child(1){animation-delay:0s;}
.col-l .panel:nth-child(2){animation-delay:0.04s;}
.col-l .panel:nth-child(3){animation-delay:0.08s;}
.col-l .panel:nth-child(4){animation-delay:0.12s;}
.col-l .panel:nth-child(5){animation-delay:0.16s;}
.col-l .panel:nth-child(6){animation-delay:0.2s;}
.col-c .panel:nth-child(1){animation-delay:0.06s;}
.col-c .panel:nth-child(2){animation-delay:0.1s;}
.col-c .panel:nth-child(3){animation-delay:0.14s;}
.col-r .panel:nth-child(1){animation-delay:0.03s;}
.col-r .panel:nth-child(2){animation-delay:0.07s;}
.col-r .panel:nth-child(3){animation-delay:0.11s;}
.col-r .panel:nth-child(4){animation-delay:0.15s;}
.col-r .panel:nth-child(5){animation-delay:0.19s;}
@keyframes panelIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}

/* ══ AMBIENT ANIMATIONS ══ */

/* Node graph: animated dashes on edges + gentle pulse */
.node-line{animation:lineFlow 5s ease-in-out infinite, lineDash 8s linear infinite;}
.node-line.hot{animation:lineFlowHot 3s ease-in-out infinite, lineDashHot 4s linear infinite;}
.node-line.cat-link{animation:lineFlow 6s ease-in-out infinite, lineDash 10s linear infinite;}
@keyframes lineFlow{0%,100%{stroke-opacity:0.8;}50%{stroke-opacity:0.25;}}
@keyframes lineFlowHot{0%,100%{stroke-opacity:1;stroke-width:1.5;}50%{stroke-opacity:0.6;stroke-width:2;}}
@keyframes lineDash{from{stroke-dashoffset:0;}to{stroke-dashoffset:-28;}}
@keyframes lineDashHot{from{stroke-dashoffset:0;}to{stroke-dashoffset:-20;}}

/* Scale bars: animated fill from zero + shimmer */
.scale-bar-fill{animation:barFillIn 1.2s cubic-bezier(0.25,1,0.5,1) both;transform-origin:left;}
.scale-bar-fill::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.12) 50%,transparent 100%);
  background-size:200% 100%;animation:barShimmer 3s ease-in-out 2s infinite;
}
.scale-bar-row:nth-child(1) .scale-bar-fill{animation-delay:0.15s;}
.scale-bar-row:nth-child(2) .scale-bar-fill{animation-delay:0.25s;}
.scale-bar-row:nth-child(3) .scale-bar-fill{animation-delay:0.35s;}
.scale-bar-row:nth-child(4) .scale-bar-fill{animation-delay:0.45s;}
.scale-bar-row:nth-child(5) .scale-bar-fill{animation-delay:0.55s;}
@keyframes barFillIn{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@keyframes barShimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}

/* Mini gauges: smooth breathing */
.mini-gauge-fill{animation:gaugeGlowIn 1.2s cubic-bezier(0.4,0,0.2,1) 0.4s both, gaugeBreathe 4s ease-in-out 2s infinite;}
@keyframes gaugeGlowIn{0%{filter:none;opacity:0.3;}100%{filter:url(#glow-amber);opacity:1;}}
@keyframes gaugeBreathe{0%,100%{stroke-opacity:1;filter:url(#glow-amber);}50%{stroke-opacity:0.6;filter:none;}}
.mini-gauge-val{animation:valPulse 4s ease-in-out 2s infinite;}
@keyframes valPulse{0%,100%{opacity:1;}50%{opacity:0.7;}}

/* Hero ring: slow rotation on ticks + glow pulse */
#ringTicks{animation:ringTickRotate 60s linear infinite;transform-origin:110px 110px;}
@keyframes ringTickRotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.ring-fill{animation:ringGlow 5s ease-in-out infinite;}
@keyframes ringGlow{0%,100%{filter:url(#glow-amber);stroke-opacity:1;}50%{filter:url(#glow-amber-strong);stroke-opacity:0.85;}}
.ring-num{animation:ringNumPulse 5s ease-in-out infinite;}
@keyframes ringNumPulse{0%,100%{text-shadow:0 0 30px var(--amber-glow),0 0 60px rgba(245,158,11,0.12);}50%{text-shadow:0 0 40px var(--amber-glow),0 0 80px rgba(245,158,11,0.2);}}

/* Lock ring: glow breathing */
.lock-fill{animation:lockGlowIn 1.5s cubic-bezier(0.4,0,0.2,1) 0.5s both, lockBreathe 6s ease-in-out 2.5s infinite;}
@keyframes lockGlowIn{0%{filter:none;opacity:0.3;stroke-width:6;}60%{filter:url(#glow-amber);opacity:1;stroke-width:10;}100%{filter:url(#glow-amber);opacity:1;stroke-width:8;}}
@keyframes lockBreathe{0%,100%{filter:url(#glow-amber);stroke-opacity:1;}50%{filter:url(#glow-amber-strong);stroke-opacity:0.75;stroke-width:9;}}

/* Donut gauges: subtle breathing */
.donut-fill{animation:gaugeGlowIn 1.5s cubic-bezier(0.4,0,0.2,1) 0.3s both, donutBreathe 5s ease-in-out 2s infinite;}
@keyframes donutBreathe{0%,100%{stroke-opacity:1;}50%{stroke-opacity:0.7;}}

/* ══ REDUCED MOTION ══ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
  .scanlines,.scanlines::after{display:none !important;}
  body::before{opacity:0.3 !important;}
}

/* ══ HIGH CONTRAST MODE ══ */
@media(prefers-contrast:high){
  :root{--border:#444;--border-light:#333;--border-strong:#555;--gray-100:#aaa;--gray-200:#999;--gray-300:#777;--text-3:#888;}
  .panel{border-width:2px;}
  :focus-visible{outline-width:3px;}
  .pending-item:hover,.pending-item:focus-visible{border-width:2px;}
}

/* ══ LOGIN OVERLAY ══ */
.login-overlay{
  position:fixed;inset:0;z-index:2000;
  background:#0a0a0a;
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;
  transition:opacity 0.6s cubic-bezier(0.25,0.46,0.45,0.94);
}
.login-overlay.open{opacity:1;pointer-events:auto;}

/* Scanlines — same CRT feel as gate */
.login-overlay::before{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0,0,0,0.12) 2px,
    rgba(0,0,0,0.12) 4px
  );
}

.login-panel{
  width:360px;padding:32px 28px;
  background:linear-gradient(180deg,#141414,#0e0e0e);
  border:1px solid #333;
  position:relative;z-index:2;
  box-shadow:0 0 40px rgba(0,0,0,0.6),0 0 80px rgba(245,158,11,0.03);
  opacity:0;transform:translateY(12px) scale(0.98);
  transition:opacity 0.5s ease 0.15s,transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94) 0.15s;
}
.login-overlay.open .login-panel{
  opacity:1;transform:translateY(0) scale(1);
}
.login-panel::before,.login-panel::after{
  content:'';position:absolute;width:28px;height:28px;
  border-color:var(--amber-dim);border-style:solid;pointer-events:none;
  transition:border-color 0.3s;
}
.login-panel::before{top:-1px;left:-1px;border-width:1px 0 0 1px;}
.login-panel::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0;}
.login-panel:hover::before,.login-panel:hover::after{
  border-color:var(--amber);
}
.login-header{
  font-size:13px;font-weight:700;color:var(--gray-100);
  letter-spacing:0.2em;text-align:center;margin-bottom:4px;
}
.login-sub{
  font-size:10px;color:var(--gray-400);letter-spacing:0.12em;
  text-align:center;margin-bottom:20px;padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.login-error{
  font-size:10px;color:#ef4444;letter-spacing:0.08em;
  min-height:14px;margin-bottom:4px;text-align:center;
  text-shadow:0 0 6px rgba(239,68,68,0.3);
}
.login-divider{
  text-align:center;margin:14px 0 10px;position:relative;
  font-size:9px;color:var(--gray-500);letter-spacing:0.15em;
}
.login-divider::before{
  content:'';position:absolute;left:0;right:0;top:50%;
  border-top:1px solid var(--border-light);
}
.login-divider span{
  background:var(--bg-panel);padding:0 10px;position:relative;
}
.dev-mode-btn{
  width:100%;padding:8px 12px;font-size:10px;letter-spacing:0.12em;
  color:var(--gray-400);border:1px dashed var(--border);
  background:transparent;cursor:pointer;transition:all 0.2s;
}
.dev-mode-btn:hover{
  color:var(--amber);border-color:var(--amber);
  background:rgba(245,158,11,0.06);
}
.dev-mode-hint{
  font-size:8px;color:var(--gray-500);letter-spacing:0.1em;
  text-align:center;margin-top:6px;
}
.login-footer{
  font-size:9px;color:var(--gray-400);letter-spacing:0.1em;
  text-align:center;margin-top:16px;padding-top:12px;
  border-top:1px solid rgba(255,255,255,0.06);
}

/* Login field focus glow */
.login-panel .field{
  background:#0a0a0a;border-color:#333;
  transition:border-color 0.2s,box-shadow 0.2s;
}
.login-panel .field:focus{
  border-color:var(--amber);
  box-shadow:0 0 8px rgba(245,158,11,0.15);
  outline:none;
}

/* Login submit — amber pulse on hover */
.login-panel .submit-btn{
  margin-top:12px;padding:10px;font-size:10px;
  border:1px solid var(--amber-dim);
  transition:all 0.2s ease;
}
.login-panel .submit-btn:hover{
  border-color:var(--amber);
  box-shadow:0 0 16px rgba(245,158,11,0.15);
}
/* Dev mode indicator badge */
body[data-dev-mode="true"] .topbar::before{
  content:'DEV MODE';position:absolute;right:12px;top:50%;transform:translateY(-50%);
  font-size:8px;letter-spacing:0.15em;color:var(--amber);
  padding:2px 8px;border:1px dashed var(--amber);opacity:0.6;
  z-index:1;
}

/* ══ CLIENT SELECTOR ══ */
.client-selector{display:inline-flex;align-items:center;gap:4px;}
.client-prefix{font-size:8px;color:var(--gray-300);font-weight:700;letter-spacing:0.12em;}
.client-select{
  font-family:var(--mono);font-size:9px;font-weight:700;
  background:transparent;border:1px solid var(--border);
  color:var(--amber);padding:2px 18px 2px 6px;
  letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23F59E0B' stroke-width='1.2' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 4px center;background-size:8px;
}
.client-select:focus{outline:none;border-color:var(--amber);box-shadow:0 0 6px rgba(245,158,11,0.12);}
.client-select option{background:var(--bg-panel);color:var(--amber);}

/* ══ REALTIME FLASH ══ */
.rt-flash{animation:rtFlash 0.6s ease;}
@keyframes rtFlash{0%{box-shadow:inset 0 0 0 1px var(--amber),0 0 12px var(--amber-glow);}100%{box-shadow:none;}}

/* ══ CRITICAL/HIGH THREAT FLASH — AMBER ALERT ══ */
.critical-flash{animation:criticalFlash 0.8s ease 3;}
@keyframes criticalFlash{
  0%,100%{box-shadow:none;}
  50%{box-shadow:inset 0 0 0 2px rgba(245,166,35,0.7),0 0 30px rgba(245,166,35,0.2);}
}
/* Individual threat row severity highlighting */
.pending-item.severity-high{border-left:2px solid rgba(245,166,35,0.6);background:rgba(245,166,35,0.04);}
.pending-item.severity-high:hover{background:rgba(245,166,35,0.08);border-color:rgba(245,166,35,0.8);}
.pending-item.severity-high .p-badge{color:#F5A623;border-color:rgba(245,166,35,0.5);}
.p-badge.critical{color:#F5A623;border:1px solid rgba(245,166,35,0.6);animation:critBadgePulse 2s ease-in-out infinite;}
.p-badge.high{color:#F5A623;border:1px solid rgba(245,166,35,0.4);}
@keyframes critBadgePulse{0%,100%{opacity:1;}50%{opacity:0.5;}}

/* ══ ICEBERG JAPANESE MINIMAL ══ */
/* Toggle */
.ib-toggle-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:9px;letter-spacing:2px;text-transform:uppercase;}
.ib-toggle-bar label{color:rgba(255,255,255,0.38);cursor:pointer;transition:color 0.3s;}
.ib-toggle-bar label.active{color:var(--amber);}
.ib-toggle-switch{position:relative;width:32px;height:16px;cursor:pointer;}
.ib-toggle-switch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;margin:0;}
.ib-toggle-track{position:absolute;inset:0;background:rgba(255,255,255,0.06);border-radius:8px;transition:background 0.3s;}
.ib-toggle-switch input:checked~.ib-toggle-track{background:rgba(255,179,0,0.18);}
.ib-toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;background:rgba(255,255,255,0.38);border-radius:50%;transition:all 0.3s;}
.ib-toggle-switch input:checked~.ib-toggle-thumb{left:18px;background:var(--amber);}
/* Panel */
.iceberg-panel{position:relative;background:rgba(10,9,8,1);border:1px solid rgba(255,179,0,0.28);display:flex;flex-direction:column;min-height:0;height:100%;transition:opacity 0.3s;}
.iceberg-panel.hidden{display:none;}
.iceberg-panel::before,.iceberg-panel::after{content:'';position:absolute;width:16px;height:16px;border-color:var(--amber);border-style:solid;opacity:0.5;z-index:2;pointer-events:none;}
.iceberg-panel::before{top:0;left:0;border-width:1px 0 0 1px;}
.iceberg-panel::after{bottom:0;right:0;border-width:0 1px 1px 0;}
/* Header */
.ib-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,179,0,0.14);}
.ib-title{font-size:12px;letter-spacing:3px;color:rgba(255,255,255,0.90);font-weight:bold;}
.ib-hmeta{font-size:9px;letter-spacing:1.5px;color:rgba(255,255,255,0.60);}
.ib-clock{font-size:10px;letter-spacing:2px;color:rgba(255,255,255,0.70);font-weight:bold;display:flex;align-items:center;gap:8px;}
/* Body */
.ib-body{display:flex;flex:1;min-height:0;}
.ib-chart-area{flex:1;position:relative;min-height:340px;}
.ib-chart-area canvas{display:block;width:100%;height:100%;}
/* Right Panel */
.ib-rpanel{width:220px;border-left:1px solid rgba(255,179,0,0.14);display:flex;flex-direction:column;padding:0;flex-shrink:0;}
.ib-rp-stat{padding:12px 14px;border-bottom:1px solid rgba(255,179,0,0.14);position:relative;}
.ib-rp-lbl{font-size:8px;letter-spacing:1.8px;color:rgba(255,255,255,0.65);margin-bottom:3px;text-transform:uppercase;}
.ib-rp-val{font-size:18px;color:#eee;font-weight:bold;}
.ib-rp-val.ib-red{color:#ff5252;}
/* Explain tooltips */
.ib-greek-cell{position:relative;}
.ib-inline-stat{position:relative;}
.ib-brow{position:relative;}
.ib-explain{display:none;text-transform:none;}
.ib-tooltip-box{position:fixed;width:210px;background:rgba(6,5,4,0.97);border:1px solid var(--amber);padding:10px 12px;font-size:9px;font-family:'Share Tech Mono',monospace;letter-spacing:0.04em;line-height:1.5;color:rgba(255,255,255,0.75);z-index:9999;pointer-events:none;opacity:0;transition:opacity 0.12s;text-transform:none;}
.ib-tooltip-box.visible{opacity:1;}
.ib-tooltip-box::before{content:'';position:absolute;top:12px;right:-5px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid var(--amber);}
.ib-tooltip-box.arrow-bottom::before{top:auto;bottom:-5px;right:auto;left:16px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--amber);border-bottom:none;}
/* Depth index track */
.ib-depth-wrap{padding:12px 14px;border-bottom:1px solid rgba(255,179,0,0.14);flex:1;}
.ib-depth-track{position:relative;width:100%;height:80px;background:rgba(255,255,255,0.02);margin:8px 0;border-radius:2px;overflow:hidden;border:1px solid rgba(255,179,0,0.25);}
.ib-depth-amber{background:linear-gradient(180deg,rgba(255,210,55,0.50) 0%,rgba(255,179,0,0.70) 40%,rgba(230,155,0,0.55) 70%,rgba(200,130,0,0.35) 100%);position:relative;}
.ib-depth-amber::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.05) 35%,transparent 55%);pointer-events:none;}
.ib-depth-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,#FFB300,rgba(200,50,30,0.85));box-shadow:0 0 8px rgba(255,179,0,0.40),0 0 3px rgba(200,50,30,0.30);}
.ib-depth-red{background:linear-gradient(180deg,rgba(200,35,35,0.40) 0%,rgba(160,20,20,0.60) 40%,rgba(100,8,8,0.70) 80%,rgba(50,0,0,0.80) 100%);position:relative;}
.ib-depth-track::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(255,255,255,0.025) 2px,rgba(255,255,255,0.025) 3px);pointer-events:none;z-index:1;}
/* Depth legend */
.ib-depth-legend{margin-top:10px;display:flex;flex-direction:column;gap:8px;}
.ib-dl-row{display:flex;align-items:flex-start;gap:8px;}
.ib-dl-swatch{flex-shrink:0;width:10px;height:10px;margin-top:1px;}
.ib-dl-swatch.ib-dl-amber{background:linear-gradient(180deg,rgba(255,210,55,0.50),rgba(255,179,0,0.70));}
.ib-dl-swatch.ib-dl-red{background:linear-gradient(180deg,rgba(200,35,35,0.50),rgba(100,8,8,0.80));}
.ib-dl-dash{flex-shrink:0;width:10px;font-size:8px;color:rgba(255,179,0,0.60);letter-spacing:-1px;}
.ib-dl-text{font-size:8px;line-height:1.45;color:rgba(255,255,255,0.50);letter-spacing:0.02em;}
/* Reading this chart */
.ib-depth-reading{display:flex;flex-direction:column;gap:6px;margin-top:4px;}
.ib-dr-item{font-size:8px;line-height:1.45;color:rgba(255,255,255,0.50);letter-spacing:0.02em;padding-left:8px;border-left:2px solid rgba(255,179,0,0.25);}
.ib-dr-item strong{color:rgba(255,255,255,0.80);font-weight:bold;}
/* Greeks row */
.ib-greeks{display:grid;grid-template-columns:1fr 1fr;gap:6px 0;padding:10px 14px;border-top:1px solid rgba(255,179,0,0.14);}
.ib-greek-cell{text-align:left;}
.ib-greek-lbl{font-size:7px;letter-spacing:1px;color:rgba(255,255,255,0.60);}
.ib-greek-val{font-size:12px;color:#ccc;font-weight:bold;}
.ib-greek-val.ib-up{color:#ff5252;}
.ib-greek-val.ib-warn{color:#FFB300;}
/* Breakdown list */
.ib-breakdown{padding:12px 14px;border-top:1px solid rgba(255,179,0,0.14);}
.ib-brow{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;}
.ib-brow:hover .ib-bname{color:rgba(255,255,255,0.90);}
.ib-bname{font-size:9px;letter-spacing:1px;color:rgba(255,255,255,0.65);width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;}
.ib-bbar-wrap{flex:1;height:4px;background:rgba(255,255,255,0.03);border-radius:2px;overflow:hidden;}
.ib-bbar-fill{height:100%;border-radius:2px;}
.ib-bcnt{font-size:9px;width:50px;text-align:right;flex-shrink:0;}
.ib-bcnt-r{color:rgba(204,51,0,0.70);}
.ib-bcnt-w{color:rgba(255,179,0,0.60);}
/* Status Bar */
.ib-sbar{display:flex;align-items:center;gap:16px;padding:6px 16px;border-top:1px solid rgba(255,179,0,0.14);font-size:8px;letter-spacing:1.2px;color:rgba(255,255,255,0.38);flex-wrap:wrap;}
.ib-sbar div{white-space:nowrap;}
.ib-sbar span{color:#bbb;}
.ib-sbar-red{color:#ff5252 !important;}
/* Controls: Timeline */
.ib-controls{display:flex;align-items:center;gap:12px;padding:8px 16px;border-top:1px solid rgba(255,179,0,0.14);background:rgba(255,255,255,0.01);}
.ib-timeline{display:flex;align-items:center;gap:8px;flex:1;}
.ib-ctrl-lbl{font-size:7px;letter-spacing:1.8px;color:rgba(255,255,255,0.50);text-transform:uppercase;white-space:nowrap;}
.ib-ctrl-dim{color:rgba(255,255,255,0.28);}
.ib-tl-date{font-size:9px;letter-spacing:1px;color:var(--amber);min-width:42px;text-align:center;font-weight:bold;}
.ib-slider{-webkit-appearance:none;appearance:none;flex:1;height:2px;background:rgba(255,179,0,0.18);outline:none;border-radius:1px;cursor:pointer;}
.ib-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--amber);border:1px solid rgba(255,179,0,0.60);cursor:pointer;box-shadow:0 0 6px rgba(255,179,0,0.30);transition:box-shadow 0.15s;}
.ib-slider::-webkit-slider-thumb:hover{box-shadow:0 0 12px rgba(255,179,0,0.50);}
.ib-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--amber);border:1px solid rgba(255,179,0,0.60);cursor:pointer;}
/* Variant A: NORMAL — no right panel, inline stats */
.variant-a .ib-rpanel{display:none;}
.variant-a .ib-body{flex-direction:column;}
.variant-a .ib-chart-area{min-height:380px;}
.variant-a .ib-inline-stats{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,179,0,0.14);}
.variant-a .ib-inline-stat{padding:10px 14px;border-right:1px solid rgba(255,179,0,0.14);}
.variant-a .ib-inline-stat:last-child{border-right:none;}
/* Variant B: TUNDRA — full detail with right panel */
.variant-b{border-color:rgba(255,179,0,0.25);}
.variant-b .ib-inline-stats{display:none;}
/* Drill-Down Modal */
.ib-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:1000;align-items:center;justify-content:center;}
.ib-modal.ib-open{display:flex;}
.ib-mbox{background:rgba(10,9,8,1);border:1px solid rgba(255,179,0,0.28);width:90%;max-width:800px;max-height:80vh;overflow:auto;}
.ib-mhdr{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,179,0,0.14);}
.ib-mtitle{font-size:11px;letter-spacing:2px;color:rgba(255,255,255,0.90);}
.ib-mcls{background:none;border:1px solid rgba(255,179,0,0.14);color:rgba(255,255,255,0.38);font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:1.5px;padding:4px 10px;cursor:pointer;}
.ib-mcls:hover{color:rgba(255,255,255,0.90);border-color:rgba(255,179,0,0.28);}
.ib-mbody{padding:16px;}
.ib-mbody canvas{width:100%;height:150px;display:block;margin-bottom:16px;}
.ib-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ib-mcard{padding:12px;border:1px solid rgba(255,179,0,0.14);}
.ib-mcard-t{font-size:9px;letter-spacing:2px;color:rgba(255,255,255,0.38);margin-bottom:8px;}
.ib-mrow{display:flex;justify-content:space-between;font-size:10px;padding:3px 0;}
.ib-ml{color:rgba(255,255,255,0.38);}
.ib-mv{color:rgba(255,179,0,0.60);}
.ib-mvr{color:rgba(204,51,0,0.70);}
.ib-mnote{margin-top:8px;font-size:9px;color:rgba(255,255,255,0.38);line-height:1.5;border-top:1px solid rgba(255,179,0,0.14);padding-top:6px;}
/* Watermark */
.watermark{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:35%;opacity:0.02;pointer-events:none;}
.watermark svg,.watermark img{width:100%;height:auto;filter:brightness(0.6);}
/* Responsive */
@media(max-width:700px){
  .ib-toggle-bar{justify-content:center;}
  .ib-body{flex-direction:column;}
  .ib-rpanel{width:100%;border-left:none;border-top:1px solid rgba(255,179,0,0.14);overflow-y:auto;max-height:60vh;}
  .ib-chart-area{min-height:280px;}
  .variant-a .ib-inline-stats{grid-template-columns:repeat(2,1fr);}
  .variant-a .ib-inline-stat:nth-child(2){border-right:none;}
  .variant-a .ib-inline-stat:nth-child(4){border-right:none;}
  .ib-greeks{grid-template-columns:1fr 1fr;gap:4px;}
  .ib-sbar{gap:8px;}
  .ib-mgrid{grid-template-columns:1fr;}
  .ib-controls{flex-wrap:wrap;gap:6px;padding:6px 10px;}
  .ib-timeline{min-width:0;}
  .ib-ctrl-dim{display:none;}
  .ib-tooltip-box{width:180px;font-size:8px;}
}
@media(max-height:500px) and (orientation:landscape){
  .ib-chart-area{min-height:220px;}
  .variant-a .ib-chart-area{min-height:240px;}
}

/* ══ ROLE GATING ══ */
body[data-role="CLIENT"] #btnLogThreat{display:none;}
body[data-role="CLIENT"] #clientSelector{display:none;}
body[data-role="CLIENT"] #btnExport{display:none;}

/* ══ SETTINGS ══ */
.settings-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border);}
.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.settings-heading{font-size:11px;font-weight:700;color:var(--gray-100);letter-spacing:0.15em;margin-bottom:8px;}

/* ══ THREAT DETAIL ══ */
.threat-detail-grid{display:flex;flex-direction:column;gap:10px;}
.threat-detail-row{display:flex;gap:8px;font-size:11px;align-items:flex-start;}
.threat-detail-label{width:80px;flex-shrink:0;color:var(--gray-300);letter-spacing:0.1em;font-weight:700;}
.threat-detail-val{color:var(--text-2);flex:1;word-break:break-word;}
.threat-detail-val a{color:var(--amber);text-decoration:none;}
.threat-detail-val a:hover{text-decoration:underline;}
.threat-detail-actions{display:flex;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);}
.threat-detail-actions .ctrl-btn{flex:1;text-align:center;}

/* ══ MIS BREAKDOWN ══ */
.mis-breakdown{display:flex;flex-direction:column;gap:12px;}
.mis-pillar{display:flex;flex-direction:column;gap:4px;}
.mis-pillar-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;}
.mis-pillar-name{color:var(--gray-100);font-weight:700;letter-spacing:0.12em;}
.mis-pillar-score{color:var(--amber);font-weight:700;font-size:14px;}
.mis-pillar-bar{height:8px;background:var(--track);border:1px solid var(--track-border);}
.mis-pillar-fill{height:100%;background:var(--amber);transition:width 1s ease;}
.mis-pillar-desc{font-size:9px;color:var(--gray-400);letter-spacing:0.06em;}
.mis-total{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:2px solid var(--gray-400);font-size:11px;font-weight:700;color:var(--gray-100);letter-spacing:0.15em;}
.mis-total-score{font-size:32px;color:var(--amber);text-shadow:0 0 16px var(--amber-glow);}
.mis-history{margin-top:12px;}
.mis-history-label{font-size:10px;color:var(--gray-300);letter-spacing:0.1em;margin-bottom:6px;}

/* ══ VERTICAL SCALE STRIPS — per design reference ══ */
.vscale-strip{display:flex;gap:3px;justify-content:center;align-items:flex-end;height:50px;padding:6px 0;margin-top:4px;border-top:1px solid var(--border-light);}
.vscale-bar{width:10px;background:var(--gray-600);position:relative;border:1px solid var(--gray-500);min-height:8px;
  background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,0.03) 3px,rgba(255,255,255,0.03) 4px);
}
.vscale-bar.filled{background:var(--amber);background-image:none;border-color:rgba(245,158,11,0.3);box-shadow:0 0 4px var(--amber-glow);}
.vscale-labels{display:flex;gap:3px;justify-content:center;font-size:9px;color:var(--gray-400);margin-top:3px;letter-spacing:0.06em;font-weight:700;}
.vscale-labels span.active{color:var(--amber);}

/* ══ INTERACTIVE AFFORDANCES ══ */
.ring-wrap:focus-visible{outline-offset:4px;}
[role="button"]{cursor:pointer;}
.donut-wrap{cursor:pointer;transition:transform 0.15s;}
.donut-wrap:hover{transform:scale(1.05);}
.node-circle{cursor:pointer;transition:stroke-opacity 0.15s;}
.node-circle:hover{stroke:var(--amber);stroke-opacity:1;}

/* ══ INDICATOR DOTS — gray default, amber active ══ */
.ind-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gray-500);margin:0 2px;vertical-align:middle;transition:background 0.3s,box-shadow 0.3s;}
.ind-dot.active{background:var(--amber);box-shadow:0 0 4px var(--amber-glow);animation:indPulse 3s ease-in-out infinite;}
@keyframes indPulse{0%,100%{box-shadow:0 0 4px var(--amber-glow);opacity:1;}50%{box-shadow:0 0 2px rgba(245,158,11,0.1);opacity:0.5;}}

/* ══ CHART SECONDARY ROW ══ */
#chartSecondaryRow{
  display:flex;
  flex-direction:row;
  width:100%;
}

/* ══ COCKPIT DESKTOP TYPOGRAPHY NORMALIZATION ══ */
@media (min-width: 1201px){
  #viewCockpit .p-label{font-size:14px;letter-spacing:0.16em;margin-bottom:9px;}
  #viewCockpit .p-sub,
  #viewCockpit .p-coord{font-size:11px;}
  #viewCockpit .donut-val{font-size:14px;}
  #viewCockpit .donut-lbl,
  #viewCockpit .kv-k{font-size:11px;}
  #viewCockpit .kv-v{font-size:14px;}
  #viewCockpit .fund-title{font-size:11px;letter-spacing:2.4px;}
  #viewCockpit .fund-subtitle,
  #viewCockpit .fund-box-label{font-size:9px;letter-spacing:1.6px;}
  #viewCockpit .fund-box-value{font-size:14px;}
  #viewCockpit .feed-entry,
  #viewCockpit .pending-item{font-size:13px;}
  #viewCockpit .feed-time,
  #viewCockpit .p-time{font-size:12px;}
  #viewCockpit .p-badge{font-size:11px;}
  #viewCockpit .node-label{font-size:8px;}
  #viewCockpit .node-score{font-size:8.5px;}
}

/* ══ RESPONSIVE ══ */
@media(max-width:1200px){
  .grid{grid-template-columns:1fr 1fr;grid-auto-rows:min-content;overflow-y:auto;overflow-x:hidden;gap:8px;}
  .col{overflow-y:visible;overflow-x:visible;min-height:auto;}
  .col-l{order:1;}
  .col-c{order:0;grid-column:span 2;}
  .col-r{order:2;grid-column:span 2;}
  .col-c .node-panel{flex:0 0 auto;min-height:220px;}
  .col-r .feed-panel{flex:0 0 auto;min-height:180px;}
  .feed-scroll{max-height:200px;}
  .hero-row{flex-direction:column;text-align:center;}
  .hero-stats{max-width:400px;margin:0 auto;}
}
@media(max-width:768px){
  .grid{grid-template-columns:1fr;grid-auto-rows:min-content;overflow-y:auto;overflow-x:hidden;}
  .col{overflow-y:visible;overflow-x:visible;min-height:auto;}
  .col-l,.col-c,.col-r{grid-column:span 1;}
  .col-c .node-panel{flex:0 0 auto;min-height:200px;}
  .col-r .feed-panel{flex:0 0 auto;min-height:160px;}
  .feed-scroll{max-height:180px;}
  /* Collapse topbar center text but keep essential info */
  .topbar-c{font-size:8px;letter-spacing:0.1em;}
  .topbar-c .topbar-dim{display:none;}
  .modal,.modal-lg{width:calc(100vw - 32px);}
  .hero-row{flex-direction:column;text-align:center;}
  .ring-wrap svg{width:140px;height:140px;}
  /* Touch-friendly targets */
  .ctrl-btn{min-height:40px;padding:10px 14px;}
  .pending-item{min-height:40px;padding:8px 10px;}
  .modal-x{width:36px;height:36px;font-size:20px;}
  .toggle-btn{min-height:36px;padding:6px 12px;}
  /* Wider scrollbar for touch */
  ::-webkit-scrollbar{width:8px;}
  .threat-detail-label{width:60px;}
}
@media(max-width:480px){
  .topbar-c{display:none;}
  .topbar{padding:6px 10px;}
  .bottombar{padding:0 10px 0 0;flex-wrap:wrap;gap:0;}
  .nav-tab{padding:8px 12px;font-size:9px;}
  .nav-tab-label{display:none;}
  .bot-c{order:3;width:100%;text-align:center;padding:4px 0;}
  .topbar-actions{gap:2px;}
  .topbar-dropdown-menu{right:auto;left:0;}
}

/* ══ FEED WHY FLAGGED INDICATOR ══ */
.feed-why{
  flex-shrink:0;width:12px;height:12px;border-radius:50%;
  font-size:7px;font-weight:700;color:var(--gray-400);
  border:1px solid var(--gray-500);display:flex;align-items:center;justify-content:center;
  margin-left:4px;cursor:help;transition:all 0.15s;
}
.feed-entry:hover .feed-why{color:var(--amber);border-color:var(--amber);}

/* ══ FIRM PILLAR ROW — interactive ══ */
.firm-pillar-row{transition:all 0.15s;padding:2px 4px;margin:-2px -4px;}
.firm-pillar-row:hover{background:rgba(212,175,55,0.06);border-radius:2px;}
.firm-pillar-row:hover .firm-pillar-dot{box-shadow:0 0 10px rgba(212,175,55,0.6);}

/* ══ GH PERFORMANCE PANEL ══ */
.gh-perf-grid{display:flex;flex-direction:column;gap:4px;padding:4px 0;}
.gh-row{display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 0;min-height:32px;}
.gh-code{width:28px;font-weight:700;color:var(--gray-100);letter-spacing:0.08em;}
.gh-name{width:100px;color:var(--gray-300);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gh-bar-track{flex:1;height:8px;background:var(--gray-600);position:relative;}
.gh-bar-fill{height:100%;background:#fff;transition:width 1s ease;}
.gh-score{width:26px;text-align:right;font-weight:700;color:var(--amber);font-size:12px;}
.gh-grade{width:22px;text-align:center;font-weight:700;font-size:12px;}
.gh-grade.grade-a{color:#22c55e;}
.gh-grade.grade-b{color:var(--amber);}
.gh-grade.grade-c{color:#F5A623;}

/* Old iceberg full-screen modal removed — drill-down is now part of components/iceberg.js */

/* ══ GROWTH HACKING TAB ══ */
.gh-view{flex-direction:column;gap:10px;padding:10px;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;}
.gh-view::-webkit-scrollbar{width:5px;}
.gh-view::-webkit-scrollbar-thumb{background:var(--amber-dim);border-radius:2px;}

/* Metrics strip — full width row */
.gh-metrics-strip{display:flex;gap:8px;flex-shrink:0;}
.gh-metric-card{
  flex:1;display:flex;flex-direction:column;align-items:center;
  padding:12px 8px;background:var(--bg-panel-body);
  border:1px solid rgba(255,165,0,0.15);
}
.gh-metric-label{font-size:10px;color:var(--gray-300);letter-spacing:0.12em;margin-bottom:4px;}
.gh-metric-num{font-size:28px;font-weight:700;color:var(--amber);text-shadow:0 0 12px var(--amber-glow);}

/* Mid row — 50/50 split */
.gh-mid-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1;min-height:0;}
.gh-qm-panel{display:flex;flex-direction:column;overflow:hidden;}
.gh-leader-panel{display:flex;flex-direction:column;overflow:hidden;}

/* QM Terminal feed */
.gh-qm-feed{flex:1;overflow-y:auto;min-height:0;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;}
.gh-qm-entry{display:flex;align-items:baseline;gap:8px;padding:8px 4px;min-height:32px;
  border-bottom:1px solid var(--border-light);font-size:12px;}
.gh-qm-time{color:var(--gray-400);flex-shrink:0;font-size:11px;width:40px;}
.gh-qm-action{font-weight:700;color:var(--amber);flex-shrink:0;font-size:11px;width:60px;}
.gh-qm-detail{color:var(--gray-200);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;}

/* Leaderboard */
.gh-leaderboard{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:6px;padding:4px 0;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;}
.gh-lb-row{display:flex;align-items:center;gap:8px;padding:10px 6px;min-height:40px;
  border-bottom:1px solid var(--border-light);font-size:12px;}
.gh-lb-rank{width:20px;text-align:center;font-weight:700;color:var(--amber);font-size:14px;}
.gh-lb-name{width:120px;color:var(--gray-100);font-weight:700;letter-spacing:0.08em;font-size:12px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gh-lb-bar-track{flex:1;height:10px;background:var(--track);border:1px solid var(--track-border);}
.gh-lb-bar-fill{height:100%;background:var(--amber);transition:width 1s ease;}
.gh-lb-score{width:30px;text-align:right;font-weight:700;color:var(--amber);font-size:14px;}

/* Activity feed — full width bottom */
.gh-activity-panel{flex-shrink:0;max-height:240px;display:flex;flex-direction:column;overflow:hidden;}
.gh-activity-feed{flex:1;overflow-y:auto;min-height:0;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;}
.gh-act-entry{display:flex;align-items:baseline;gap:8px;padding:8px 6px;min-height:32px;
  border-bottom:1px solid var(--border-light);font-size:12px;}
.gh-act-time{color:var(--gray-400);flex-shrink:0;font-size:11px;width:70px;}
.gh-act-type{font-weight:700;color:var(--amber);flex-shrink:0;font-size:11px;width:65px;}
.gh-act-text{color:var(--gray-200);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media(max-width:768px){
  .gh-metrics-strip{flex-wrap:wrap;}
  .gh-metric-card{min-width:120px;}
  .gh-mid-row{grid-template-columns:1fr;}
}

/* ══ BQA TAB ══ */
.bqa-view{flex-direction:row;gap:10px;padding:10px;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;}
.bqa-view::-webkit-scrollbar{width:5px;}
.bqa-view::-webkit-scrollbar-thumb{background:var(--amber-dim);border-radius:2px;}

.bqa-left{flex:3;display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;}
.bqa-right{flex:2;display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;}

/* Review Queue table */
.bqa-table{width:100%;border-collapse:collapse;font-size:12px;}
.bqa-table thead{border-bottom:1px solid var(--border);}
.bqa-table th{font-size:10px;font-weight:700;color:var(--gray-300);letter-spacing:0.12em;
  padding:6px 8px;text-align:left;}
.bqa-th-date{width:60px;}
.bqa-th-type{width:90px;}
.bqa-th-item{width:auto;}
.bqa-th-status{width:90px;}
.bqa-table td{padding:8px 8px;color:var(--gray-200);border-bottom:1px solid var(--border-light);
  min-height:32px;vertical-align:middle;font-size:12px;}
.bqa-table tr:hover td{background:rgba(245,158,11,0.03);}
.bqa-status{font-size:10px;font-weight:700;letter-spacing:0.08em;padding:3px 7px;display:inline-block;}
.bqa-status.pending{color:var(--amber);border:1px solid rgba(245,158,11,0.4);}
.bqa-status.approved{color:#22c55e;border:1px solid rgba(34,197,94,0.4);}
.bqa-status.revision{color:#f87171;border:1px solid rgba(248,113,113,0.4);}

/* Flagged Submissions */
.bqa-flagged{display:flex;flex-direction:column;gap:4px;}
.bqa-flag-row{display:flex;align-items:center;gap:8px;padding:10px 8px;min-height:36px;
  border-bottom:1px solid var(--border-light);font-size:12px;}
.bqa-flag-code{font-weight:700;color:var(--amber);flex-shrink:0;width:50px;}
.bqa-flag-reason{color:var(--gray-200);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bqa-flag-time{color:var(--gray-400);flex-shrink:0;font-size:11px;}

/* GH Quality Breakdown bars */
.bqa-quality{display:flex;flex-direction:column;gap:8px;padding:4px 0;}
.bqa-q-row{display:flex;align-items:center;gap:8px;font-size:12px;min-height:32px;}
.bqa-q-label{width:80px;color:var(--gray-200);letter-spacing:0.08em;font-weight:700;font-size:11px;}
.bqa-q-bar-track{flex:1;height:8px;background:var(--track);border:1px solid var(--track-border);}
.bqa-q-bar-fill{height:100%;background:var(--amber);transition:width 1s ease;}
.bqa-q-val{width:28px;text-align:right;font-weight:700;color:var(--amber);font-size:13px;}

/* Quality Trend chart */
.bqa-trend-svg{width:100%;height:110px;display:block;}

@media(max-width:768px){
  .bqa-view{flex-direction:column;}
  .bqa-left,.bqa-right{flex:none;}
}

/* ══ MIT LOGO COMPONENT ══ */

/* Full logo — login page */
.mit-logo-full{
  display:flex;flex-direction:column;align-items:center;gap:0;
  margin-bottom:12px;text-align:center;
}
.mit-brain-canvas{display:block;margin:0 auto;filter:drop-shadow(0 0 30px rgba(255,179,0,0.2));}
.mit-wordmark-full{line-height:0;}
.mit-wordmark-full svg{display:block;max-width:420px;height:auto;filter:drop-shadow(0 0 20px rgba(255,179,0,0.35));}
.mit-logo-divider{
  width:100%;height:1px;background:#FFB300;margin:18px 0;opacity:0.45;position:relative;
}
.mit-logo-divider::before,.mit-logo-divider::after{
  content:'';position:absolute;top:-3px;width:7px;height:7px;background:#FFB300;opacity:0.9;
}
.mit-logo-divider::before{left:0;}
.mit-logo-divider::after{right:0;}
.mit-subtitle{
  font-family:var(--mono);font-size:10px;color:#FFB300;
  letter-spacing:0.45em;text-align:center;margin-top:0;opacity:0.55;margin-bottom:5px;
}
.mit-tagline{
  font-family:var(--mono);font-size:9px;color:#3a2e00;
  letter-spacing:0.3em;text-align:center;
}

/* Header logo — topbar */
.mit-logo-header{display:inline-flex;align-items:center;line-height:0;flex-shrink:0;}
.mit-logo-header svg{display:block;width:140px;height:9px;filter:drop-shadow(0 0 6px rgba(255,179,0,0.25));}

/* Mark — 48x48 indicator */
.mit-logo-mark{display:inline-block;line-height:0;}
.mit-brain-mark{display:block;}

/* ══ FIRM-LEVEL SCORE BOX — Gold/White Color Theme ══ */
.firm-score-panel{cursor:pointer;border-color:rgba(212,175,55,0.25) !important;}
.firm-score-panel:hover{border-color:rgba(212,175,55,0.4) !important;}
.firm-score-ring-row{display:flex;align-items:center;gap:14px;padding:6px 0;}
.firm-ring-wrap{position:relative;width:80px;height:80px;flex-shrink:0;}
.firm-ring-svg{width:100%;height:100%;transform:rotate(-90deg);}
.firm-ring-track{fill:none;stroke:var(--track);stroke-width:5;}
.firm-ring-fill{fill:none;stroke:#D4AF37;stroke-width:5;stroke-linecap:round;
  stroke-dasharray:238.76;stroke-dashoffset:238.76;transition:stroke-dashoffset 1.5s cubic-bezier(0.25,1,0.5,1);}
.firm-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.firm-ring-num{font-size:18px;font-weight:700;color:#D4AF37;text-shadow:0 0 12px rgba(212,175,55,0.4);}
.firm-ring-unit{font-size:6px;color:var(--gray-300);letter-spacing:0.1em;}
.firm-pillars{flex:1;display:flex;flex-direction:column;gap:5px;}
.firm-pillar-row{display:flex;align-items:center;gap:6px;font-size:8px;}
.firm-pillar-dot{width:5px;height:5px;border-radius:50%;background:#D4AF37;box-shadow:0 0 6px rgba(212,175,55,0.4);flex-shrink:0;}
.firm-pillar-lbl{flex:1;color:var(--gray-200);letter-spacing:0.08em;}
.firm-pillar-val{color:#fff;font-weight:700;min-width:20px;text-align:right;}

/* ══ TWEET REVAMP VIEWER ══ */
.tweet-revamp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;}
.tweet-col{padding:10px;border:1px solid var(--border);background:var(--bg-panel-body);}
.tweet-col-label{font-size:7px;color:var(--gray-300);letter-spacing:0.15em;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border);}
.tweet-col-label.revamp{color:#D4AF37;}
.tweet-col-text{font-size:9px;color:var(--text-2);text-transform:none;line-height:1.5;}
.tweet-analyst-comment{margin-top:10px;padding:8px;border:1px solid rgba(212,175,55,0.2);background:rgba(212,175,55,0.03);font-size:8px;color:var(--gray-200);text-transform:none;line-height:1.4;}
.tweet-analyst-label{font-size:7px;color:#D4AF37;letter-spacing:0.12em;margin-bottom:4px;}
@media(max-width:600px){.tweet-revamp-grid{grid-template-columns:1fr;}}

/* ══ GH PERFORMANCE — Enhanced (top 5 + status counts + trend) ══ */
.gh-status-row{display:flex;gap:8px;padding:4px 0;margin-bottom:4px;border-bottom:1px solid var(--border);}
.gh-status-badge{font-size:7px;padding:2px 6px;letter-spacing:0.1em;}
.gh-status-badge.working{color:#22c55e;border:1px solid rgba(34,197,94,0.3);}
.gh-status-badge.not-working{color:#F5A623;border:1px solid rgba(245,166,35,0.3);}

/* ══ ICEBERG FULL-SCREEN — Enhanced with animations ══ */
.iceberg-full-overlay .modal-fullscreen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border:none;}
.iceberg-scan-line{position:absolute;top:0;left:0;width:100%;height:2px;
  background:linear-gradient(90deg,transparent,rgba(245,158,11,0.6),transparent);
  opacity:0;pointer-events:none;z-index:10;
  animation:icebergScan 8s linear infinite;}
@keyframes icebergScan{0%{top:0;opacity:0;}5%{opacity:0.7;}50%{top:100%;opacity:0.7;}55%{opacity:0;}100%{opacity:0;}}
.iceberg-watermark{position:absolute;bottom:8px;right:12px;font-size:7px;color:rgba(245,158,11,0.15);
  letter-spacing:0.25em;pointer-events:none;z-index:5;}

/* ══ FIRM SCORE BREAKDOWN MODAL ══ */
.firm-breakdown{padding:4px 0;}
.firm-breakdown-pillar{margin-bottom:12px;}
.firm-breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;}
.firm-breakdown-name{font-size:9px;color:var(--gray-200);letter-spacing:0.1em;}
.firm-breakdown-score{font-size:14px;font-weight:700;color:#D4AF37;}
.firm-breakdown-bar{height:6px;background:var(--track);overflow:hidden;}
.firm-breakdown-fill{height:100%;background:#D4AF37;transition:width 0.8s ease;}
.firm-breakdown-desc{font-size:7px;color:var(--gray-400);margin-top:3px;text-transform:none;letter-spacing:0.04em;}
.firm-total-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;margin-top:8px;border-top:1px solid var(--border);}
.firm-total-label{font-size:10px;color:var(--gray-200);letter-spacing:0.15em;}
.firm-total-score{font-size:24px;font-weight:700;color:#D4AF37;text-shadow:0 0 16px rgba(212,175,55,0.3);}

/* ══ PIPELINE STATUS INDICATOR ══ */
.pipeline-status{
  display:flex;align-items:center;justify-content:center;gap:4px;
  padding:3px 8px;font-size:7px;letter-spacing:0.1em;
  background:var(--bg-panel-header);border-top:1px solid var(--border);
  color:var(--gray-300);
}
.pipeline-step{display:flex;align-items:center;gap:3px;padding:1px 4px;}
.pipeline-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--gray-500);display:inline-block;
  transition:all 0.3s;
}
.pipeline-step.active .pipeline-dot{
  background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,0.5);
}
.pipeline-step.active{color:var(--gray-100);}
.pipeline-arrow{color:var(--gray-500);font-size:8px;}

/* ══ FEED SOURCE TAGS ══ */
.feed-source{
  flex-shrink:0;font-size:6px;padding:1px 3px;
  letter-spacing:0.1em;font-weight:700;
  border:1px solid;margin-left:4px;
}
.feed-source.twitter{color:#1DA1F2;border-color:rgba(29,161,242,0.3);}
.feed-source.news{color:#22c55e;border-color:rgba(34,197,94,0.3);}
.feed-source.sheet{color:#F5A623;border-color:rgba(245,166,35,0.3);}
.feed-source.ai{color:#a855f7;border-color:rgba(168,85,247,0.3);}

/* ══ POWERED BY MASTERBRAIN LABEL ══ */
.masterbrain-tag{
  font-size:5px;color:#F5A623;letter-spacing:0.12em;
  opacity:0.7;margin-left:4px;white-space:nowrap;
}

/* ══ MIS INFO BUTTON & TOOLTIP ══ */
.info-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:14px;height:14px;border-radius:50%;
  border:1px solid var(--gray-400);background:transparent;
  color:var(--gray-200);font-size:8px;font-weight:700;
  font-style:italic;cursor:pointer;vertical-align:middle;
  margin-left:4px;transition:all 0.15s;
}
.info-btn:hover{border-color:var(--amber);color:var(--amber);}
.mis-tooltip{
  display:none;font-size:7px;color:var(--gray-200);
  padding:6px 8px;background:var(--bg-panel);
  border:1px solid var(--border);margin-bottom:6px;
  text-transform:none;line-height:1.4;letter-spacing:0.04em;
}
.mis-tooltip.show{display:block;}
.mis-sparkline-svg{width:100%;height:30px;display:block;margin-bottom:4px;}

/* ══ MIS HERO INFO PANEL ══ */
.mis-hero-info{
  font-size:7px;color:var(--gray-300);padding:4px 8px;
  background:rgba(245,158,11,0.03);border:1px solid rgba(245,158,11,0.1);
  margin:-4px 0 6px;text-transform:none;line-height:1.4;
}
.mis-last-updated{
  font-size:6px;color:var(--gray-400);letter-spacing:0.1em;
  text-align:center;margin-top:-4px;margin-bottom:4px;
}

/* ══ GH CONNECT SHEET ══ */
.gh-connect-row{
  display:flex;gap:4px;padding:4px 0;margin-bottom:4px;
  border-bottom:1px solid var(--border);
}
.gh-sheet-input{flex:1;font-size:8px;padding:4px 6px;}
.gh-connect-btn{font-size:7px;padding:4px 8px;white-space:nowrap;}

/* ══ LAYOUT FIXES — Full width charts, no overflow ══ */
.iceberg-svg{width:100%;height:100%;display:block;}
.node-svg{width:100%;flex:1;min-height:200px;display:block;}
/* ══ PANEL SIZE LOCKS ══ */
#panelKage    { height: 430px; flex: 0 0 430px; overflow: hidden; min-width: 0; width: 100%; }
#icebergNodesRow {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 490px;
}
#panelIceberg {
  flex: 0 0 65%;
  height: 490px;
  overflow: hidden;
  border-right: 1px solid #1C1C1C;
}
#panelNodes {
  flex: 1;
  height: 490px;
  overflow: hidden;
}
#panelSeverity  { height: 221px; flex: 0 0 221px; overflow: hidden; }
#panelSentiment { height: 152px; flex: 0 0 152px; overflow: hidden; }
#panelFeed      { height: 352px; flex: 0 0 352px; overflow: hidden; }
#panelLock      { height: 194px; flex: 0 0 194px; overflow: hidden; }
#panelKage iframe{width:100%;height:100%;border:none;display:block;overflow:hidden;}
#panelIceberg .iceberg-svg,#panelNodes .node-svg{
  max-width:100%;
}
/* Ensure all panels have consistent padding and border treatment */
.panel{min-width:0;overflow:hidden;}
.iceberg-wrap{overflow:hidden;min-width:0;}
.mis-sparkline-svg{width:100%;display:block;}

/* ══ ICEBERG AMBER COLORS (replace red) ══ */
.iceberg-wrap.critical svg polyline{stroke:rgba(245,166,35,0.6) !important;}
.iceberg-wrap.critical svg circle{stroke:rgba(245,166,35,0.5) !important;}
.iceberg-full-chart.critical svg polyline{stroke:rgba(245,166,35,0.6) !important;}
.iceberg-full-chart.critical svg circle{stroke:rgba(245,166,35,0.5) !important;}
.ib-modal-val.danger{color:#F5A623 !important;}

/* ══ GH STATUS BADGE — amber not-working ══ */
.gh-status-badge.not-working{color:#F5A623;border-color:rgba(245,166,35,0.3);}

/* ══ TOPBAR — LOG BUTTON ══ */
.topbar-log-btn{
  border-color:var(--amber) !important;color:var(--amber) !important;
  background:rgba(245,158,11,0.08);font-weight:700;letter-spacing:0.12em;
}
.topbar-log-btn:hover{background:rgba(245,158,11,0.16);box-shadow:0 0 8px rgba(245,158,11,0.15);}

/* ══ TOPBAR — SANDBOX TOGGLE ══ */
.sandbox-toggle{
  border-color:var(--gray-500) !important;color:var(--gray-300) !important;
  letter-spacing:0.1em;font-size:7px !important;padding:3px 6px !important;
}
.sandbox-toggle.on{
  border-color:var(--amber) !important;color:var(--amber) !important;
  background:rgba(245,158,11,0.08);
}
body.sandbox-mode .topbar{border-bottom-color:rgba(245,158,11,0.3);}
body.sandbox-mode .topbar::after{
  content:'◆ SANDBOX MODE';position:absolute;top:50%;right:52px;transform:translateY(-50%);
  font-size:6px;letter-spacing:0.15em;color:var(--amber);opacity:0.5;pointer-events:none;
}

/* ══ TOPBAR — OVERFLOW BUTTON ══ */
.topbar-overflow-btn{font-size:14px !important;line-height:1;padding:2px 8px !important;}

/* ══ MGH GRID — Full-viewport panel distribution ══ */
.mgh-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:2px;
  flex:1;
  overflow:hidden;
  padding:2px;
  min-height:0;
}
.mgh-grid .panel{
  min-height:0;overflow:hidden;
  display:flex;flex-direction:column;
}
.mgh-grid .panel .mgh-list,
.mgh-grid .panel .feed-scroll,
.mgh-grid .panel .gh-perf-grid,
.mgh-grid .panel .scale-bar-list,
.mgh-grid .panel .progress-list{
  flex:1;overflow-y:auto;min-height:0;
}
.mgh-span-2{grid-column:span 2;}
.mgh-chart-svg{width:100%;flex:1;min-height:120px;display:block;}
.mgh-feed-scroll{max-height:none;}
.mgh-list{padding:4px 0;}

/* MGH grid stagger animations */
.mgh-grid .panel{animation:panelIn 0.4s ease both;}
.mgh-grid .panel:nth-child(1){animation-delay:0s;}
.mgh-grid .panel:nth-child(2){animation-delay:0.06s;}
.mgh-grid .panel:nth-child(3){animation-delay:0.12s;}
.mgh-grid .panel:nth-child(4){animation-delay:0.18s;}
.mgh-grid .panel:nth-child(5){animation-delay:0.24s;}
.mgh-grid .panel:nth-child(6){animation-delay:0.3s;}

/* MGH grid responsive */
@media(max-width:1200px){
  .mgh-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
  .mgh-span-2{grid-column:span 2;}
}
@media(max-width:768px){
  .mgh-grid{grid-template-columns:1fr;grid-template-rows:auto;overflow-y:auto;}
  .mgh-span-2{grid-column:span 1;}
  .mgh-grid .panel{min-height:120px;}
}

/* ══════════════════════════════════════════════════════════════
   GROWTH HACKING + BQA MODULES
   ══════════════════════════════════════════════════════════════ */

.gh-module,.bqa-module{padding:8px;display:flex;flex-direction:column;gap:8px;height:100%;overflow-y:auto;}

.gh-mod-metrics{display:flex;gap:4px;flex-wrap:wrap;}
.gh-mod-stat{flex:1;min-width:100px;padding:8px 10px;background:var(--bg-base);border:1px solid var(--border);text-align:center;}
.gh-mod-stat-val{font-family:var(--mono);font-size:16px;font-weight:700;color:var(--amber);letter-spacing:0.05em;}
.gh-mod-stat-lbl{font-family:var(--mono);font-size:7px;color:var(--gray-300);letter-spacing:0.14em;margin-top:2px;}

.gh-mod-grid{display:flex;gap:8px;flex:1;min-height:0;}
.gh-mod-col{flex:1;display:flex;flex-direction:column;gap:0;min-width:0;}
@media(max-width:768px){
  .gh-mod-grid{flex-direction:column;}
  .gh-mod-metrics{flex-wrap:wrap;}
  .gh-mod-stat{min-width:80px;}
}

.gh-mod-queue{max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gray-700) transparent;}
.gh-mod-queue-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background 0.15s;}
.gh-mod-queue-item:hover{background:rgba(245,158,11,0.04);}
.gh-mod-queue-sev{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.gh-mod-queue-sev.high{background:#ef4444;}
.gh-mod-queue-sev.medium{background:var(--amber);}
.gh-mod-queue-sev.low{background:#22c55e;}
.gh-mod-queue-handle{font-family:var(--mono);font-size:8px;color:var(--amber);font-weight:700;letter-spacing:0.08em;min-width:90px;}
.gh-mod-queue-cat{font-family:var(--mono);font-size:7px;color:var(--gray-300);letter-spacing:0.1em;flex:1;}
.gh-mod-queue-time{font-family:var(--mono);font-size:7px;color:var(--gray-500);}
.gh-mod-queue-assign{font-family:var(--mono);font-size:7px;padding:2px 6px;background:rgba(245,158,11,0.08);border:1px solid var(--amber);color:var(--amber);cursor:pointer;letter-spacing:0.1em;}

.gh-mod-table{width:100%;border-collapse:collapse;font-family:var(--mono);}
.gh-mod-table thead th{font-size:10px;color:#b0b0b0;letter-spacing:0.14em;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--border-strong);text-align:left;}
.gh-mod-table tbody td{font-size:10px;color:#d0d0d0;padding:8px 10px;border-bottom:1px solid var(--border-light);}
.gh-mod-table tbody tr:hover td{background:rgba(245,158,11,0.05);}

.gh-mod-submissions,.bqa-queue{max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gray-700) transparent;}

.gh-mod-leaderboard{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto;}
.gh-mod-lb-row{display:flex;align-items:center;gap:6px;padding:5px 8px;border-bottom:1px solid var(--border-light);}
.gh-mod-lb-rank{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--gray-500);min-width:20px;text-align:center;}
.gh-mod-lb-rank.rank-1{color:var(--amber);}
.gh-mod-lb-rank.rank-2{color:#c0c0c0;}
.gh-mod-lb-rank.rank-3{color:#cd7f32;}
.gh-mod-lb-name{font-family:var(--mono);font-size:8px;color:var(--gray-100);font-weight:700;letter-spacing:0.08em;flex:1;}
.gh-mod-lb-bar{flex:2;height:10px;background:var(--bg-base);border:1px solid var(--border);overflow:hidden;}
.gh-mod-lb-bar-fill{height:100%;background:var(--amber);transition:width 0.6s ease;}
.gh-mod-lb-score{font-family:var(--mono);font-size:9px;font-weight:700;color:var(--amber);min-width:30px;text-align:right;}
.gh-mod-lb-grade{font-family:var(--mono);font-size:8px;font-weight:700;min-width:22px;text-align:center;}

.gh-mod-feed{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:0;scrollbar-width:thin;scrollbar-color:var(--gray-700) transparent;}
.gh-mod-feed-item{display:flex;gap:8px;padding:4px 8px;border-bottom:1px solid var(--border-light);font-family:var(--mono);font-size:7.5px;}
.gh-mod-feed-time{color:var(--gray-500);min-width:42px;flex-shrink:0;}
.gh-mod-feed-type{padding:1px 5px;font-size:6.5px;font-weight:700;letter-spacing:0.1em;border:1px solid;min-width:50px;text-align:center;flex-shrink:0;}
.gh-mod-feed-type.shield{color:#3b82f6;border-color:#3b82f6;}
.gh-mod-feed-type.response{color:#22c55e;border-color:#22c55e;}
.gh-mod-feed-type.flagged{color:#ef4444;border-color:#ef4444;}
.gh-mod-feed-type.assigned{color:var(--amber);border-color:var(--amber);}
.gh-mod-feed-msg{color:var(--gray-200);flex:1;}

.gh-mod-empty{font-family:var(--mono);font-size:11px;color:#808080;letter-spacing:0.1em;padding:20px;text-align:center;}

.bqa-breakdown{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto;}
.bqa-gh-card{padding:6px 8px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:8px;}
.bqa-gh-code{font-family:var(--mono);font-size:8px;font-weight:700;color:var(--amber);letter-spacing:0.1em;min-width:30px;}
.bqa-gh-bars{flex:1;display:flex;flex-direction:column;gap:2px;}
.bqa-dim-row{display:flex;align-items:center;gap:4px;}
.bqa-dim-label{font-family:var(--mono);font-size:6.5px;color:var(--gray-300);letter-spacing:0.1em;min-width:36px;}
.bqa-dim-bar{flex:1;height:5px;background:var(--bg-base);border:1px solid var(--border);overflow:hidden;}
.bqa-dim-fill{height:100%;transition:width 0.5s ease;}
.bqa-dim-fill.rel{background:#3b82f6;}
.bqa-dim-fill.qual{background:var(--amber);}
.bqa-dim-fill.imp{background:#22c55e;}
.bqa-dim-fill.comp{background:#a855f7;}
.bqa-gh-avg{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--gray-100);min-width:28px;text-align:right;}

.bqa-flagged{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:0;}
.bqa-flag-item{display:flex;gap:8px;padding:5px 8px;border-bottom:1px solid var(--border-light);font-family:var(--mono);font-size:7.5px;align-items:center;}
.bqa-flag-reason{color:#ef4444;font-weight:700;letter-spacing:0.1em;min-width:60px;}
.bqa-flag-gh{color:var(--amber);min-width:30px;}
.bqa-flag-desc{color:var(--gray-200);flex:1;}
.bqa-flag-date{color:var(--gray-500);}

.bqa-trend-chart{padding:4px;background:var(--bg-base);border:1px solid var(--border);}

/* ══ GH COMMAND — Manager Oversight (merged Operations + Quality) ══ */

.ghcmd-view .view-header{gap:12px;flex-wrap:wrap;}
.ghcmd-filter{
  font-family:var(--mono);font-size:10px;
  background:var(--bg2);color:var(--fg);
  border:1px solid var(--border);padding:4px 8px;
  letter-spacing:0.08em;text-transform:uppercase;
}
.ghcmd-subnav{
  display:flex;gap:0;margin:0 0 12px;
  border-bottom:1px solid var(--border);
}
.ghcmd-tab{
  font-family:var(--mono);font-size:11px;font-weight:700;
  letter-spacing:0.12em;text-transform:uppercase;
  background:none;border:none;color:var(--dim);
  padding:8px 20px;cursor:pointer;
  border-bottom:2px solid transparent;
  transition:color 0.2s,border-color 0.2s;
}
.ghcmd-tab:hover{color:var(--fg);}
.ghcmd-tab--active{
  color:var(--amber);
  border-bottom-color:var(--amber);
}

/* ══ MY OPS — Growth Hacker Personal Dashboard ══ */

/* ── Blur backdrop — reduce visual noise from background ── */
.gh-workspace-view{
  display:flex;flex-direction:column;height:100%;
  position:relative;
}
.gh-workspace-view::before{
  content:'';position:absolute;inset:0;
  background:rgba(8,8,8,0.85);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  z-index:0;pointer-events:none;
}
.gh-workspace-view>*{position:relative;z-index:1;}

/* ── Identity Bar V2 (top, full width — matches mockup) ── */
.ghv-identity-bar-v2{
  display:flex;align-items:center;gap:16px;
  padding:12px 20px;
  background:rgba(30,30,30,0.95);border-bottom:1px solid var(--border-strong);
  flex-wrap:wrap;flex-shrink:0;
}
.ghv-id-left{min-width:200px;flex-shrink:0;}
.ghv-gh-code{
  font-family:var(--mono);font-size:16px;font-weight:700;
  color:var(--amber);letter-spacing:0.15em;
}
.ghv-gh-meta-v2{
  font-family:var(--mono);font-size:10px;color:var(--text-2);
  letter-spacing:0.08em;margin-top:3px;
  white-space:nowrap;
}
.ghv-meta-sep{margin:0 8px;color:var(--gray-200);}
.ghv-kpi-cards-v2{
  display:flex;gap:10px;flex:1;justify-content:center;flex-wrap:wrap;
}
.ghv-kpi-card{
  background:rgba(20,20,20,0.9);border:1px solid var(--border-strong);
  padding:12px 20px;text-align:center;min-width:120px;
}
.ghv-kpi-card--accent{border-color:var(--amber-dim);}
.ghv-kpi-val{
  font-family:var(--mono);font-size:22px;font-weight:700;
  color:#e0e0e0;letter-spacing:0.08em;
}
.ghv-kpi-card--accent .ghv-kpi-val{color:var(--amber);}
.ghv-kpi-trend{
  font-family:var(--mono);font-size:11px;font-weight:700;
  letter-spacing:0.08em;margin-top:2px;
}
.ghv-kpi-lbl{
  font-family:var(--mono);font-size:9px;font-weight:700;
  color:var(--text-2);letter-spacing:0.15em;
  margin-top:4px;text-transform:uppercase;
}
.ghv-reviews-btn{
  flex-shrink:0;padding:8px 16px;
  font-size:10px;letter-spacing:0.12em;
  border:1px solid var(--border-strong);color:#aaa;
}
.ghv-reviews-btn:hover{border-color:var(--amber);color:var(--amber);}

/* ── Scrollable Content ── */
.ghv-content{
  flex:1;overflow-y:auto;padding:16px 20px;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;
}
.ghv-section{margin-bottom:20px;}
.ghv-section-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:10px;
}
.ghv-section-title{
  font-family:var(--mono);font-size:13px;font-weight:700;
  color:#c0c0c0;letter-spacing:0.18em;text-transform:uppercase;
}

/* ── Project Cards Row — horizontal scroll deck (V2) ── */
.ghv-project-grid{
  display:flex;gap:12px;overflow-x:auto;
  padding-bottom:6px;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;
}
.ghv-project-grid .gh-project-card{
  min-width:340px;max-width:440px;flex-shrink:0;
  padding:18px 20px;
  background:rgba(20,20,20,0.9);border:1px solid var(--border-strong);
  cursor:default;transition:border-color 0.2s;
}
.ghv-project-grid .gh-project-card:hover{border-color:var(--amber-dim);}
.ghv-project-grid .gh-project-card.gh-pc--selected{
  border-color:var(--amber);box-shadow:0 0 12px rgba(245,158,11,0.15);
}
.gh-pc-title-row{display:flex;align-items:baseline;gap:8px;}
.gh-pc-badges{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap;}
.gh-pc-status{
  font-family:var(--mono);font-size:9px;font-weight:700;
  padding:2px 8px;letter-spacing:0.1em;
  border:1px solid;
}
.gh-pc-status--ok{border-color:#22C55E;color:#22C55E;background:rgba(34,197,94,0.08);}
.gh-pc-status--behind{border-color:#EF4444;color:#EF4444;background:rgba(239,68,68,0.08);}
.gh-pc-info-row{
  font-family:var(--mono);font-size:10px;color:#909090;
  letter-spacing:0.08em;margin-top:8px;
}
.gh-pc-info-sep{margin:0 6px;color:#555;}
.gh-pc-info-item{color:#aaa;}
.gh-pc-progress-row{
  display:flex;align-items:center;gap:10px;margin-top:8px;
}
.gh-pc-progress-track{
  flex:1;height:10px;background:var(--track);border:1px solid var(--track-border);
}
.gh-pc-progress-fill{
  height:100%;background:var(--amber);
  box-shadow:0 0 6px var(--amber-glow);transition:width 0.4s ease;
}
.gh-pc-progress-label{
  font-family:var(--mono);font-size:10px;font-weight:700;
  color:var(--amber);letter-spacing:0.1em;white-space:nowrap;
}

/* QW4: Target completion celebration */
.gh-pc--complete{
  animation:ghPcComplete 2.5s ease forwards;
}
@keyframes ghPcComplete{
  0%{border-color:var(--border-strong);}
  15%{border-color:#22C55E;box-shadow:0 0 12px rgba(34,197,94,0.3);}
  85%{border-color:#22C55E;box-shadow:0 0 12px rgba(34,197,94,0.3);}
  100%{border-color:var(--border-strong);box-shadow:none;}
}
.ghv-pv-kpi--complete{
  animation:ghKpiComplete 2.5s ease forwards;
}
@keyframes ghKpiComplete{
  0%{border-color:var(--border-strong);}
  15%{border-color:#22C55E;background:rgba(34,197,94,0.08);}
  85%{border-color:#22C55E;background:rgba(34,197,94,0.08);}
  100%{border-color:var(--border-strong);background:rgba(20,20,20,0.9);}
}
.ghv-identity--all-complete{
  animation:ghAllComplete 4s ease forwards;
}
@keyframes ghAllComplete{
  0%{border-bottom-color:var(--border-strong);}
  15%{border-bottom-color:var(--amber);box-shadow:0 2px 16px var(--amber-glow);}
  85%{border-bottom-color:var(--amber);box-shadow:0 2px 16px var(--amber-glow);}
  100%{border-bottom-color:var(--border-strong);box-shadow:none;}
}
@media (prefers-reduced-motion:reduce){
  .gh-pc--complete,.ghv-pv-kpi--complete,.ghv-identity--all-complete{animation:none;}
}

/* ── GH Campaign Line (project cards) ── */
.gh-pc-campaign-line{
  font-family:var(--mono);font-size:8px;color:var(--amber-dim);
  letter-spacing:0.1em;text-align:center;margin-top:4px;
}

/* ── GH Campaign Bar (project drill-down) ── */
.ghv-pv-campaign-bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:8px 16px;margin:0;
  border-bottom:1px solid var(--amber-dim);background:rgba(245,158,11,0.04);
  gap:12px;
}
.ghv-pv-campaign-dates{
  font-family:var(--mono);font-size:10px;font-weight:700;
  color:var(--amber);letter-spacing:0.1em;
}
.ghv-pv-campaign-remaining{
  font-family:var(--mono);font-size:10px;color:#ccc;
  letter-spacing:0.08em;margin-left:auto;
}

/* ── GH Edit Profile Button ── */
.ghv-edit-profile-btn{
  flex-shrink:0;padding:8px 12px;
  font-size:10px;letter-spacing:0.1em;
  border:1px solid var(--border-strong);color:#aaa;
  margin-left:8px;
}
.ghv-edit-profile-btn:hover{border-color:var(--amber);color:var(--amber);}

/* ── GH Read-Only Field ── */
.gh-readonly-field{
  font-family:var(--mono);font-size:10px;color:#888;
  padding:6px 0;letter-spacing:0.06em;
}

/* ── P11: Account Overlap Warning ── */
.gh-ac-overlap-warn{
  font-family:var(--mono);font-size:8px;font-weight:700;
  letter-spacing:0.1em;color:#F97316;
  padding:3px 6px;margin:2px 0;
  background:rgba(249,115,22,0.08);
  border:1px solid rgba(249,115,22,0.3);
  text-align:center;
}
.gh-ac-overlap--warning{
  color:var(--amber);border-color:rgba(245,158,11,0.3);
  background:rgba(245,158,11,0.08);
}
.gh-ac-overlap--alert{
  color:#EF4444;border-color:rgba(239,68,68,0.4);
  background:rgba(239,68,68,0.08);
}

/* Overlap summary warning bar */
.gh-overlap-summary{
  margin-bottom:10px;padding:8px 12px;border-radius:4px;
}
.gh-overlap-summary--warning{
  background:rgba(245,158,11,0.06);border:1px solid rgba(245,158,11,0.2);
}
.gh-overlap-summary--alert{
  background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.3);
}
.gh-overlap-summary-item{
  font-family:var(--mono);font-size:9px;letter-spacing:0.08em;
  padding:2px 0;
}
.gh-overlap-summary-item--warning{color:var(--amber);}
.gh-overlap-summary-item--alert{color:#EF4444;font-weight:700;}

/* ── P12: Activity Chart ── */
.gh-activity-chart{
  margin-bottom:12px;padding:10px 0;
}
.gh-activity-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:8px;padding:0 2px;
}
.gh-activity-title{
  font-family:var(--mono);font-size:10px;font-weight:700;
  letter-spacing:0.12em;color:var(--amber);
}
.gh-activity-stats{
  font-family:var(--mono);font-size:9px;
  letter-spacing:0.06em;color:#888;
}
.gh-activity-bars{
  display:flex;gap:2px;align-items:flex-end;
  height:80px;padding:0 2px;
}
.gh-activity-bar-wrap{
  flex:1;display:flex;flex-direction:column;align-items:center;
  height:100%;justify-content:flex-end;min-width:0;
}
.gh-activity-bar{
  width:100%;min-height:2px;
  background:var(--amber);
  transition:height 0.3s;position:relative;
  display:flex;align-items:flex-start;justify-content:center;
}
.gh-activity-bar--weekend{background:rgba(245,158,11,0.3);}
.gh-activity-count{
  font-family:var(--mono);font-size:7px;font-weight:700;
  color:#111;position:absolute;top:1px;
  line-height:1;
}
.gh-activity-day{
  font-family:var(--mono);font-size:7px;color:#666;
  letter-spacing:0.05em;margin-top:2px;
}

/* ── P16: Last Review Badge ── */
.ghv-last-review-badge{
  font-family:var(--mono);font-size:9px;
  letter-spacing:0.08em;color:#aaa;
  padding:4px 12px;
  background:rgba(245,158,11,0.04);
  border-bottom:1px solid var(--border);
}

/* ── P19: Day Off Button ── */
.ghv-pv-dayoff-row{
  display:flex;align-items:center;gap:10px;
  padding:6px 12px;
}
.ghv-pv-dayoff-btn{
  font-size:10px;letter-spacing:0.1em;
  border-color:var(--border-strong);color:#aaa;
}
.ghv-pv-dayoff-btn:hover{border-color:var(--amber);color:var(--amber);}
.ghv-pv-dayoff-btn--active{
  border-color:rgba(34,197,94,0.5);color:#22C55E;
  background:rgba(34,197,94,0.06);
}
.ghv-pv-dayoff-btn--active:hover{border-color:#22C55E;color:#22C55E;}
.ghv-pv-dayoff-hint{
  font-family:var(--mono);font-size:9px;color:#22C55E;
  letter-spacing:0.08em;
}

/* ── Tab Navigation — QUEUE / ACCOUNTS / HISTORY ── */
.ghv-tab-nav{
  display:flex;gap:2px;padding:0 0 0 0;margin-bottom:0;
  border-bottom:1px solid var(--border);
}
.ghv-tab{
  font-family:var(--mono);font-size:11px;font-weight:700;
  letter-spacing:0.12em;text-transform:uppercase;
  padding:10px 20px;
  background:transparent;border:none;border-bottom:2px solid transparent;
  color:#888;cursor:pointer;transition:all 0.2s;
  display:flex;align-items:center;gap:6px;
}
.ghv-tab:hover{color:#ccc;}
.ghv-tab--active{
  color:var(--amber);border-bottom-color:var(--amber);
}
.ghv-tab-badge{
  font-size:9px;font-weight:700;
  padding:1px 6px;
  background:rgba(245,158,11,0.12);border:1px solid var(--amber-dim);
  color:var(--amber);letter-spacing:0.05em;
}
.ghv-tab--active .ghv-tab-badge{
  background:rgba(245,158,11,0.2);
}

/* ── Tab Content ── */
.ghv-tab-content{padding-top:12px;}

/* ── Account Grid — wrap layout for ACCOUNTS tab ── */
.ghv-account-grid{
  display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
  gap:12px;
}

/* ── Project View (Phase B — in-place project workspace) ── */
.ghv-project-view{padding:0;}
.ghv-pv-header{
  display:flex;align-items:center;gap:16px;
  padding:12px 16px;border-bottom:1px solid var(--border);
}
.ghv-pv-back{
  font-size:10px;letter-spacing:0.1em;
  padding:6px 12px;flex-shrink:0;
}
.ghv-pv-back:hover{border-color:var(--amber);color:var(--amber);}
.ghv-pv-title{display:flex;align-items:baseline;gap:10px;}
.ghv-pv-name{
  font-family:var(--mono);font-size:16px;font-weight:700;
  color:var(--amber);letter-spacing:0.12em;
}
.ghv-pv-eco{
  font-family:var(--mono);font-size:11px;color:#888;
  letter-spacing:0.1em;
}

/* Project View KPIs */
.ghv-pv-kpis{
  display:flex;gap:10px;padding:12px 16px;
}
.ghv-pv-kpi{
  background:rgba(20,20,20,0.9);border:1px solid var(--border-strong);
  padding:12px 20px;text-align:center;flex:1;min-width:100px;
}
.ghv-pv-kpi--clickable{cursor:pointer;transition:border-color 0.2s;}
.ghv-pv-kpi--clickable:hover{border-color:var(--amber);}
.ghv-pv-kpi-val{
  font-family:var(--mono);font-size:18px;font-weight:700;
  color:#e0e0e0;letter-spacing:0.08em;
}
.ghv-pv-kpi-lbl{
  font-family:var(--mono);font-size:9px;font-weight:700;
  color:var(--text-2);letter-spacing:0.15em;margin-top:4px;text-transform:uppercase;
}

/* Project View Progress */
.ghv-pv-progress{
  height:8px;background:var(--track);border:1px solid var(--track-border);
  margin:0 16px 12px;
}
.ghv-pv-progress-fill{
  height:100%;background:var(--amber);
  box-shadow:0 0 6px var(--amber-glow);transition:width 0.4s ease;
}

/* Project View Section Title */
.ghv-pv-section-title{
  font-family:var(--mono);font-size:10px;font-weight:700;
  color:var(--text-2);letter-spacing:0.15em;
  padding:8px 16px 6px;text-transform:uppercase;
}

/* Project View Account Row */
.ghv-pv-accounts{
  display:flex;gap:8px;padding:0 16px 12px;overflow-x:auto;
  align-items:center;scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;
}
.ghv-pv-acct-card{
  display:flex;align-items:center;gap:8px;
  padding:8px 14px;
  background:rgba(20,20,20,0.9);border:1px solid var(--border-strong);
  cursor:pointer;transition:all 0.2s;flex-shrink:0;
}
.ghv-pv-acct-card:hover{border-color:var(--amber-dim);}
.ghv-pv-acct--selected{
  border-color:var(--amber);box-shadow:0 0 8px rgba(245,158,11,0.2);
}
.ghv-pv-acct-avatar{
  width:28px;height:28px;border-radius:50%;object-fit:cover;
}
.ghv-pv-acct-avatar--placeholder{
  background:rgba(245,158,11,0.15);border:1px solid var(--amber-dim);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:12px;font-weight:700;color:var(--amber);
}
.ghv-pv-acct-handle{
  font-family:var(--mono);font-size:11px;font-weight:700;
  color:#ccc;letter-spacing:0.06em;white-space:nowrap;
}
.ghv-pv-acct-used{
  font-family:var(--mono);font-size:9px;font-weight:700;
  color:var(--amber);letter-spacing:0.08em;
}
.ghv-pv-add-acct{flex-shrink:0;}

/* Project View Form */
.ghv-pv-form-wrap{
  padding:0 16px 12px;
}
.ghv-pv-selected-account{
  display:flex;align-items:center;gap:8px;
  padding:6px 0;margin-bottom:6px;
}
.ghv-pv-selected-label{
  font-family:var(--mono);font-size:10px;color:#888;letter-spacing:0.1em;
}
.ghv-pv-selected-name{
  font-family:var(--mono);font-size:12px;font-weight:700;color:var(--amber);
}
/* Account health warning bar */
.ghv-pv-health-warn{
  font-family:var(--mono);font-size:10px;letter-spacing:0.06em;
  padding:6px 10px;margin-bottom:6px;border-radius:3px;
}
.ghv-pv-health-warn--caution{
  background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);color:#F59E0B;
}
.ghv-pv-health-warn--blocked{
  background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);color:#EF4444;font-weight:700;
}
/* QW1: Persona rules panel */
.ghv-persona-panel{
  margin-bottom:8px;border:1px solid rgba(245,158,11,0.15);
  border-radius:3px;background:rgba(245,158,11,0.04);
}
.ghv-persona-header{
  display:flex;justify-content:space-between;align-items:center;
  padding:6px 10px;cursor:pointer;font-size:10px;font-weight:700;
  color:var(--amber);letter-spacing:0.1em;user-select:none;
}
.ghv-persona-header:hover{background:rgba(245,158,11,0.08);}
.ghv-persona-chevron{font-size:8px;opacity:0.6;}
.ghv-persona-body{padding:4px 10px 8px;}
.ghv-persona-row{
  display:flex;gap:8px;align-items:baseline;
  padding:3px 0;font-size:10px;letter-spacing:0.06em;
}
.ghv-persona-label{
  flex-shrink:0;width:72px;color:#888;font-weight:700;
}
.ghv-persona-val{color:#c0c0c0;}
.ghv-persona-val--warn{color:#EF4444;}
/* QW2: Weighted engagement label */
.ghv-pv-kpi-we{
  font-size:9px;font-weight:700;color:var(--amber);opacity:0.8;
  margin-left:2px;
}

.ghv-pv-form-row1,.ghv-pv-form-row2{
  display:flex;gap:8px;margin-bottom:6px;flex-wrap:wrap;align-items:center;
}
.ghv-pv-field{
  font-family:var(--mono) !important;font-size:11px !important;
  padding:8px 10px !important;
}
.ghv-pv-field--link{flex:1;min-width:200px;}
.ghv-pv-field--sm{max-width:140px;}
.ghv-pv-field--target{flex:1;min-width:180px;}
.ghv-pv-field--handle{max-width:100px;}
.ghv-pv-notes-toggle{flex-shrink:0;font-size:10px !important;letter-spacing:0.08em;}
.ghv-pv-submit{flex-shrink:0;}
.ghv-pv-form-notes{margin-bottom:6px;}
.ghv-pv-form-notes .field{width:100%;}

/* Project View Split Layout */
.ghv-pv-split{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;
  padding:0 16px 16px;
}
.ghv-pv-split-left,.ghv-pv-split-right{
  background:rgba(20,20,20,0.6);border:1px solid var(--border);
  padding:10px;min-height:200px;overflow-y:auto;max-height:400px;
}

/* Project View Feed Items */
.ghv-pv-feed-item{
  display:flex;flex-direction:column;gap:4px;
  padding:8px;border-bottom:1px solid rgba(255,255,255,0.05);
}
.ghv-pv-feed-item:last-child{border-bottom:none;}
.ghv-pv-feed-top{display:flex;align-items:center;gap:8px;}
.ghv-pv-use-btn{align-self:flex-end;margin-top:4px;font-size:10px !important;letter-spacing:0.08em;}

/* Project View Today's Submissions */
.ghv-pv-today-list{max-height:300px;overflow-y:auto;}
.ghv-pv-today-item{
  display:flex;align-items:center;gap:6px;
  padding:6px 0;font-family:var(--mono);font-size:11px;
  border-bottom:1px solid rgba(255,255,255,0.04);
}
.ghv-pv-today-item:last-child{border-bottom:none;}
.ghv-pv-today-check{color:#22C55E;font-weight:700;}
.ghv-pv-today-type{
  font-size:9px;font-weight:700;color:var(--amber);
  padding:1px 6px;border:1px solid var(--amber-dim);letter-spacing:0.08em;
}
.ghv-pv-today-acct{color:#ccc;}
.ghv-pv-today-arrow{color:#555;}
.ghv-pv-today-target{color:#888;}
.ghv-pv-today-count{
  font-size:9px;padding:1px 6px;
  background:rgba(245,158,11,0.12);border:1px solid var(--amber-dim);
  color:var(--amber);letter-spacing:0.05em;
}

/* Project View Responsive */
@media (max-width: 768px) {
  .ghv-pv-split{grid-template-columns:1fr;}
  .ghv-pv-kpis{flex-wrap:wrap;}
  .ghv-pv-form-row1,.ghv-pv-form-row2{flex-direction:column;}
  .ghv-pv-field--sm{max-width:none;}
  .ghv-pv-field--link{min-width:0;}
}

/* ── Account Row — horizontal scroll (legacy compat) ── */
.ghv-account-row{
  display:flex;gap:10px;overflow-x:auto;
  padding-bottom:6px;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;
}
.ghv-account-row .gh-account-card{
  min-width:240px;max-width:300px;flex-shrink:0;
}

/* ── Engagement Form Grid ── */
.ghv-form-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;
  padding:4px 0;
}
.ghv-form-wide{grid-column:1/-1;}

/* Legacy compat */
.gh-workspace-view .view-header{gap:12px;display:none;}

.gh-identity{
  font-family:var(--mono);font-size:10px;font-weight:700;
  color:var(--amber);letter-spacing:0.12em;
}

.gh-project-select{
  font-family:var(--mono);font-size:9px;font-weight:700;
  padding:5px 10px;background:var(--bg-base);border:1px solid var(--border);
  color:var(--gray-100);letter-spacing:0.08em;text-transform:uppercase;
  cursor:pointer;
}
.gh-project-select:focus{border-color:var(--amber);outline:none;}

/* Warning bar */
.gh-warning-bar{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:6px 16px;background:rgba(239,68,68,0.08);
  border-bottom:1px solid rgba(239,68,68,0.2);
  flex-shrink:0;
}
.gh-warning-item{
  font-family:var(--mono);font-size:11px;font-weight:700;
  color:#EF4444;letter-spacing:0.1em;
}
.gh-warning-sep{color:#888;font-size:10px;}

/* Warning ticker (scrolling deficit loop) */
.gh-warning-ticker{
  width:100%;overflow:hidden;position:relative;
}
.gh-warning-ticker-track{
  display:inline-flex;gap:48px;
  animation:warningScroll 20s linear infinite;
  white-space:nowrap;
  padding-left:100%;
}
.gh-warning-ticker-item{
  font-family:var(--mono);font-size:11px;font-weight:700;
  color:#EF4444;letter-spacing:0.1em;
  flex-shrink:0;
}
@keyframes warningScroll{
  0%{transform:translateX(0);}
  100%{transform:translateX(-100%);}
}
.gh-warning-ticker:hover .gh-warning-ticker-track{
  animation-play-state:paused;
}

/* Urgent bar */
.gh-urgent-bar{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:6px 16px;background:rgba(239,68,68,0.1);
  border-bottom:1px solid rgba(239,68,68,0.3);
  flex-shrink:0;
  animation:urgentPulse 2s ease-in-out infinite;
}
.gh-urgent-item{
  font-family:var(--mono);font-size:11px;font-weight:700;
  color:#EF4444;letter-spacing:0.1em;cursor:pointer;
  text-decoration:none;
}
.gh-urgent-item:hover{text-decoration:underline;color:#F87171;}

/* Project card urgent badge */
.gh-pc-urgent-count{
  font-family:var(--mono);font-size:10px;font-weight:700;
  color:#EF4444;letter-spacing:0.08em;
  animation:urgentPulse 2s ease-in-out infinite;
}

/* KPI row */
.gh-kpi-row{
  display:flex;align-items:stretch;gap:4px;
  padding:6px;flex-shrink:0;
}
.gh-kpi{
  flex:1;min-width:90px;padding:8px 10px;
  background:var(--bg-base);border:1px solid var(--border);text-align:center;
}
.gh-kpi-val{
  font-family:var(--mono);font-size:16px;font-weight:700;
  color:var(--amber);letter-spacing:0.05em;
  text-shadow:0 0 12px rgba(245,158,11,0.15);
}
.gh-kpi-lbl{
  font-family:var(--mono);font-size:7px;color:var(--gray-300);
  letter-spacing:0.14em;margin-top:2px;
}
.gh-kpi-progress{min-width:140px;}
.gh-progress-track{
  height:14px;background:var(--track);border:1px solid var(--track-border);
  margin-bottom:4px;
}
.gh-progress-fill{
  height:100%;background:var(--amber);
  box-shadow:0 0 8px var(--amber-glow);
  transition:width 0.5s ease;
}

/* Workspace body */
.gh-workspace-body{padding:6px;}
.gh-workspace-grid{
  display:flex;gap:8px;height:100%;
}
.gh-ws-col{
  flex:1;display:flex;flex-direction:column;gap:8px;
  overflow-y:auto;min-height:0;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;
}

/* Project cards */
.gh-project-cards{display:flex;flex-direction:column;gap:8px;}
.gh-project-card{
  padding:16px 18px;cursor:default;
  background:rgba(20,20,20,0.9);border:1px solid var(--border-strong);
}
.gh-project-card:hover{border-color:var(--amber-dim);}
.gh-pc-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:10px;
}
.gh-pc-name{
  font-family:var(--mono);font-size:15px;font-weight:700;
  color:var(--amber);letter-spacing:0.12em;
}
.gh-pc-badge{
  font-family:var(--mono);font-size:10px;font-weight:700;
  padding:3px 10px;letter-spacing:0.12em;
  border:1px solid #666;color:#ccc;
}
.gh-pc-badge.role-lead{border-color:var(--amber);color:var(--amber);background:rgba(245,158,11,0.1);}
.gh-pc-badge.role-sec{border-color:#888;color:#bbb;}
.gh-pc-meta{
  font-family:var(--mono);font-size:11px;color:#b0b0b0;
  letter-spacing:0.1em;margin-bottom:6px;
}
.gh-pc-sep{margin:0 6px;color:#666;}
.gh-pc-dates{
  font-family:var(--mono);font-size:10px;color:#909090;
  letter-spacing:0.08em;margin-bottom:10px;
}
.gh-pc-open{
  width:100%;padding:8px;font-size:11px;
}

/* Project detail inline */
.gh-project-detail{padding:4px;}
.gh-pd-header{margin-bottom:12px;text-align:center;}
.gh-pd-name{
  font-family:var(--mono);font-size:16px;font-weight:700;
  color:var(--amber);letter-spacing:0.15em;
}
.gh-pd-eco{
  font-family:var(--mono);font-size:10px;color:var(--gray-300);
  letter-spacing:0.1em;margin-left:8px;
}
.gh-pd-stats{
  display:flex;gap:8px;margin-bottom:10px;justify-content:center;
  flex-wrap:wrap;
}
.gh-pd-stat{
  flex:1 1 0;min-width:100px;text-align:center;padding:12px 14px;
  background:var(--bg-base);border:1px solid var(--border);
}
.gh-pd-stat-clickable{
  cursor:pointer;transition:border-color 0.15s;
}
.gh-pd-stat-clickable:hover{
  border-color:var(--amber-dim);background:rgba(245,158,11,0.03);
}
.gh-pd-stat-val{
  font-family:var(--mono);font-size:20px;font-weight:700;
  color:var(--amber);letter-spacing:0.05em;
  white-space:nowrap;
}
.gh-pd-stat-lbl{
  font-family:var(--mono);font-size:9px;color:var(--gray-300);
  letter-spacing:0.14em;margin-top:4px;
}
.gh-pd-progress{
  height:10px;background:var(--track);border:1px solid var(--track-border);
}
.gh-pd-progress-fill{
  height:100%;background:var(--amber);
  box-shadow:0 0 6px var(--amber-glow);
  transition:width 0.4s ease;
}

/* Engagement form */
.gh-form-row{margin-bottom:10px;}
.gh-form-row label{
  display:block;font-family:var(--mono);font-size:10px;font-weight:700;
  color:#b0b0b0;letter-spacing:0.12em;margin-bottom:4px;
}
.gh-form-2col{display:flex;gap:10px;}
.gh-form-2col .gh-form-row{flex:1;}
.gh-optional{font-weight:400;color:#808080;font-size:9px;}
.gh-submit-btn{width:100%;margin-top:8px;padding:10px;font-size:12px;}

/* Engagement history */
.gh-history-scroll{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;}
.gh-link{color:#b0b0b0;text-decoration:none;font-size:9px;}
.gh-link:hover{color:var(--amber);text-decoration:underline;}
.gh-status{
  font-family:var(--mono);font-size:9px;font-weight:700;
  padding:3px 8px;letter-spacing:0.1em;
}
.gh-status.status-ok{color:#22C55E;border:1px solid rgba(34,197,94,0.3);}
.gh-status.status-review{color:var(--amber);border:1px solid rgba(245,158,11,0.3);}
.gh-status.status-alert{color:#EF4444;border:1px solid rgba(239,68,68,0.3);}
.gh-status.status-pending{color:var(--gray-300);border:1px solid var(--border);}

/* Empty state */
.gh-empty-state{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:32px 24px;gap:10px;text-align:center;width:100%;
}
.gh-empty-state--lg{
  padding:60px 24px;gap:14px;
}
.gh-empty-state--md{
  padding:40px 24px;gap:12px;
}
.gh-empty-icon{font-size:36px;color:#666;opacity:0.4;}
.gh-empty-state--lg .gh-empty-icon{font-size:48px;}
.gh-empty-title{
  font-family:var(--mono);font-size:13px;font-weight:700;
  color:#aaa;letter-spacing:0.18em;
}
.gh-empty-state--lg .gh-empty-title{font-size:16px;color:#ccc;}
.gh-empty-state--md .gh-empty-title{font-size:14px;color:#bbb;}
.gh-empty-sub{
  font-family:var(--mono);font-size:10px;color:#888;
  letter-spacing:0.1em;line-height:1.6;
}

/* ══ ACCOUNT CARDS ══ */

.gh-account-cards{display:flex;flex-direction:column;gap:8px;}

.gh-account-card{
  background:rgba(20,20,20,0.9);border:1px solid var(--border-strong);
  padding:16px 18px;position:relative;
  transition:border-color 0.2s;
  min-width:0;
}
.gh-account-card:hover{border-color:var(--amber-dim);}

.gh-ac-header{
  display:flex;align-items:center;gap:10px;
  margin-bottom:8px;
}
.gh-ac-header-text{
  display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;
}
.gh-ac-avatar{
  width:32px;height:32px;border-radius:50%;flex-shrink:0;
  object-fit:cover;border:1px solid var(--border-strong);
}
.gh-ac-avatar--placeholder{
  display:flex;align-items:center;justify-content:center;
  background:rgba(245,158,11,0.12);color:var(--amber);
  font-family:var(--mono);font-size:14px;font-weight:700;
  letter-spacing:0;
}
.gh-ac-handle{
  font-family:var(--mono);font-size:13px;font-weight:700;
  color:var(--amber);letter-spacing:0.1em;
}
.gh-ac-platform{
  font-family:var(--mono);font-size:9px;font-weight:700;
  color:var(--text-2);letter-spacing:0.12em;
  padding:3px 8px;border:1px solid var(--border-strong);
  text-transform:uppercase;
}
.gh-ac-persona{
  font-family:var(--mono);font-size:11px;color:#b0b0b0;
  letter-spacing:0.08em;margin-bottom:8px;
}
.gh-ac-stats{
  display:flex;gap:14px;
  font-family:var(--mono);font-size:10px;letter-spacing:0.08em;
}
.gh-ac-stat-val{color:#e0e0e0;font-weight:700;}
.gh-ac-stat-lbl{color:#909090;margin-left:4px;}

.gh-ac-status{
  position:absolute;top:14px;right:16px;
  width:10px;height:10px;border-radius:50%;
}
.gh-ac-status.status-active{background:#22C55E;box-shadow:0 0 6px rgba(34,197,94,0.4);}
.gh-ac-status.status-attention{background:var(--amber);box-shadow:0 0 6px rgba(245,158,11,0.4);}
.gh-ac-status.status-inactive{background:#666;box-shadow:none;}
.gh-ac-status.status-quarantined{background:#EF4444;box-shadow:0 0 6px rgba(239,68,68,0.4);}
.gh-ac-status.status-school{background:#3B82F6;box-shadow:0 0 6px rgba(59,130,246,0.4);}
.gh-ac-status.status-suspended{background:var(--gray-200);}
.gh-ac-status.status-closed{background:#EF4444;box-shadow:0 0 4px rgba(239,68,68,0.3);}

/* Closed account card — dimmed */
.gh-account-card.gh-account-closed{opacity:0.45;}
.gh-account-card.gh-account-closed:hover{opacity:0.7;}

.gh-ac-health{
  margin-top:8px;height:4px;background:var(--bg1);
  border-radius:2px;overflow:hidden;
}
.gh-ac-health-fill{
  height:100%;transition:width 0.3s;
  border-radius:2px;
}
.gh-ac-used-badge{
  font-family:var(--mono);font-size:9px;font-weight:700;
  color:var(--amber);letter-spacing:0.1em;
  border:1px solid rgba(245,158,11,0.3);padding:2px 7px;
  margin-left:10px;
}

/* Add Account Button */
.gh-add-account-btn{
  float:right;font-size:8px !important;padding:2px 8px !important;
  margin-top:-2px;
}

/* Small control button variant */
.ctrl-btn.ctrl-sm{
  font-size:9px;padding:4px 12px;letter-spacing:0.1em;
}

/* ══ GH PROFILE PANEL ══ */

.gh-profile-panel{
  font-family:var(--mono);font-size:9px;
  letter-spacing:0.08em;color:var(--gray-300);
}
.gh-profile-row{
  display:flex;justify-content:space-between;
  padding:4px 0;border-bottom:1px solid rgba(255,255,255,0.04);
}
.gh-profile-row:last-child{border-bottom:none;}
.gh-profile-label{color:var(--gray-400);font-weight:700;text-transform:uppercase;font-size:8px;}
.gh-profile-val{color:var(--fg);text-align:right;max-width:60%;}
.gh-profile-lang{
  display:inline-block;font-size:7px;font-weight:700;
  padding:1px 5px;margin:1px 2px;
  border:1px solid var(--border);color:var(--gray-300);
  letter-spacing:0.1em;
}

/* ══ ACCOUNT ADD MODAL ══ */

.gh-modal-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,0.7);
  display:flex;align-items:center;justify-content:center;
  z-index:999;
}
.gh-modal{
  background:var(--bg-elevated);border:1px solid var(--amber-dim);
  padding:20px;width:420px;max-width:90vw;max-height:80vh;
  overflow-y:auto;
}
.gh-modal-title{
  font-family:var(--mono);font-size:12px;font-weight:700;
  color:var(--amber);letter-spacing:0.15em;
  margin-bottom:16px;
}
.gh-modal .gh-form-row{margin-bottom:10px;}
.gh-modal .gh-form-row label{
  font-family:var(--mono);font-size:8px;font-weight:700;
  color:var(--gray-400);letter-spacing:0.12em;
  display:block;margin-bottom:4px;text-transform:uppercase;
}
.gh-modal .field{
  width:100%;font-family:var(--mono);font-size:10px;
  background:var(--bg2);color:var(--fg);
  border:1px solid var(--border);padding:6px 8px;
  letter-spacing:0.06em;
}
.gh-modal .field:focus{border-color:var(--amber);outline:none;}
.gh-modal-actions{
  display:flex;gap:8px;justify-content:flex-end;
  margin-top:16px;
}
.gh-btn-danger{
  color:#EF4444 !important;border-color:#EF4444 !important;margin-right:auto;
}
.gh-btn-danger:hover{background:rgba(239,68,68,0.12) !important;}

/* Queue toggle rows (urgent/broadcast) */
.queue-toggle-row{
  display:flex !important;align-items:center;gap:8px;cursor:pointer;
  font-size:9px !important;color:var(--fg) !important;
  letter-spacing:0.08em !important;
}
.queue-toggle-row input[type="checkbox"]{
  accent-color:var(--amber);width:14px;height:14px;cursor:pointer;
}
.queue-urgent-label{color:#EF4444;font-weight:700;}

/* Notification section in profile modal */
.ghv-notif-divider{
  border-top:1px solid var(--border);margin:14px 0 4px;
}
.ghv-notif-section{
  padding:4px 0;
}
.ghv-notif-tg-status{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-family:var(--mono);font-size:9px;letter-spacing:0.06em;
}
.ghv-notif-linked{color:#22C55E;font-weight:700;}
.ghv-notif-pending{color:var(--amber);font-weight:600;}
.ghv-notif-unlinked{color:var(--gray-400);}
.ghv-notif-code-box{
  background:var(--bg2);border:1px solid var(--amber-dim);
  padding:10px;margin-top:6px;text-align:center;
}
.ghv-notif-code-label{
  font-family:var(--mono);font-size:8px;color:var(--gray-400);
  letter-spacing:0.12em;margin-bottom:4px;
}
.ghv-notif-code{
  font-family:var(--mono);font-size:18px;font-weight:700;
  color:var(--amber);letter-spacing:0.3em;margin:6px 0;
}
.ghv-notif-code-inst{
  font-family:var(--mono);font-size:9px;color:var(--gray-400);
  letter-spacing:0.04em;margin-top:6px;
}
.ghv-notif-code-inst code{
  background:var(--bg-elevated);padding:2px 6px;color:var(--fg);
}
.ghv-notif-prefs{
  padding:4px 0;
}

/* Account detail modal */
.gh-acct-detail-modal{width:440px;}
.gh-acct-detail{margin-bottom:12px;}
.gh-acct-detail-header{
  display:flex;align-items:center;gap:12px;
  margin-bottom:12px;padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.gh-acct-detail-avatar{
  width:44px;height:44px;border-radius:50%;flex-shrink:0;
  object-fit:cover;border:1px solid var(--border-strong);
}
.gh-acct-detail-avatar.gh-ac-avatar--placeholder{
  display:flex;align-items:center;justify-content:center;
  background:rgba(245,158,11,0.12);color:var(--amber);
  font-family:var(--mono);font-size:18px;font-weight:700;
  width:44px;height:44px;
}
/* Avatar upload widget */
.gh-avatar-upload{
  display:flex;align-items:center;gap:10px;
}
.gh-avatar-input{
  display:none;
}
.gh-avatar-btn{
  cursor:pointer;font-size:8px !important;padding:4px 10px !important;
  letter-spacing:0.1em;flex-shrink:0;
}
.gh-avatar-preview{
  width:40px;height:40px;border-radius:50%;
  object-fit:cover;border:1px solid var(--border-strong);
  flex-shrink:0;
}
.gh-avatar-hint{
  font-family:var(--mono);font-size:8px;color:var(--gray-400);
  letter-spacing:0.08em;
}

.gh-acct-detail-row{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.04);
}
.gh-acct-detail-row:last-child{border-bottom:none;}
.gh-acct-detail-label{
  font-family:var(--mono);font-size:8px;font-weight:700;
  color:var(--gray-400);letter-spacing:0.12em;
  text-transform:uppercase;flex-shrink:0;margin-right:12px;
}
.gh-acct-detail-val{
  font-family:var(--mono);font-size:10px;color:var(--fg);
  letter-spacing:0.06em;text-align:right;word-break:break-all;
}

/* Score drill-through modal */
.gh-score-modal{width:520px;}
.gh-score-overall{
  font-family:var(--mono);font-size:12px;font-weight:700;
  color:#c0c0c0;letter-spacing:0.12em;
  margin-bottom:14px;padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.gh-score-section-title{
  font-family:var(--mono);font-size:9px;font-weight:700;
  color:var(--gray-400);letter-spacing:0.15em;
  margin-bottom:6px;text-transform:uppercase;
}

/* Toast enhancements for GH */
.toast{
  font-family:var(--mono);font-size:9px;font-weight:700;
  padding:8px 16px;letter-spacing:0.1em;
  background:var(--bg-elevated);border:1px solid var(--border);
  color:var(--gray-100);opacity:0;transition:opacity 0.3s;
  margin-bottom:4px;
}
.toast.show{opacity:1;}
.toast-success{border-color:rgba(34,197,94,0.4);color:#22C55E;}
.toast-error{border-color:rgba(239,68,68,0.4);color:#EF4444;}
.toast-warning{border-color:rgba(245,158,11,0.4);color:var(--amber);}

/* ══ QUEUE + FORM SIDE-BY-SIDE LAYOUT ══ */

.ghv-queue-form-row{
  display:flex;gap:16px;align-items:flex-start;
}
.ghv-queue-col{
  flex:0 0 60%;min-width:0;
}
.ghv-form-col{
  flex:0 0 calc(40% - 16px);min-width:280px;
  position:sticky;top:0;
}
.ghv-form-stack{
  display:flex;flex-direction:column;gap:8px;
}
.ghv-form-stack .gh-form-row{margin-bottom:0;}

/* Selected account bar in form */
.ghv-selected-account{
  display:flex;align-items:center;gap:8px;
  padding:8px 10px;margin-bottom:10px;
  background:rgba(245,158,11,0.06);border:1px solid var(--amber-dim);
}
.ghv-selected-account-label{
  font-family:var(--mono);font-size:8px;font-weight:700;
  color:var(--gray-300);letter-spacing:0.12em;
}
.ghv-selected-account-name{
  font-family:var(--mono);font-size:11px;font-weight:700;
  color:var(--amber);letter-spacing:0.1em;flex:1;
}
.ghv-selected-account-clear{
  font-size:9px !important;padding:1px 6px !important;
  color:#aaa !important;
}

/* Clickable account cards */
.gh-account-card{cursor:pointer;}
.gh-account-card.gh-account-selected{
  border-color:var(--amber) !important;
  box-shadow:0 0 8px rgba(245,158,11,0.15);
}

@media(max-width:900px){
  .ghv-queue-form-row{flex-direction:column;}
  .ghv-form-col{max-width:100%;position:static;}
}

/* ══ ENGAGEMENT QUEUE / FEED ══ */

.ghv-feed-controls{
  display:flex;gap:4px;
}
.ghv-feed-filter{
  font-size:8px !important;padding:2px 8px !important;
  letter-spacing:0.1em;
}
.ghv-feed-filter.active{
  background:var(--amber);color:#000;border-color:var(--amber);
}

.ghv-feed-list{
  max-height:400px;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;
}

.ghv-feed-item{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:12px;padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,0.04);
  transition:background 0.15s;
}
.ghv-feed-clickable{cursor:pointer;}
.ghv-feed-item:hover{background:rgba(245,158,11,0.03);}
.ghv-feed-item:last-child{border-bottom:none;}

.ghv-feed-left{
  flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;
}

.ghv-feed-type-badge{
  display:inline-block;font-family:var(--mono);font-size:8px;font-weight:700;
  padding:2px 8px;letter-spacing:0.12em;text-transform:uppercase;
  border:1px solid #666;color:#ccc;
  align-self:flex-start;
}
.ghv-feed-type-badge.client_post{border-color:var(--amber);color:var(--amber);background:rgba(245,158,11,0.08);}
.ghv-feed-type-badge.fud{border-color:#EF4444;color:#EF4444;background:rgba(239,68,68,0.08);}
.ghv-feed-type-badge.external{border-color:#888;color:#aaa;}

.ghv-feed-meta{
  display:flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:9px;letter-spacing:0.08em;
}
.ghv-feed-handle{color:var(--amber);font-weight:700;}
.ghv-feed-time{color:#888;}
.ghv-feed-metrics{color:#777;font-size:8px;}

.ghv-feed-content{
  font-family:var(--mono);font-size:11px;color:#c0c0c0;
  letter-spacing:0.04em;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;text-overflow:ellipsis;
  transition:all 0.15s;
}
.ghv-feed-item:hover .ghv-feed-content{
  -webkit-line-clamp:unset;display:block;
}

.ghv-feed-right{
  display:flex;flex-direction:column;align-items:flex-end;gap:6px;
  flex-shrink:0;
}

.ghv-feed-tracker{
  display:flex;flex-direction:column;align-items:center;gap:3px;
}
.ghv-feed-count{
  font-family:var(--mono);font-size:11px;font-weight:700;
  color:var(--amber);letter-spacing:0.08em;
}
.ghv-feed-dots{
  display:flex;gap:3px;
}
.ghv-feed-dot{
  width:6px;height:6px;border-radius:50%;
  background:#555;transition:background 0.2s;
}
.ghv-feed-dot.engaged{
  background:var(--amber);box-shadow:0 0 4px rgba(245,158,11,0.4);
}

.ghv-feed-actions{
  display:flex;gap:4px;position:relative;
}
.ghv-feed-mark-btn{
  font-size:8px !important;padding:2px 8px !important;
}

/* Mark account popup */
.ghv-mark-popup{
  position:absolute;right:0;top:100%;z-index:50;
  background:var(--bg-elevated);border:1px solid var(--amber-dim);
  padding:8px;display:flex;flex-direction:column;gap:4px;
  min-width:140px;
}
.ghv-mark-popup-title{
  font-family:var(--mono);font-size:8px;font-weight:700;
  color:var(--gray-300);letter-spacing:0.12em;
  margin-bottom:2px;
}
.ghv-mark-acct-btn{
  text-align:left !important;font-size:9px !important;
  padding:4px 8px !important;
}

/* ══ MY OPS — Role-Based Sub-Tabs ══ */

.ghv-subnav{
  display:flex;gap:0;
  border-bottom:1px solid var(--border);
  background:rgba(20,20,20,0.95);
  padding:0 20px;
}
.ghv-subtab{
  font-family:var(--mono);font-size:11px;font-weight:700;
  letter-spacing:0.12em;text-transform:uppercase;
  background:none;border:none;color:var(--dim);
  padding:10px 24px;cursor:pointer;
  border-bottom:2px solid transparent;
  transition:color 0.2s,border-color 0.2s;
}
.ghv-subtab:hover{color:var(--fg);}
.ghv-subtab--active{
  color:var(--amber);
  border-bottom-color:var(--amber);
}

/* ══ MANAGER VIEW ══ */

.mgr-metrics-row{
  display:flex;gap:10px;padding:14px 0;flex-wrap:wrap;
}
.mgr-metric{
  background:rgba(20,20,20,0.9);border:1px solid var(--border-strong);
  padding:14px 24px;text-align:center;flex:1;min-width:100px;
}
.mgr-metric-val{
  font-family:var(--mono);font-size:22px;font-weight:700;
  color:#e0e0e0;letter-spacing:0.08em;
}
.mgr-metric-lbl{
  font-family:var(--mono);font-size:9px;font-weight:700;
  color:var(--text-2);letter-spacing:0.15em;
  margin-top:4px;
}

.mgr-warning-bar{
  padding:8px 12px;margin-bottom:12px;
  background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.3);
  font-family:var(--mono);font-size:10px;font-weight:700;
  color:#EF4444;letter-spacing:0.1em;
  display:flex;flex-wrap:wrap;gap:12px;
}

.mgr-section{margin-bottom:20px;}

/* Project cards grid */
.mgr-project-grid{
  display:flex;gap:12px;overflow-x:auto;
  padding-bottom:6px;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;
}
.mgr-project-card{
  min-width:220px;max-width:280px;flex-shrink:0;
  padding:16px;display:flex;flex-direction:column;gap:8px;
}
.mgr-pc-header{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.mgr-pc-name{
  font-family:var(--mono);font-size:14px;font-weight:700;
  color:#e0e0e0;letter-spacing:0.1em;text-transform:uppercase;
}
.mgr-pc-meta{
  font-family:var(--mono);font-size:9px;color:#888;letter-spacing:0.1em;
}
.mgr-pc-stats{
  display:flex;gap:12px;margin-top:4px;
}
.mgr-pc-stat{display:flex;flex-direction:column;align-items:center;}
.mgr-pc-stat-val{
  font-family:var(--mono);font-size:16px;font-weight:700;color:#d0d0d0;
}
.mgr-pc-stat-lbl{
  font-family:var(--mono);font-size:8px;color:#888;letter-spacing:0.12em;
}
.mgr-pc-open{margin-top:6px;width:100%;}

/* Tier badges */
.mgr-tier-badge{
  font-family:var(--mono);font-size:9px;font-weight:700;
  letter-spacing:0.1em;padding:2px 8px;
  border:1px solid;border-radius:2px;
}
.mgr-tier-gx1{color:#F59E0B;border-color:#F59E0B;background:rgba(245,158,11,0.1);}
.mgr-tier-gx2{color:#3B82F6;border-color:#3B82F6;background:rgba(59,130,246,0.1);}
.mgr-tier-gx3{color:#22C55E;border-color:#22C55E;background:rgba(34,197,94,0.1);}
.mgr-tier-gx4{color:#888;border-color:#666;background:rgba(136,136,136,0.1);}

/* Scoring modal */
.mgr-scoring-header{
  font-family:var(--mono);font-size:12px;font-weight:700;
  color:var(--amber);letter-spacing:0.15em;
  margin-bottom:12px;
}
.mgr-score-card{
  background:rgba(20,20,20,0.9);border:1px solid var(--border-strong);
  padding:12px;margin-bottom:8px;
}
.mgr-score-card-header{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  font-family:var(--mono);font-size:10px;letter-spacing:0.08em;
  margin-bottom:6px;
}
.mgr-score-card-num{
  font-weight:700;color:var(--amber);font-size:12px;
}
.mgr-score-card-type{
  font-size:9px;padding:1px 6px;border:1px solid var(--border-strong);
  color:#aaa;letter-spacing:0.1em;
}
.mgr-score-link{
  display:block;font-size:9px;margin-bottom:4px;
  word-break:break-all;
}
.mgr-score-notes{
  font-family:var(--mono);font-size:9px;color:#999;
  margin-bottom:6px;font-style:italic;
}
.mgr-score-input{
  display:flex;align-items:center;gap:10px;
  font-family:var(--mono);font-size:10px;color:#aaa;letter-spacing:0.1em;
}
.mgr-score-radios{display:flex;gap:4px;}
.mgr-radio-label{
  display:flex;align-items:center;justify-content:center;
  width:32px;height:28px;cursor:pointer;
  border:1px solid var(--border-strong);
  font-family:var(--mono);font-size:12px;font-weight:700;
  color:#888;transition:all 0.15s;
}
.mgr-radio-label input{display:none;}
.mgr-radio-label:has(input:checked){
  color:var(--amber);border-color:var(--amber);
  background:rgba(245,158,11,0.1);
}
.mgr-radio-label:hover{color:var(--fg);border-color:var(--fg);}

/* ── Account Coverage Grid ── */
.mgr-accounts-grid{display:flex;flex-direction:column;gap:12px;}
.mgr-acct-group-label{
  font-family:var(--mono);font-size:10px;font-weight:700;
  color:var(--amber);letter-spacing:0.12em;margin-bottom:6px;
}
.mgr-acct-cards{display:flex;gap:8px;flex-wrap:wrap;overflow-x:auto;padding-bottom:4px;}
.mgr-acct-card{
  min-width:150px;max-width:190px;padding:10px;
  display:flex;flex-direction:column;gap:4px;
}
.mgr-acct-header{display:flex;align-items:center;gap:6px;}
.mgr-acct-status{
  width:6px;height:6px;border-radius:50%;flex-shrink:0;
}
.mgr-acct-handle{
  font-family:var(--mono);font-size:10px;font-weight:700;
  color:var(--amber);letter-spacing:0.05em;
}
.mgr-acct-persona-badge{
  font-family:var(--mono);font-size:8px;font-weight:700;
  letter-spacing:0.1em;padding:1px 6px;
  border:1px solid var(--border-strong);color:#aaa;
  display:inline-block;width:fit-content;
}
.mgr-acct-stats{
  font-family:var(--mono);font-size:8px;color:#888;
  letter-spacing:0.08em;display:flex;gap:8px;
}
.mgr-acct-health{height:3px;background:var(--border);margin-top:2px;}
.mgr-acct-health-fill{height:100%;}

/* ── Engagement Filters ── */
.mgr-detail-filters{
  display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap;
}
.mgr-filter-select{
  max-width:180px;font-size:9px !important;
  padding:6px 8px !important;
}

/* ── Mismatch Alerts ── */
.mgr-mismatch-section{margin-bottom:12px;}
.mgr-mismatch-alert{
  background:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.25);
  padding:8px 12px;margin-bottom:4px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-family:var(--mono);font-size:10px;letter-spacing:0.06em;
}
.mgr-mismatch-reason{color:#ccc;margin:0 6px;}
.mgr-mismatch-badge{
  font-size:8px;padding:1px 6px;margin-left:6px;
  border:1px solid rgba(239,68,68,0.5);color:#EF4444;
  letter-spacing:0.1em;font-weight:700;
}

/* ══ MANAGER REVAMP — Nav, Portfolio, Create, Dashboard, Campaign, Drawer, KB-Score, Team, Halted ══ */

/* ── Section Nav Bar ── */
.mgr-nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 0;border-bottom:1px solid var(--border);margin-bottom:14px;
}
.mgr-nav-tabs{display:flex;gap:4px;}
.mgr-nav-btn{
  font-family:var(--mono);font-size:10px;font-weight:700;
  letter-spacing:0.12em;padding:6px 16px;
  border:1px solid var(--border-strong);background:transparent;color:#888;
  cursor:pointer;transition:all 0.15s;
}
.mgr-nav-btn:hover{color:#ccc;border-color:#555;}
.mgr-nav-btn--active{
  color:var(--amber);border-color:var(--amber);
  background:rgba(245,158,11,0.08);
}

/* ── Filter Bar ── */
.mgr-filter-bar{
  display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap;
}
.mgr-search{
  max-width:200px;font-size:10px !important;
  padding:6px 10px !important;
}
.mgr-status-pills{display:flex;gap:2px;}
.mgr-pill{
  font-family:var(--mono);font-size:9px;font-weight:700;
  letter-spacing:0.1em;padding:4px 12px;
  border:1px solid var(--border-strong);background:transparent;color:#888;
  cursor:pointer;transition:all 0.15s;
}
.mgr-pill:hover{color:#ccc;border-color:#555;}
.mgr-pill--active{
  color:var(--amber);border-color:var(--amber);
  background:rgba(245,158,11,0.08);
}

/* ── Portfolio KPI Row ── */
.mgr-pf-kpi-row{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:8px;margin-bottom:14px;
}
.mgr-pf-kpi{
  padding:12px 10px;text-align:center;
  border:1px solid var(--border-strong);background:rgba(20,20,20,0.9);
}
.mgr-pf-kpi--danger{border-color:rgba(239,68,68,0.3);background:rgba(239,68,68,0.04);}
.mgr-pf-kpi-val{
  font-family:var(--mono);font-size:22px;font-weight:700;
  color:#e0e0e0;letter-spacing:0.05em;line-height:1.1;
}
.mgr-pf-kpi-lbl{
  font-family:var(--mono);font-size:8px;color:#888;
  letter-spacing:0.12em;margin-top:4px;
}

/* ── Portfolio Warnings ── */
.mgr-pf-warnings{
  background:rgba(239,68,68,0.04);border-color:rgba(239,68,68,0.3) !important;
  margin-bottom:14px;padding:0;overflow:hidden;
}
.mgr-pf-warnings-header{
  font-family:var(--mono);font-size:11px;font-weight:700;
  letter-spacing:0.1em;color:#EF4444;padding:10px 14px;
  border-bottom:1px solid rgba(239,68,68,0.2);
  background:rgba(239,68,68,0.06);
}

/* ── Portfolio Grid ── */
.mgr-portfolio-grid{
  display:flex;gap:12px;overflow-x:auto;
  padding-bottom:6px;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;
}
.mgr-pf-card{
  min-width:260px;max-width:300px;flex-shrink:0;
  padding:14px;display:flex;flex-direction:column;gap:8px;
  transition:border-color 0.15s;
}
.mgr-pf-card:hover{border-color:var(--amber-dim);}
.mgr-pf-card--closed{opacity:0.5;filter:grayscale(0.3);}
.mgr-pf-card--closed:hover{opacity:0.7;}
.mgr-pf-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.mgr-pf-logo{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border-strong);}
.mgr-pf-logo img{width:100%;height:100%;object-fit:cover;}
.mgr-pf-logo-placeholder{
  font-family:var(--mono);font-size:14px;font-weight:700;
  color:var(--amber);width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(245,158,11,0.08);
}
.mgr-pf-info{flex:1;min-width:0;}
.mgr-pf-name{
  font-family:var(--mono);font-size:13px;font-weight:700;
  color:#e0e0e0;letter-spacing:0.08em;text-transform:uppercase;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mgr-pf-eco{
  font-family:var(--mono);font-size:9px;color:#888;letter-spacing:0.08em;
}
.mgr-pf-behind-badge{
  font-family:var(--mono);font-size:8px;font-weight:700;
  letter-spacing:0.08em;padding:2px 6px;
  background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.5);
  color:#EF4444;white-space:nowrap;
}
.mgr-pf-status-row{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-family:var(--mono);font-size:9px;letter-spacing:0.08em;
}
.mgr-pf-status{
  font-weight:700;padding:2px 8px;border:1px solid;font-size:9px;
  letter-spacing:0.1em;
}
.mgr-status--active{color:#22C55E;border-color:#22C55E;background:rgba(34,197,94,0.08);}
.mgr-status--halted{color:#F97316;border-color:#F97316;background:rgba(249,115,22,0.08);}
.mgr-status--closed{color:#888;border-color:#666;background:rgba(136,136,136,0.08);}
.mgr-pf-campaign{
  font-family:var(--mono);font-size:8px;font-weight:700;
  letter-spacing:0.08em;color:var(--amber);
}
.mgr-pf-mgr{color:#aaa;}
.mgr-pf-stats{
  font-family:var(--mono);font-size:9px;color:#aaa;letter-spacing:0.06em;
  display:flex;gap:12px;
}
.mgr-pf-health{height:3px;background:var(--border);margin-top:2px;}
.mgr-pf-health-fill{height:100%;background:var(--amber);transition:width 0.3s;}
.mgr-pf-actions{
  display:flex;gap:4px;margin-top:auto;
}
.mgr-pf-actions .ctrl-btn{flex:1;text-align:center;}

/* ── Create Project ── */
.mgr-create-wrap{display:flex;gap:20px;}
.mgr-create-form{flex:2;min-width:0;}
.mgr-create-preview{flex:1;min-width:220px;max-width:320px;}
.mgr-create-row--2col{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.mgr-tier-selector{display:flex;gap:6px;margin-top:4px;}
.mgr-tier-btn{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:10px 8px;border:1px solid var(--border-strong);background:transparent;
  cursor:pointer;transition:all 0.15s;
}
.mgr-tier-btn-name{font-family:var(--mono);font-size:12px;font-weight:700;color:#ccc;letter-spacing:0.1em;}
.mgr-tier-btn-label{font-family:var(--mono);font-size:8px;color:#888;letter-spacing:0.1em;}
.mgr-tier-btn-count{font-family:var(--mono);font-size:9px;color:#666;letter-spacing:0.08em;}
.mgr-tier-btn:hover{border-color:var(--amber-dim);}
.mgr-tier-btn--active{border-color:var(--amber);background:rgba(245,158,11,0.06);}
.mgr-tier-btn--active .mgr-tier-btn-name{color:var(--amber);}
.mgr-create-gh-list{
  max-height:140px;overflow-y:auto;border:1px solid var(--border);
  padding:6px;margin-top:4px;
  scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent;
}
.mgr-gh-option{
  display:flex;align-items:center;gap:6px;padding:3px 0;
  font-family:var(--mono);font-size:10px;color:#ccc;
  letter-spacing:0.06em;cursor:pointer;
}
.mgr-gh-option input{accent-color:var(--amber);}
.mgr-create-gh-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;}
.mgr-preview-card{
  border:1px solid var(--border-strong);padding:12px;
  background:rgba(20,20,20,0.9);
}
.mgr-preview-ghs{margin-top:10px;}
.mgr-preview-gh-chip{
  font-family:var(--mono);font-size:9px;color:var(--amber);
  letter-spacing:0.08em;padding:3px 0;
  border-bottom:1px solid var(--border);
}

/* ── Project Dashboard ── */
.mgr-dash-header{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;flex-wrap:wrap;margin-bottom:8px;
}
.mgr-dash-header-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.mgr-dash-name{
  font-family:var(--mono);font-size:16px;font-weight:700;
  color:#e0e0e0;letter-spacing:0.1em;text-transform:uppercase;
}
.mgr-dash-actions{display:flex;gap:6px;}
.mgr-dash-meta{
  font-family:var(--mono);font-size:9px;color:#888;
  letter-spacing:0.08em;display:flex;gap:16px;margin-bottom:12px;
}

/* ── Campaign Bar ── */
.mgr-campaign-bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 14px;margin-bottom:14px;
  border:1px solid var(--amber-dim);background:rgba(245,158,11,0.04);
}
.mgr-campaign-bar--empty{border-color:var(--border-strong);background:rgba(20,20,20,0.5);}
.mgr-campaign-info{display:flex;align-items:center;gap:16px;}
.mgr-campaign-label{
  font-family:var(--mono);font-size:11px;font-weight:700;
  color:var(--amber);letter-spacing:0.1em;
}
.mgr-campaign-days{
  font-family:var(--mono);font-size:10px;color:#ccc;letter-spacing:0.08em;
}
.mgr-campaign-dates{
  font-family:var(--mono);font-size:10px;font-weight:700;
  color:var(--amber-bright, var(--amber));letter-spacing:0.08em;
}

/* ── Dashboard Grid ── */
.mgr-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.mgr-goal-row{
  display:flex;align-items:center;gap:10px;padding:6px 10px;
  font-family:var(--mono);font-size:10px;color:#ccc;letter-spacing:0.06em;
}
.mgr-goal-label{width:110px;flex-shrink:0;color:#888;}
.mgr-goal-bar{flex:1;height:6px;background:var(--border);position:relative;}
.mgr-goal-bar-fill{height:100%;background:var(--amber);transition:width 0.3s;}
.mgr-goal-numbers{width:70px;text-align:right;font-weight:700;}
.mgr-goal-value{font-weight:700;color:#ccc;}
.mgr-summary-item{
  display:flex;justify-content:space-between;padding:6px 10px;
  font-family:var(--mono);font-size:10px;color:#888;letter-spacing:0.06em;
  border-bottom:1px solid var(--border);
}

/* ── Halt / Close buttons ── */
.mgr-btn-halt{color:#F97316;border-color:#F97316;}
.mgr-btn-halt:hover{background:rgba(249,115,22,0.1);}
.mgr-btn-close{color:#EF4444;border-color:#EF4444;}
.mgr-btn-close:hover{background:rgba(239,68,68,0.1);}

/* ── Send Urgent Post Button + Modal ── */
.mgr-btn-urgent{color:#EF4444;border-color:#EF4444;font-weight:700;letter-spacing:0.05em;}
.mgr-btn-urgent:hover{background:rgba(239,68,68,0.15);}
.mgr-urgent-modal{max-width:500px;}
.mgr-urgent-title{color:#EF4444;font-size:14px;}
.mgr-urgent-scope{display:flex;gap:6px;margin-bottom:12px;}
.mgr-urgent-scope-btn{flex:1;font-size:10px;text-align:center;padding:6px 8px;}
.mgr-urgent-scope-btn--active{background:rgba(239,68,68,0.15);border-color:#EF4444;color:#EF4444;}
.mgr-urgent-confirm{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:12px 0 8px;background:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.2);border-radius:4px;font-size:10px;letter-spacing:0.06em;color:#ccc;}
.mgr-urgent-confirm-icon{font-size:16px;}
.mgr-btn-urgent-submit{background:#EF4444;color:#fff;border-color:#EF4444;font-weight:700;width:100%;padding:10px 16px;font-size:12px;}
.mgr-btn-urgent-submit:hover{background:#DC2626;}
.mgr-btn-urgent-submit:disabled{opacity:0.5;cursor:not-allowed;}

/* ── Best Engagements Drawer ── */
.mgr-drawer{
  position:fixed;top:0;right:-420px;width:400px;height:100vh;
  background:var(--bg-panel);border-left:1px solid var(--border-strong);
  z-index:1000;display:flex;flex-direction:column;
  transition:right 0.25s ease-in-out;
  overflow:hidden;
}
.mgr-drawer--open{right:0;}
.mgr-drawer-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;border-bottom:1px solid var(--border);
}
.mgr-drawer-title{
  font-family:var(--mono);font-size:12px;font-weight:700;
  color:var(--amber);letter-spacing:0.12em;
}
.mgr-drawer-sort{display:flex;gap:4px;padding:8px 16px;}
.mgr-drawer-list{flex:1;overflow-y:auto;padding:8px 16px;}
.mgr-drawer-item{
  display:flex;align-items:flex-start;gap:8px;padding:8px 0;
  border-bottom:1px solid var(--border);
}
.mgr-drawer-cb{display:flex;align-items:center;}
.mgr-drawer-cb input{accent-color:var(--amber);}
.mgr-drawer-item-info{flex:1;min-width:0;}
.mgr-drawer-item-top{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-family:var(--mono);font-size:10px;letter-spacing:0.06em;
}
.mgr-drawer-score{
  font-weight:700;color:var(--amber);font-size:13px;min-width:24px;
}
.mgr-drawer-item-meta{
  font-family:var(--mono);font-size:9px;color:#888;
  letter-spacing:0.04em;margin-top:2px;
}
.mgr-drawer-footer{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;border-top:1px solid var(--border);
  font-family:var(--mono);font-size:10px;color:#aaa;letter-spacing:0.1em;
}

/* ── Keyboard Score Box ── */
.mgr-kb-card{
  background:rgba(20,20,20,0.9);border:1px solid var(--border-strong);
  padding:12px;margin-bottom:8px;
  transition:border-color 0.15s;
}
.mgr-kb-card--focus{border-color:var(--amber);box-shadow:0 0 8px rgba(245,158,11,0.15);}
.mgr-kb-score-row{
  display:flex;align-items:center;gap:10px;
  font-family:var(--mono);font-size:10px;color:#aaa;letter-spacing:0.1em;
}
.mgr-kb-score-box{
  width:52px;height:36px;display:flex;align-items:center;justify-content:center;
  border:2px solid var(--border-strong);background:transparent;
  font-family:var(--mono);font-size:16px;font-weight:700;color:#888;
  cursor:pointer;transition:all 0.15s;outline:none;
}
.mgr-kb-score-box:focus{border-color:var(--amber);color:#ccc;}
.mgr-kb-scored{
  color:var(--amber) !important;border-color:var(--amber) !important;
  background:rgba(245,158,11,0.06);
  box-shadow:0 0 6px rgba(245,158,11,0.2);
}
.mgr-kb-hint{font-size:8px;color:#666;letter-spacing:0.08em;}

/* ── Halted State in GH View ── */
.gh-halted-badge{
  font-family:var(--mono);font-size:9px;font-weight:700;
  color:#F97316;border:1px solid #F97316;padding:2px 8px;
  letter-spacing:0.1em;
  animation:haltedPulse 2s ease-in-out infinite;
}
@keyframes haltedPulse{
  0%,100%{opacity:1;}
  50%{opacity:0.5;}
}
.gh-halted-banner{
  padding:10px 14px;margin-bottom:14px;text-align:center;
  background:rgba(249,115,22,0.08);border:1px solid rgba(249,115,22,0.4);
  font-family:var(--mono);font-size:11px;font-weight:700;
  color:#F97316;letter-spacing:0.12em;
}

/* ── Team Smart Table ── */
.mgr-team-table tbody tr{cursor:pointer;transition:background 0.15s;}
.mgr-team-table tbody tr:hover td{background:rgba(245,158,11,0.08);}
.mgr-team-filter-bar{flex-wrap:wrap;}
.mgr-follower-input{max-width:130px;}
.mgr-team-filter-indicator{
  font-family:var(--mono);font-size:10px;font-weight:700;
  color:var(--amber);letter-spacing:0.1em;
  padding:6px 12px;margin-bottom:10px;
  background:rgba(245,158,11,0.06);border:1px solid var(--amber-dim);
}

/* ── Drill-Down Identity ── */
.mgr-drill-identity{margin-bottom:14px;}

/* ── Engagement Heatmap (legacy) ── */
.mgr-heatmap-grid{display:flex;flex-direction:column;gap:2px;}
.mgr-heatmap-row{display:flex;gap:2px;align-items:center;}
.mgr-heatmap-label{
  width:48px;flex-shrink:0;
  font-family:var(--mono);font-size:8px;font-weight:700;
  color:#666;letter-spacing:0.08em;text-align:right;padding-right:4px;
}
.mgr-heatmap-day{
  flex:1;min-width:36px;text-align:center;
  font-family:var(--mono);font-size:8px;font-weight:700;
  color:#888;letter-spacing:0.1em;padding:2px 0;
}
.mgr-heatmap-cell{
  flex:1;min-width:36px;height:28px;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:10px;font-weight:700;
  border:1px solid var(--border);transition:border-color 0.15s;
}
.mgr-heatmap-cell:hover{border-color:var(--amber-dim);}

/* ── Daily Engagement Calendar ── */
.mgr-cal-nav{display:flex;align-items:center;gap:8px;}
.mgr-cal-month-label{
  font-family:var(--mono);font-size:11px;font-weight:700;
  color:var(--amber);letter-spacing:0.1em;min-width:120px;text-align:center;
}
.mgr-cal-grid{
  display:grid;grid-template-columns:repeat(7,1fr);gap:3px;
}
.mgr-cal-dow{
  font-family:var(--mono);font-size:11px;font-weight:700;
  color:var(--amber);letter-spacing:0.12em;text-align:center;
  padding:6px 0;text-transform:uppercase;
  border-bottom:1px solid rgba(245,158,11,0.2);
}
.mgr-cal-cell{
  min-height:64px;position:relative;
  border:1px solid var(--border);padding:6px 8px;
  display:flex;flex-direction:column;justify-content:space-between;
  cursor:pointer;transition:border-color 0.15s,background 0.15s;
}
.mgr-cal-cell:hover{border-color:var(--amber-dim);background:rgba(245,158,11,0.03);}
.mgr-cal-cell--empty{border:none;cursor:default;min-height:0;}
.mgr-cal-cell--empty:hover{background:none;}

/* Status colors */
.mgr-cal-cell--met{background:rgba(34,197,94,0.08);}
.mgr-cal-cell--met .mgr-cal-ratio{color:#22C55E;}
.mgr-cal-cell--partial{background:rgba(245,158,11,0.08);}
.mgr-cal-cell--partial .mgr-cal-ratio{color:var(--amber);}
.mgr-cal-cell--behind{background:rgba(239,68,68,0.08);}
.mgr-cal-cell--behind .mgr-cal-ratio{color:#EF4444;}
.mgr-cal-cell--dayoff{background:rgba(102,102,102,0.06);}
.mgr-cal-cell--dayoff .mgr-cal-ratio{color:#666;}
.mgr-cal-cell--future{opacity:0.35;cursor:default;}
.mgr-cal-cell--future:hover{border-color:var(--border);background:none;}
.mgr-cal-cell--today{border-left:3px solid var(--amber);}
.mgr-cal-cell--selected{border-color:var(--amber);background:rgba(245,158,11,0.1);}
.mgr-cal-cell--weekend{opacity:0.7;}

.mgr-cal-date{
  font-family:var(--mono);font-size:11px;font-weight:600;color:#888;
}
.mgr-cal-ratio{
  font-family:var(--mono);font-size:13px;font-weight:700;
  text-align:center;line-height:1;
}
.mgr-cal-bar{
  height:3px;background:var(--border);width:100%;margin-top:auto;
}
.mgr-cal-bar-fill{
  height:100%;background:var(--amber);transition:width 0.2s;
}
.mgr-cal-cell--met .mgr-cal-bar-fill{background:#22C55E;}
.mgr-cal-cell--behind .mgr-cal-bar-fill{background:#EF4444;}

/* Detail panel */
.mgr-cal-detail{
  margin-top:12px;padding:12px;
  border:1px solid var(--border);background:rgba(0,0,0,0.2);
  animation:mgrCalSlide 0.2s ease-out;
}
@keyframes mgrCalSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.mgr-cal-detail-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:10px;
}
.mgr-cal-detail-title{
  font-family:var(--mono);font-size:10px;font-weight:700;
  color:var(--amber);letter-spacing:0.08em;
}

/* Engagement chips */
.mgr-cal-eng-cell{display:flex;flex-wrap:wrap;gap:4px;}
.mgr-cal-eng-link{
  display:inline-flex;align-items:center;gap:2px;
  padding:2px 5px;border:1px solid var(--border);
  font-family:var(--mono);font-size:8px;
  text-decoration:none;color:inherit;
  transition:border-color 0.15s,background 0.15s;
}
.mgr-cal-eng-link:hover{border-color:var(--amber);background:rgba(245,158,11,0.08);}
.mgr-cal-eng-type{font-weight:700;color:#ccc;}
.mgr-cal-eng-type--weighted{color:var(--amber);}
.mgr-cal-eng-handle{color:#888;}

/* Tooltip (hover) */
.mgr-cal-tooltip{
  position:absolute;z-index:50;left:50%;bottom:100%;
  transform:translateX(-50%);margin-bottom:6px;
  background:#1a1a1a;border:1px solid var(--amber-dim);
  padding:6px 10px;white-space:nowrap;pointer-events:none;
  font-family:var(--mono);font-size:9px;letter-spacing:0.06em;
  color:#ccc;box-shadow:0 4px 12px rgba(0,0,0,0.5);
}
.mgr-cal-tooltip-title{
  color:var(--amber);font-weight:700;font-size:9px;
  margin-bottom:3px;letter-spacing:0.1em;
}
.mgr-cal-tooltip-name{
  color:#EF4444;font-weight:600;line-height:1.5;
}

/* Type category badges in detail */
.mgr-cal-cat{
  display:inline-block;padding:1px 5px;
  font-family:var(--mono);font-size:8px;font-weight:700;
  letter-spacing:0.08em;border:1px solid;
  text-transform:uppercase;white-space:nowrap;
}
.mgr-cal-cat--comment{color:#aaa;border-color:#555;}
.mgr-cal-cat--thread{color:var(--amber);border-color:var(--amber-dim);}
.mgr-cal-cat--external{color:#60A5FA;border-color:rgba(96,165,250,0.4);}
.mgr-cal-cat--fud{color:#EF4444;border-color:rgba(239,68,68,0.4);}
.mgr-cal-cat--quote{color:#A78BFA;border-color:rgba(167,139,250,0.4);}
.mgr-cal-cat--article{color:#22C55E;border-color:rgba(34,197,94,0.4);}
.mgr-cal-cat--meme{color:#FBBF24;border-color:rgba(251,191,36,0.4);}

/* ── Dashboard Split (Team + Heatmap side by side) ── */
.mgr-dash-split{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;
}
.mgr-dash-split-left,.mgr-dash-split-right{min-width:0;}

@media(max-width:768px){
  .mgr-create-wrap{flex-direction:column;}
  .mgr-create-preview{max-width:100%;}
  .mgr-dash-grid{grid-template-columns:1fr;}
  .mgr-drawer{width:100%;right:-100%;}
  .mgr-portfolio-grid{gap:8px;}
  .mgr-pf-kpi-row{grid-template-columns:repeat(3,1fr);}
  .mgr-create-row--2col{grid-template-columns:1fr;}
  .mgr-heatmap-cell{min-width:28px;height:22px;font-size:8px;}
  .mgr-heatmap-label{width:36px;font-size:7px;}
  .mgr-cal-cell{min-height:48px;padding:4px 5px;}
  .mgr-cal-dow{font-size:9px;padding:4px 0;}
  .mgr-cal-ratio{font-size:10px;}
  .mgr-cal-date{font-size:9px;}
  .mgr-cal-nav{flex-wrap:wrap;gap:4px;}
  .mgr-cal-month-label{font-size:9px;min-width:90px;}
  .mgr-cal-eng-link{font-size:7px;padding:1px 3px;}
  .mgr-cal-cat{font-size:7px;padding:1px 3px;}
  .mgr-dash-split{grid-template-columns:1fr;}
}

/* ══ KPI DRILL-THROUGH ══ */
.mgr-pf-kpi--click { cursor: pointer; transition: background 0.15s; }
.mgr-pf-kpi--click:hover { background: rgba(245,158,11,0.06); }

/* ══ OPS BOARD — Kanban Columns + Sticky Notes ══ */

.mgr-kb-toolbar {
  display: flex; align-items: center; gap: 12px;
  padding: 8px 0; margin-bottom: 8px;
}
.mgr-kb-toolbar-label {
  font-weight: 700; font-size: 13px; letter-spacing: 0.15em;
  color: var(--gray-100);
}
.mgr-kb-toolbar-live {
  font-size: 10px; color: #22c55e; letter-spacing: 0.1em; animation: kb-pulse 2s infinite;
}
@keyframes kb-pulse { 0%,100%{opacity:1;} 50%{opacity:0.4;} }
.mgr-kb-toolbar .ctrl-btn { margin-left: auto; }

.mgr-kb-board {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  min-height: 400px;
}

.mgr-kb-column {
  display: flex; flex-direction: column;
  background: rgba(255,255,255,0.01);
  border: 1px solid var(--border-light, #222);
  border-radius: 0;
}

.mgr-kb-col-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 10px;
  background: var(--bg-panel-header, #1a1a1a);
  border-bottom: 1px solid var(--border, #333);
  font-weight: 700; font-size: 11px; letter-spacing: 0.15em;
  color: var(--gray-100, #888);
}
.mgr-kb-col-count {
  font-size: 10px; color: var(--gray-300, #555);
  background: var(--gray-600, #222); padding: 1px 6px;
}

.mgr-kb-col-body {
  display: flex; flex-direction: column; gap: 6px;
  padding: 8px;
  flex: 1;
  min-height: 80px;
  transition: background 0.15s;
}
.mgr-kb-col-body.mgr-kb-drop-active {
  background: rgba(245,158,11,0.03);
  outline: 1px dashed rgba(245,158,11,0.3);
  outline-offset: -2px;
}

.mgr-kb-empty {
  font-size: 9px; color: var(--gray-400, #3a3a3a);
  letter-spacing: 0.12em; text-align: center;
  padding: 20px 0;
}

/* ── Sticky Note Cards ── */
.mgr-kb-card {
  background: var(--bg-panel-body, #0d0d0d);
  border: 1px solid var(--border, #333);
  border-left: 3px solid var(--gray-400, #3a3a3a);
  padding: 8px 10px;
  cursor: grab;
  user-select: none; -webkit-user-select: none;
  touch-action: none;
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
  position: relative;
}
.mgr-kb-card:hover {
  background: var(--bg-elevated, #1e1e1e);
  border-left-color: var(--amber, #F59E0B);
  box-shadow: 0 0 8px rgba(245,158,11,0.12);
}
.mgr-kb-card:active { cursor: grabbing; }

.mgr-kb-card--attention { border-left-color: var(--amber, #F59E0B); }
.mgr-kb-card--attention::after {
  content: ''; position: absolute; top: 5px; right: 5px;
  width: 5px; height: 5px; border-radius: 50%;
  background: var(--amber, #F59E0B); opacity: 0.8;
}
.mgr-kb-card--urgent { border-left-color: #ef4444; }
.mgr-kb-card--urgent::after {
  content: ''; position: absolute; top: 5px; right: 5px;
  width: 5px; height: 5px; border-radius: 50%;
  background: #ef4444; opacity: 0.8;
}

.mgr-kb-card-title {
  font-size: 11px; font-weight: 600; color: var(--fg, #e0e0e0);
  letter-spacing: 0.08em; line-height: 1.4;
  margin-bottom: 4px;
}
.mgr-kb-card-note {
  font-size: 9px; color: var(--gray-200, #666);
  letter-spacing: 0.06em; line-height: 1.4;
  margin-bottom: 4px;
  max-height: 36px; overflow: hidden;
}
.mgr-kb-card-meta {
  display: flex; align-items: center; gap: 6px;
  font-size: 9px; letter-spacing: 0.08em;
}
.mgr-kb-card-assignee {
  color: var(--amber, #F59E0B); opacity: 0.8;
}
.mgr-kb-card-priority {
  padding: 0 4px; font-size: 8px; font-weight: 700;
  letter-spacing: 0.1em;
}
.mgr-kb-pri--attention { color: var(--amber, #F59E0B); }
.mgr-kb-pri--urgent { color: #ef4444; }

/* ── Drag States ── */
.mgr-kb-drag-clone {
  opacity: 0.92;
  border-color: var(--amber, #F59E0B) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.5), 0 0 12px rgba(245,158,11,0.2);
  transform-origin: top left;
}
.mgr-kb-drag-placeholder {
  border: 2px dashed rgba(245,158,11,0.35);
  background: rgba(245,158,11,0.03);
  margin: 2px 0;
  transition: height 0.15s;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
  .mgr-kb-board { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .mgr-kb-board { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .mgr-kb-board { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .mgr-kb-card, .mgr-kb-drag-clone, .mgr-kb-drag-placeholder,
  .mgr-kb-col-body, .mgr-kb-toolbar-live { transition: none; animation: none; }
}

/* ══ Monte Carlo Simulator styles are self-injected by threat-brief.js ══ */

/* ══════════════════════════════════════════════════════════
   GATE — Japanese Minimal Access Control
   ══════════════════════════════════════════════════════════ */

/* ─── Animations ─── */
@keyframes logoStrokePulse{
  0%,100%{filter:drop-shadow(0 0 2px rgba(245,158,11,0.6));opacity:0.95}
  50%{filter:drop-shadow(0 0 1px rgba(245,158,11,0.3));opacity:0.75}
}
@keyframes logoGlitch{
  0%,100%{transform:translate(0,0);clip-path:none;opacity:0.95}
  2%{transform:translate(-2px,1px);clip-path:inset(20% 0 60% 0);opacity:1}
  4%{transform:translate(3px,0);clip-path:inset(50% 0 10% 0);opacity:0.85}
  5%{transform:translate(0,0);clip-path:none;opacity:0.95}
  45%,55%{transform:translate(0,0);clip-path:none;opacity:0.95}
  46%{transform:translate(1px,-1px) skewX(-1deg);clip-path:inset(30% 0 40% 0);opacity:1}
  47%{transform:translate(-3px,0) skewX(0.5deg);clip-path:inset(60% 0 20% 0);opacity:0.8}
  48%{transform:translate(0,0);clip-path:none;opacity:0.95}
}
@keyframes gate-dotPulse{
  0%,100%{box-shadow:0 0 0px rgba(245,158,11,0)}
  50%{box-shadow:0 0 6px rgba(245,158,11,0.25)}
}
@keyframes gate-statusPulse{
  0%,100%{opacity:0.5}50%{opacity:1}
}
@keyframes gate-shake{
  0%,100%{transform:translateX(0)}
  20%{transform:translateX(-6px)}40%{transform:translateX(6px)}
  60%{transform:translateX(-4px)}80%{transform:translateX(4px)}
}
@keyframes gate-digitImpact{
  0%{transform:scale(1);box-shadow:0 0 0 rgba(245,158,11,0)}
  30%{transform:scale(1.3);box-shadow:0 0 12px rgba(245,158,11,0.5)}
  100%{transform:scale(1);box-shadow:0 0 6px rgba(245,158,11,0.2)}
}
@keyframes gate-screenPulse{
  0%{opacity:0}30%{opacity:0.03}100%{opacity:0}
}
@keyframes gate-seamGlow{
  0%{opacity:0}40%{opacity:1}100%{opacity:0}
}
@keyframes gate-intelShimmer{
  0%{background-position:0% 0}
  100%{background-position:200% 0}
}

/* ─── Overlay ─── */
.gate-overlay{
  position:fixed;inset:0;z-index:9999;
  background:var(--bg-base);display:none;overflow:hidden;
}
.gate-overlay.open{display:block}
body:has(.gate-overlay.open) #copilotTrigger,
body:has(.gate-overlay.open) #copilotPanel{display:none!important}

/* Scanlines */
.gate-scanlines{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:repeating-linear-gradient(0deg,
    transparent 0px,transparent 3px,
    rgba(0,0,0,0.06) 3px,rgba(0,0,0,0.06) 4px);
}

/* Screen pulse (fires on each digit) */
.gate-screen-pulse{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:rgba(245,158,11,0.03);opacity:0;
}
.gate-screen-pulse.fire{animation:gate-screenPulse 0.35s ease-out forwards}

/* ─── Doors ─── */
.gate-door{
  position:absolute;top:0;bottom:0;width:50%;z-index:5;
  background:var(--bg-panel);
  border:1px solid var(--border);
  transition:transform 1.4s cubic-bezier(0.77,0,0.175,1);
  overflow:hidden;will-change:transform;
}
.gate-door.left{left:0;border-right:1px solid rgba(255,255,255,0.04)}
.gate-door.right{right:0;border-left:1px solid rgba(255,255,255,0.04)}
.gate-door.left.open{transform:translateX(-102%)}
.gate-door.right.open{transform:translateX(102%)}

/* Door texture — diagonal stripes */
.gate-door::before{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(-55deg,
    transparent 0px,transparent 3px,
    rgba(255,255,255,0.03) 3px,rgba(255,255,255,0.03) 4.5px);
  pointer-events:none;
}

/* Corner brackets */
.gate-corner{
  position:absolute;width:18px;height:18px;z-index:2;
  border-color:var(--gray-400);border-style:solid;border-width:0;
}
.gate-corner.tl{top:20px;left:20px;border-top-width:1px;border-left-width:1px}
.gate-corner.tr{top:20px;right:20px;border-top-width:1px;border-right-width:1px}
.gate-corner.bl{bottom:20px;left:20px;border-bottom-width:1px;border-left-width:1px}
.gate-corner.br{bottom:20px;right:20px;border-bottom-width:1px;border-right-width:1px}

/* Horizontal divider lines on doors */
.gate-line{
  position:absolute;left:24px;right:24px;height:1px;z-index:2;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.04),rgba(255,255,255,0.06),rgba(255,255,255,0.04),transparent);
}

/* Center seam glow (door open) */
.gate-seam{
  position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);
  z-index:6;pointer-events:none;opacity:0;
  background:linear-gradient(180deg,transparent 5%,var(--amber) 30%,var(--amber) 70%,transparent 95%);
  box-shadow:0 0 8px rgba(245,158,11,0.4),0 0 16px rgba(245,158,11,0.15);
}
.gate-seam.reveal{animation:gate-seamGlow 2s ease-out forwards}

/* ─── Center content ─── */
.gate-content{
  position:absolute;inset:0;z-index:10;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:22px;pointer-events:none;
  transition:opacity 0.6s ease;
}
.gate-content > *{pointer-events:auto}

/* Hero MB logo — stroke only, amber, tight glow */
.gate-hero-logo{
  width:420px;z-index:12;position:relative;
  animation:logoStrokePulse 3s ease-in-out infinite, logoGlitch 8s step-end infinite;
}
.gate-hero-logo.grant-flash{
  filter:drop-shadow(0 0 3px rgba(245,158,11,0.9)) drop-shadow(0 0 6px rgba(245,158,11,0.5))!important;
  opacity:1!important;transition:filter 0.3s,opacity 0.3s;
}

/* Title cluster */
.gate-title-cluster{text-align:center}
.gate-title{font-size:13px;letter-spacing:0.22em;color:var(--amber-dim)}
.gate-subtitle{font-size:8px;letter-spacing:0.18em;color:var(--gray-400);margin-top:5px}

/* Intel bar */
.gate-intel{
  display:flex;align-items:stretch;
  border:1px solid var(--border);
  background:var(--bg-panel-header);width:340px;
}
.gate-intel-cell{flex:1;text-align:center;padding:10px 14px;position:relative}
.gate-intel-cell + .gate-intel-cell{border-left:1px solid rgba(255,255,255,0.04)}
.gate-intel-lbl{font-size:8px;letter-spacing:0.14em;color:var(--gray-400);margin-bottom:4px}
.gate-intel-val{font-size:11px;letter-spacing:0.06em;color:var(--gray-100);transition:color 0.3s}
.gate-intel-bar{height:4px;background:var(--border);overflow:hidden;margin-top:5px}
.gate-intel-fill{height:100%;
  background-size:200% 100%;
  background-image:repeating-linear-gradient(-55deg,
    transparent 0px,transparent 2px,
    rgba(255,255,255,0.22) 2px,rgba(255,255,255,0.22) 3.5px);
  transition:width 0.6s ease;
  animation:gate-intelShimmer 20s linear infinite;
}

/* Status line */
.gate-status-row{display:flex;align-items:center;gap:12px}
.gate-status-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--gray-400);border:1px solid var(--gray-300);transition:all 0.3s;
}
.gate-status-dot.active{
  background:var(--amber);border-color:var(--amber);
  box-shadow:0 0 6px rgba(245,158,11,0.3);animation:gate-dotPulse 2s ease-in-out infinite;
}
.gate-status-dot.error{background:#ef4444;border-color:#ef4444;box-shadow:0 0 6px rgba(239,68,68,0.3);animation:none}
.gate-status-dot.success{background:#22c55e;border-color:#22c55e;box-shadow:0 0 6px rgba(34,197,94,0.3);animation:none}
.gate-status{
  font-family:var(--mono);font-size:11px;letter-spacing:0.12em;color:var(--gray-300);
  text-align:center;min-width:180px;animation:gate-statusPulse 3s ease-in-out infinite;
}
.gate-status.error{color:#ef4444;animation:none}
.gate-status.success{color:#22c55e;animation:none}

/* Code dots */
.gate-dots{display:flex;gap:16px;justify-content:center}
.gate-dot{
  width:14px;height:14px;
  border:1px solid var(--gray-400);background:transparent;
  transition:background 0.15s,border-color 0.15s;
}
.gate-dot.filled{background:var(--amber);border-color:var(--amber);box-shadow:0 0 6px rgba(245,158,11,0.2)}
.gate-dot.impact{animation:gate-digitImpact 0.35s ease-out}
.gate-dot.error{border-color:#ef4444;background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,0.3)}
.gate-dot.success{border-color:#22c55e;background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,0.3)}

/* Keypad */
.gate-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:220px}
.gate-keypad.shake{animation:gate-shake 0.4s ease}
.gate-key{
  font-family:var(--mono);font-size:16px;font-weight:400;
  padding:14px 0;min-height:52px;
  border:1px solid var(--border);background:transparent;
  color:var(--text-2);cursor:pointer;letter-spacing:0.08em;
  transition:border-color 0.12s ease,color 0.12s ease,background-color 0.12s ease,transform 0.12s ease;
  -webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;
}
.gate-key:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
/* Noise texture on keys — hover only */
.gate-key::before{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:0;transition:opacity 0.15s;mix-blend-mode:overlay;
}
.gate-key:hover::before{opacity:0.09}
.gate-key:hover{border-color:var(--gray-400);color:#fff;background:rgba(255,255,255,0.025)}
.gate-key:active{transform:scale(0.95);background:rgba(255,255,255,0.05)}
.gate-key.enter{border-color:var(--amber-dim);color:var(--amber);background:rgba(245,158,11,0.04)}
.gate-key.enter:hover{border-color:var(--amber);color:var(--amber-bright);background:rgba(245,158,11,0.08)}
.gate-key.clear{font-size:11px;color:var(--gray-400)}
.gate-key.clear:hover{color:var(--text-2)}

/* Footer */
.gate-foot{font-size:7px;letter-spacing:0.14em;color:var(--gray-500);text-align:center;margin-top:2px}

/* ══ THREAT BRIEF (QU-05) ══ */
.threat-brief {
  margin-top: 6px;
  border-radius: 0;
  text-transform: uppercase;
  line-height: 1.6;
}
.threat-brief > div:last-child > div:last-child {
  border-bottom: none !important;
}
.tiq-toggle {
  font-family: 'Share Tech Mono', monospace;
  text-transform: uppercase;
  transition: opacity 0.15s, background 0.15s;
}
.tiq-toggle:hover {
  background: rgba(245,158,11,0.25) !important;
}

/* ══════════════════════════════════════════════════════════
   MY REVIEWS MODAL (Phase C)
   ══════════════════════════════════════════════════════════ */

.gh-reviews-modal-overlay {
  position: fixed; inset: 0; z-index: 1100;
  background: rgba(0,0,0,0.88);
  display: flex; align-items: center; justify-content: center;
  animation: fadeIn 0.15s ease-out;
}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.gh-reviews-modal {
  background: var(--bg-panel);
  border: 1px solid var(--border);
  width: 640px; max-width: 95vw;
  max-height: 85vh;
  display: flex; flex-direction: column;
  position: relative;
}

.gh-reviews-modal::before, .gh-reviews-modal::after {
  content: ''; position: absolute;
  width: 20px; height: 20px;
  border-color: var(--gray-400);
  border-style: solid;
  pointer-events: none; opacity: 0.7;
}
.gh-reviews-modal::before { top: -1px; left: -1px; border-width: 1px 0 0 1px; }
.gh-reviews-modal::after { bottom: -1px; right: -1px; border-width: 0 1px 1px 0; }

.gh-reviews-modal-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 16px; border-bottom: 1px solid var(--border);
}

.gh-reviews-modal-title {
  font-size: 14px; font-weight: 700; color: var(--amber);
  letter-spacing: 0.1em; text-transform: uppercase;
}

.gh-reviews-close {
  background: none; border: none;
  color: var(--gray-300); font-size: 18px;
  cursor: pointer; padding: 2px 6px;
  transition: color 0.15s;
}
.gh-reviews-close:hover { color: var(--amber); }

.gh-reviews-filter-bar {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 16px; border-bottom: 1px solid var(--border);
  flex-wrap: wrap;
}

.gh-reviews-projects {
  display: flex; gap: 6px; flex-wrap: wrap; flex: 1;
}

.gh-reviews-pill {
  background: transparent; border: 1px solid var(--border);
  color: var(--text-3); padding: 3px 10px;
  font-family: var(--mono); font-size: 10px;
  letter-spacing: 0.08em; text-transform: uppercase;
  cursor: pointer; transition: all 0.15s;
}
.gh-reviews-pill:hover { border-color: var(--amber-dim); color: var(--text-2); }
.gh-reviews-pill--active {
  border-color: var(--amber); color: var(--amber);
  background: rgba(245,158,11,0.08);
}

.gh-reviews-date-select {
  width: auto; min-width: 120px;
  font-size: 10px; padding: 4px 8px;
}

.gh-reviews-body {
  overflow-y: auto; flex: 1;
  padding: 12px 16px;
  display: flex; flex-direction: column; gap: 10px;
}

/* Review cards */
.gh-review-card {
  border: 1px solid var(--border);
  background: rgba(20,20,20,0.6);
  transition: border-color 0.15s;
}
.gh-review-card:hover { border-color: var(--gray-400); }

.gh-review-card-top {
  display: flex; align-items: center; gap: 14px;
  padding: 12px 14px;
}

.gh-review-card-score {
  font-size: 22px; font-weight: 700;
  min-width: 48px; text-align: center;
  font-family: var(--mono);
}

.gh-review-card-info { flex: 1; min-width: 0; }

.gh-review-card-project {
  font-size: 12px; font-weight: 700; color: var(--text-2);
  letter-spacing: 0.08em;
}

.gh-review-card-meta {
  font-size: 10px; color: var(--text-3);
  margin-top: 2px; letter-spacing: 0.06em;
}
.gh-review-card-sep { margin: 0 4px; opacity: 0.4; }

.gh-review-card-toggle {
  font-size: 10px; letter-spacing: 0.08em;
}

.gh-review-card-notes {
  padding: 0 14px 10px 14px;
  font-size: 11px; color: var(--text-3);
  font-style: italic; line-height: 1.5;
}

/* Review detail expansion */
.gh-review-card-detail {
  border-top: 1px solid var(--border);
  padding: 12px 14px;
}

.gh-review-items-grid {
  display: flex; flex-direction: column; gap: 8px;
}

.gh-review-item {
  display: flex; gap: 12px; align-items: flex-start;
  padding: 8px 10px;
  background: rgba(15,15,15,0.5);
  border: 1px solid rgba(255,255,255,0.04);
}

.gh-review-item-score {
  font-size: 16px; font-weight: 700;
  min-width: 36px; text-align: center;
  font-family: var(--mono);
  padding-top: 2px;
}

.gh-review-item-body { flex: 1; min-width: 0; }

.gh-review-item-top {
  display: flex; gap: 8px; align-items: center;
  font-size: 10px; letter-spacing: 0.06em;
  margin-bottom: 4px;
}

.gh-review-item-type {
  color: var(--amber); font-weight: 700;
}
.gh-review-item-acct { color: var(--text-2); }
.gh-review-item-date { color: var(--text-3); }

.gh-review-item-explanation {
  font-size: 11px; color: var(--text-2);
  line-height: 1.4;
}

.gh-review-item-link {
  font-size: 10px; margin-top: 3px; display: inline-block;
}

/* ══════════════════════════════════════════════════════════
   ACCOUNT ENHANCEMENTS (Phase D)
   ══════════════════════════════════════════════════════════ */

/* Usage row on account cards */
.gh-ac-usage-row {
  display: flex; align-items: center; gap: 8px;
  font-size: 10px; letter-spacing: 0.06em;
  min-height: 16px;
}

.gh-ac-last-used {
  color: var(--text-3); font-size: 10px;
}

/* Quick-toggle status button */
.gh-ac-toggle-btn {
  width: 100%; margin-top: 4px;
  font-size: 9px; padding: 3px 0;
  letter-spacing: 0.1em;
  opacity: 0; transition: opacity 0.15s;
}
.gh-account-card:hover .gh-ac-toggle-btn { opacity: 1; }

/* Paused account indicator in project view */
.ghv-pv-acct--paused { opacity: 0.5; }
.ghv-pv-acct-paused-label {
  font-size: 8px; color: #F5A623;
  letter-spacing: 0.08em;
  display: block; text-align: center;
  margin-top: 2px;
}
.ghv-pv-acct--unhealthy{border-color:#EF4444 !important;background:rgba(239,68,68,0.06) !important;}
.ghv-pv-acct-health-warn{
  font-size:7px;font-weight:700;color:#EF4444;
  letter-spacing:0.08em;display:block;text-align:center;margin-top:2px;
}

/* ══ REVIEWS MODAL MOBILE ══ */
@media(max-width:640px){
  .gh-reviews-modal { width: 100vw; max-width: 100vw; max-height: 100vh; height: 100vh; }
  .gh-review-card-score { font-size: 18px; min-width: 40px; }
  .gh-review-item { flex-direction: column; gap: 4px; }
  .gh-review-item-score { min-width: auto; text-align: left; }
}

/* ══ REDUCED MOTION ══ */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
  .gate-door{transition-duration:0.01ms !important;}
}

/* ══ GATE MOBILE ══ */
@media(max-width:480px){
  .gate-keypad{width:210px;gap:8px;}
  .gate-key{min-height:52px;font-size:18px;}
  .gate-logo svg{width:48px;height:54px;}
  .gate-logo-text{font-size:10px;}
  .gate-warning-box{font-size:9px;padding:5px 12px;}
}

/* ══════════════════════════════════════════════════════════════
   ADMIN PANEL
   ══════════════════════════════════════════════════════════════ */

.admin-panel{
  max-width:960px;margin:0 auto;padding:16px;
  font-family:var(--mono);color:var(--text-2);
}

/* ── Nav Tabs ── */
.admin-nav-tabs{
  display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px;
}
.admin-nav-btn{
  background:none;border:none;color:var(--text-3);
  font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:0.1em;
  padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent;
  transition:color 0.15s,border-color 0.15s;
}
.admin-nav-btn:hover{color:var(--text-2);}
.admin-nav-btn--active{color:var(--amber);border-bottom-color:var(--amber);}

/* ── Sections ── */
.admin-section{padding:8px 0;}
.admin-loading{text-align:center;padding:48px;color:var(--text-3);font-size:12px;text-transform:uppercase;letter-spacing:0.1em;}
.admin-error{text-align:center;padding:48px;color:#ef4444;font-size:12px;text-transform:uppercase;letter-spacing:0.1em;}

/* ── User Table ── */
.admin-user-table{
  width:100%;border-collapse:collapse;font-size:12px;margin-top:12px;
}
.admin-user-table th{
  text-align:left;padding:8px 10px;font-weight:500;color:var(--text-3);
  text-transform:uppercase;letter-spacing:0.08em;font-size:10px;
  border-bottom:1px solid var(--border);
}
.admin-user-table td{
  padding:8px 10px;border-bottom:1px solid var(--border-light);
  vertical-align:middle;
}
.admin-user-table tr:hover td{background:var(--amber-subtle);}
.admin-row--disabled td{opacity:0.45;}
.admin-email{color:var(--text-3);font-size:11px;}

/* ── Badges ── */
.admin-badge{
  display:inline-block;padding:2px 8px;border-radius:2px;font-size:10px;
  font-weight:700;letter-spacing:0.08em;text-transform:uppercase;
}
.admin-badge--admin{background:var(--amber);color:var(--gray-900);}
.admin-badge--commander{background:var(--gray-400);color:var(--text-2);}
.admin-badge--operator{background:var(--gray-500);color:var(--text-2);}
.admin-badge--client{background:var(--gray-500);color:var(--text-3);}
.admin-badge--growth_hacker{background:rgba(34,197,94,0.15);color:#22c55e;}

/* ── GH Level Badges ── */
.gh-level-badge{
  display:inline-block;padding:2px 6px;border-radius:2px;font-size:9px;
  font-weight:700;letter-spacing:0.1em;text-transform:uppercase;
  margin-left:4px;border:1px solid;
}
.gh-level--trainee{color:#94a3b8;border-color:#475569;background:rgba(148,163,184,0.08);}
.gh-level--rookie{color:#60a5fa;border-color:#3b82f6;background:rgba(96,165,250,0.08);}
.gh-level--junior{color:#a78bfa;border-color:#8b5cf6;background:rgba(167,139,250,0.08);}
.gh-level--expert{color:var(--amber);border-color:var(--amber-dim);background:rgba(245,158,11,0.08);}
.gh-level--master{color:#f472b6;border-color:#ec4899;background:rgba(244,114,182,0.1);}

/* ── GH Code Inline ── */
.admin-gh-code-inline{
  display:inline-block;font-size:9px;color:var(--text-3);
  margin-left:6px;letter-spacing:0.06em;opacity:0.7;
}

/* ── Level Description (edit modal) ── */
.admin-level-desc{
  color:var(--text-3);font-size:10px;text-transform:uppercase;letter-spacing:0.08em;
  padding:4px 0;min-height:14px;
}

/* ── Status Badges ── */
.admin-status{
  display:inline-block;padding:2px 8px;border-radius:2px;font-size:10px;
  font-weight:700;letter-spacing:0.08em;
}
.admin-status--active{color:#22c55e;}
.admin-status--inactive{color:#ef4444;}

/* ── Action Buttons ── */
.admin-actions{display:flex;gap:4px;}
.admin-action-btn{
  background:none;border:1px solid var(--border);color:var(--text-3);
  width:28px;height:28px;border-radius:2px;cursor:pointer;font-size:14px;
  display:inline-flex;align-items:center;justify-content:center;
  transition:color 0.15s,border-color 0.15s;
}
.admin-action-btn:hover{color:var(--amber);border-color:var(--amber);}
.admin-action-btn--danger:hover{color:#ef4444;border-color:#ef4444;}
.admin-action-btn--success:hover{color:#22c55e;border-color:#22c55e;}

/* ── Add User Button ── */
.admin-add-user-btn{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:36px;margin-top:8px;
  background:transparent;border:1px dashed var(--border);
  color:var(--amber);font-size:20px;font-weight:700;
  cursor:pointer;border-radius:2px;transition:all 0.15s;
  letter-spacing:0.08em;text-transform:uppercase;
  font-family:var(--mono);
}
.admin-add-user-btn:hover{
  border-color:var(--amber);background:rgba(245,158,11,0.06);
  color:var(--amber-bright);
}

/* ── Code Reveal ── */
.admin-code-reveal{
  display:flex;align-items:center;gap:12px;
  background:rgba(245,158,11,0.08);border:1px solid var(--amber-dim);
  padding:10px 14px;border-radius:2px;margin-bottom:12px;font-size:12px;
}
.admin-code-label{color:var(--text-3);text-transform:uppercase;letter-spacing:0.08em;font-size:10px;}
.admin-code-value{color:var(--amber-bright);font-size:18px;font-weight:700;letter-spacing:0.25em;}
.admin-code-warn{color:var(--amber-dim);font-size:9px;text-transform:uppercase;letter-spacing:0.1em;}
.admin-code-dismiss{
  background:none;border:none;color:var(--text-3);cursor:pointer;font-size:18px;
  margin-left:auto;padding:0 4px;
}
.admin-code-dismiss:hover{color:var(--text-2);}

/* ── Modal ── */
.admin-modal-overlay{align-items:center;justify-content:center;}
.admin-modal-close{cursor:pointer;}
.admin-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;}
.admin-form-error{
  color:#ef4444;font-size:11px;text-transform:uppercase;letter-spacing:0.08em;
  margin-top:8px;padding:6px 8px;background:rgba(239,68,68,0.08);border-radius:2px;
}
.admin-checkbox-label{
  display:flex;align-items:center;gap:8px;cursor:pointer;
  font-size:11px;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-2);
}
.admin-checkbox-label input[type="checkbox"]{accent-color:var(--amber);}

/* ── Config Tab ── */
.admin-config-row{
  display:flex;align-items:center;gap:12px;padding:8px 0;
  flex-wrap:wrap;
}
.admin-config-label{
  color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:0.08em;
  min-width:180px;
}
.admin-config-input{max-width:100px;}
.admin-config-fields{display:flex;gap:12px;align-items:center;}
.admin-config-divider{border-top:1px solid var(--border);margin:16px 0;}
.admin-config-header{
  color:var(--amber);font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:0.12em;margin-bottom:8px;
}
.admin-save-btn{margin-left:auto;}

/* ── Theme Tab ── */
.admin-color-input{
  width:40px;height:28px;border:1px solid var(--border);background:none;
  cursor:pointer;padding:0;
}
.admin-range-input{
  flex:1;max-width:200px;accent-color:var(--amber);
}
.admin-theme-preview{
  background:var(--bg-panel);border:1px solid var(--border);
  padding:16px;border-radius:2px;margin:12px 0;
}
.admin-preview-text{color:var(--text-2);font-size:14px;margin-bottom:8px;}
.admin-preview-accent{color:var(--amber);font-size:14px;font-weight:700;}

/* ── Stat Grid (Overview Tab) ── */
.admin-stat-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
}
.admin-stat-card{
  background:var(--bg-panel);border:1px solid var(--border);
  padding:16px;text-align:center;border-radius:2px;
}
.admin-stat-card--wide{grid-column:span 1;}
.admin-stat-value{
  color:var(--amber);font-size:28px;font-weight:700;line-height:1.2;
}
.admin-stat-value--dim{color:var(--text-3);}
.admin-stat-label{
  color:var(--text-3);font-size:10px;text-transform:uppercase;
  letter-spacing:0.1em;margin-top:4px;
}

/* ── Button Row (top of tabs) ── */
.admin-btn-row{
  display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;
}

/* ── Code Detail (create user success reveal) ── */
.admin-code-detail{
  display:flex;align-items:center;gap:8px;padding:4px 0;font-size:11px;
}
.admin-code-detail-label{
  color:var(--text-3);text-transform:uppercase;letter-spacing:0.08em;font-size:10px;
  min-width:80px;
}
.admin-code-detail-value{
  color:var(--text-2);font-family:var(--mono);
}

/* ── Role Description (create user modal) ── */
.admin-role-desc{
  color:var(--text-3);font-size:10px;text-transform:uppercase;letter-spacing:0.08em;
  padding:4px 0;min-height:14px;
}

/* ── Advanced Toggle (optional email) ── */
.admin-advanced-toggle{
  background:none;border:none;color:var(--text-3);cursor:pointer;
  font:500 10px/1 var(--mono);text-transform:uppercase;letter-spacing:0.1em;
  padding:6px 0;display:flex;align-items:center;gap:4px;
  transition:color 0.15s;
}
.admin-advanced-toggle:hover{color:var(--text-2);}
.admin-advanced-body{
  padding:4px 0 8px 0;
}
.admin-advanced-body[hidden]{display:none;}

/* ── Field Hint ── */
.admin-field-hint{
  color:var(--text-3);font-size:9px;text-transform:uppercase;
  letter-spacing:0.08em;margin-top:2px;
}

/* ── Bulk Create ── */
.admin-bulk-textarea{
  width:100%;min-height:120px;resize:vertical;
  background:var(--bg-input,var(--gray-800));border:1px solid var(--border);
  color:var(--text-2);font:12px/1.6 var(--mono);padding:8px;
  border-radius:2px;
}
.admin-bulk-textarea::placeholder{color:var(--text-3);opacity:0.6;}
.admin-bulk-results{
  margin-top:12px;max-height:300px;overflow-y:auto;
}
.admin-bulk-results table{width:100%;border-collapse:collapse;font-size:11px;}
.admin-bulk-results th{
  text-align:left;padding:6px 8px;color:var(--text-3);font-weight:500;
  font-size:10px;text-transform:uppercase;letter-spacing:0.08em;
  border-bottom:1px solid var(--border);
}
.admin-bulk-results td{
  padding:6px 8px;border-bottom:1px solid var(--border-light);
}
.admin-bulk-results .bulk-ok{color:#22c55e;}
.admin-bulk-results .bulk-err{color:#ef4444;}

/* ── GH Assignment Row (project GH modal) ── */
.admin-gh-row{
  display:flex;align-items:center;gap:8px;padding:6px 0;
  border-bottom:1px solid var(--border-light);
}
.admin-gh-row label{
  flex:1;display:flex;align-items:center;gap:6px;
  cursor:pointer;font-size:12px;color:var(--text-2);
}
.admin-gh-row input[type="checkbox"]{accent-color:var(--amber);}
.admin-gh-row select{
  width:100px;background:var(--bg-input,var(--gray-800));border:1px solid var(--border);
  color:var(--text-2);font:11px var(--mono);padding:4px 6px;border-radius:2px;
}
.admin-gh-code{
  color:var(--amber-dim);font-size:10px;letter-spacing:0.08em;
}

/* ── Project Table ── */
.admin-project-table{
  width:100%;border-collapse:collapse;font-size:12px;margin-top:12px;
}
.admin-project-table th{
  text-align:left;padding:8px 10px;font-weight:500;color:var(--text-3);
  text-transform:uppercase;letter-spacing:0.08em;font-size:10px;
  border-bottom:1px solid var(--border);
}
.admin-project-table td{
  padding:8px 10px;border-bottom:1px solid var(--border-light);
  vertical-align:middle;
}
.admin-project-table tr:hover td{background:var(--amber-subtle);}

/* ── Audit Log Table ── */
.admin-audit-table{
  width:100%;border-collapse:collapse;font-size:11px;margin-top:12px;
}
.admin-audit-table th{
  text-align:left;padding:8px 10px;font-weight:500;color:var(--text-3);
  text-transform:uppercase;letter-spacing:0.08em;font-size:10px;
  border-bottom:1px solid var(--border);
}
.admin-audit-table td{
  padding:6px 10px;border-bottom:1px solid var(--border-light);
  vertical-align:middle;
}
.admin-audit-table tr:hover td{background:var(--amber-subtle);}
.admin-audit-time{color:var(--text-3);font-size:10px;white-space:nowrap;}
.admin-audit-action{color:var(--amber);font-weight:500;}

/* ── Engagement Types Table (Config tab) ── */
.admin-eng-table{
  width:100%;border-collapse:collapse;font-size:12px;margin-top:8px;
}
.admin-eng-table th{
  text-align:left;padding:6px 10px;font-weight:500;color:var(--text-3);
  text-transform:uppercase;letter-spacing:0.08em;font-size:10px;
  border-bottom:1px solid var(--border);
}
.admin-eng-table td{
  padding:6px 10px;border-bottom:1px solid var(--border-light);
  vertical-align:middle;
}
.admin-eng-table input[type="number"]{
  width:60px;background:var(--bg-input,var(--gray-800));border:1px solid var(--border);
  color:var(--text-2);font:12px var(--mono);padding:4px 6px;text-align:center;
  border-radius:2px;
}

/* ── Admin Responsive ── */
@media(max-width:640px){
  .admin-stat-grid{grid-template-columns:repeat(2,1fr);}
  .admin-config-row{flex-direction:column;align-items:flex-start;}
  .admin-user-table{font-size:11px;}
  .admin-user-table th,.admin-user-table td{padding:6px;}
  .admin-code-reveal{flex-wrap:wrap;}
  .admin-project-table{font-size:11px;}
  .admin-project-table th,.admin-project-table td{padding:6px;}
  .admin-gh-row{flex-wrap:wrap;}
  .admin-btn-row{flex-direction:column;}
  .admin-audit-table{font-size:10px;}
}


/* ══════════════════════════════════════════════════════════
   ENGAGEMENT QUEUE ENHANCEMENTS
   ══════════════════════════════════════════════════════════ */

/* Dismissed / all-engaged feed items */
.ghv-pv-feed-item--dim{
  opacity:0.3;transition:opacity 0.2s;
}
.ghv-pv-feed-item--dim:hover{opacity:0.6;}

/* Urgent queue items */
.ghv-pv-feed-item--urgent{
  border:1px solid #EF4444;
  background:rgba(239,68,68,0.06);
  animation:urgentPulse 2s ease-in-out infinite;
}
@keyframes urgentPulse{
  0%,100%{border-color:#EF4444;box-shadow:0 0 0 rgba(239,68,68,0);}
  50%{border-color:#F87171;box-shadow:0 0 8px rgba(239,68,68,0.2);}
}
.ghv-feed-urgent-tag{
  font-family:var(--mono);font-size:8px;font-weight:700;
  color:#EF4444;letter-spacing:0.12em;margin-right:4px;
}
.ghv-feed-new-tag{
  font-family:var(--mono);font-size:8px;font-weight:700;
  color:#22C55E;letter-spacing:0.12em;margin-right:4px;
  animation:ghNewPulse 2s ease-in-out 3;
}
@keyframes ghNewPulse{0%,100%{opacity:1;}50%{opacity:0.4;}}
.ghv-badge-urgent{
  color:#EF4444 !important;border-color:#EF4444 !important;
  background:rgba(239,68,68,0.12) !important;
}

/* Feed item actions row */
.ghv-pv-feed-actions{
  display:flex;gap:6px;align-items:center;margin-top:4px;
}

/* Per-account tracker badge */
.ghv-feed-tracker-badge{
  font-family:var(--mono);font-size:9px;font-weight:700;
  color:var(--amber);letter-spacing:0.06em;
  padding:1px 6px;border:1px solid var(--amber-dim);
  cursor:help;
}

/* Manager note on feed item */
.ghv-feed-note{
  font-family:var(--mono);font-size:9px;color:#aaa;
  letter-spacing:0.04em;font-style:italic;margin-top:2px;
}


/* ══════════════════════════════════════════════════════════
   REVIEW QUEUE MATRIX
   ══════════════════════════════════════════════════════════ */

/* Week navigation */
.mgr-review-week-nav{
  display:flex;align-items:center;gap:8px;
}
.mgr-review-week-label{
  font-family:var(--mono);font-size:10px;font-weight:700;
  color:var(--text-2);letter-spacing:0.1em;
}

/* Progress stats row */
.mgr-review-progress{
  display:flex;gap:12px;align-items:center;
  padding:8px 0;font-family:var(--mono);font-size:10px;
  letter-spacing:0.08em;
}
.mgr-review-stat{color:#888;}
.mgr-review-stat--done{color:#22C55E;font-weight:700;}
.mgr-review-stat--skip{color:#888;font-weight:700;}
.mgr-review-stat--pend{color:var(--amber);font-weight:700;}

/* Matrix table cells */
.mgr-review-matrix th{
  font-size:9px !important;white-space:nowrap;
}
.mgr-mx-clickable{cursor:pointer;transition:background 0.15s;}
.mgr-mx-clickable:hover{background:rgba(245,158,11,0.08) !important;}

.mgr-mx-done{
  color:#22C55E;font-weight:700;font-size:11px;
}
.mgr-mx-check{margin-right:2px;}

.mgr-mx-pending{
  color:var(--amber);font-weight:700;font-size:10px;
}
.mgr-mx-circle{margin-right:2px;}

.mgr-mx-skipped{
  color:#666;font-weight:500;font-size:10px;
}

.mgr-mx-missed{
  color:#555;font-size:10px;font-style:italic;
}

.mgr-mx-na{
  color:#333;font-size:10px;
}

/* Review detail modal */
.mgr-rd-header{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:16px;margin-bottom:12px;
}
.mgr-rd-meta{
  display:flex;flex-direction:column;gap:4px;
  font-family:var(--mono);font-size:10px;color:#aaa;letter-spacing:0.06em;
}
.mgr-rd-score-big{
  font-family:var(--mono);font-size:28px;font-weight:700;
  letter-spacing:0.05em;
}
.mgr-rd-notes{
  font-family:var(--mono);font-size:11px;color:#ccc;
  padding:8px 12px;background:rgba(245,158,11,0.04);
  border-left:2px solid var(--amber-dim);margin-bottom:12px;
}
.mgr-rd-items{
  display:flex;flex-direction:column;gap:8px;
}
.mgr-rd-card{
  padding:8px 10px;background:rgba(20,20,20,0.8);
  border:1px solid var(--border);
}
.mgr-rd-card-header{
  display:flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:10px;letter-spacing:0.06em;
}
.mgr-rd-card-num{
  color:var(--amber);font-weight:700;
}
.mgr-rd-card-score{
  margin-left:auto;font-size:13px;
}

/* ── SCORING MODAL: MODE TOGGLE + MANUAL PICKER + SWAP + PERSONA ── */

.mgr-mode-toggle{
  display:flex;gap:6px;
}
.mgr-mode-btn{
  font-size:10px;letter-spacing:0.08em;padding:4px 10px;
  border:1px solid #444;background:transparent;color:#888;
  transition:all .15s;
}
.mgr-mode-btn--active{
  border-color:var(--amber);color:var(--amber);background:rgba(245,158,11,0.08);
}

/* Manual picker list */
.mgr-manual-list{
  max-height:340px;overflow-y:auto;border:1px solid #333;
  border-radius:4px;margin:8px 0;
}
.mgr-manual-item{
  display:flex;align-items:center;gap:8px;padding:6px 10px;
  border-bottom:1px solid #222;transition:background .15s;cursor:pointer;
}
.mgr-manual-item:hover{background:rgba(245,158,11,0.04);}
.mgr-manual-item:last-child{border-bottom:none;}
.mgr-manual-cb{
  accent-color:var(--amber);width:14px;height:14px;cursor:pointer;
}
.mgr-manual-label{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:10px;letter-spacing:0.06em;cursor:pointer;flex:1;
}
.mgr-manual-footer{
  display:flex;align-items:center;justify-content:space-between;
  padding:8px 0;
}
.mgr-manual-count{
  font-size:10px;letter-spacing:0.1em;color:#888;
}

/* Persona display in scoring cards */
.mgr-persona-cat{
  font-size:9px;letter-spacing:0.1em;padding:1px 6px;
  border:1px solid rgba(245,158,11,0.3);border-radius:3px;
  color:var(--amber);background:rgba(245,158,11,0.06);
}
.mgr-persona-row{
  font-size:9px;letter-spacing:0.08em;color:#999;
  padding:2px 0 0 0;
}
.mgr-persona-bio{
  font-size:9px;color:#666;font-style:italic;
  padding:1px 0 3px 0;line-height:1.4;
}

/* Swap button */
.mgr-swap-btn{
  margin-left:auto;font-size:12px;padding:1px 6px;
  border:1px solid #444;background:transparent;color:#888;
  transition:all .15s;cursor:pointer;
}
.mgr-swap-btn:hover{
  border-color:var(--amber);color:var(--amber);
}

/* ── WEEKLY FEEDBACK: WARNING, LOCKOUT, FORM ── */

.ghv-fb-warning-banner{
  background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);
  color:var(--amber);font-size:11px;letter-spacing:0.08em;
  padding:8px 14px;text-align:center;border-radius:4px;
  margin-bottom:8px;animation:fbPulse 2s infinite;
}
@keyframes fbPulse{
  0%,100%{opacity:1;} 50%{opacity:0.7;}
}
.ghv-fb-countdown{
  font-weight:700;font-size:12px;
}
.ghv-fb-lockout-banner{
  background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.4);
  color:#EF4444;font-size:11px;letter-spacing:0.08em;
  padding:8px 14px;text-align:center;border-radius:4px;
  margin-bottom:8px;font-weight:700;
}
.ghv-fb-lockout-overlay{
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:rgba(17,17,17,0.85);z-index:10;
  display:flex;align-items:center;justify-content:center;
  border-radius:6px;
}
.ghv-fb-lockout-msg{
  color:#EF4444;font-size:13px;letter-spacing:0.1em;
  font-weight:700;text-align:center;padding:20px;
}
.ghv-fb-form-section{
  margin:10px 0;padding:10px 12px;
  border:1px solid rgba(245,158,11,0.2);border-radius:6px;
  background:rgba(245,158,11,0.03);
}
.ghv-fb-textarea{
  width:100%;resize:vertical;min-height:60px;
  font-family:var(--mono);font-size:11px;
}
.ghv-fb-submit{
  font-size:11px;letter-spacing:0.08em;
}
.ghv-fb-submitted-badge{
  font-size:10px;letter-spacing:0.1em;color:#22C55E;
  padding:6px 0;text-align:center;
}

/* ── MANAGER: GH FEEDBACK READER ── */

.mgr-fb-list{
  max-height:400px;overflow-y:auto;
}
.mgr-fb-week{
  margin-bottom:12px;
}
.mgr-fb-week:last-child{margin-bottom:0;}
.mgr-fb-week-header{
  font-size:10px;letter-spacing:0.1em;color:var(--amber);
  font-weight:700;padding:4px 0;border-bottom:1px solid #333;
  margin-bottom:6px;
}
.mgr-fb-week-count{
  font-weight:400;color:#888;margin-left:8px;
}
.mgr-fb-entry{
  padding:6px 8px;border-left:2px solid #333;
  margin-bottom:6px;transition:border-color .15s;
}
.mgr-fb-entry:hover{border-left-color:var(--amber);}
.mgr-fb-entry-header{
  display:flex;align-items:center;gap:8px;
  font-size:10px;letter-spacing:0.06em;margin-bottom:3px;
}
.mgr-fb-gh-code{
  color:var(--amber);font-weight:700;
}
.mgr-fb-gh-name{color:#aaa;}
.mgr-fb-time{color:#666;margin-left:auto;font-size:9px;}
.mgr-fb-text{
  font-size:11px;color:#ccc;line-height:1.5;
  white-space:pre-wrap;word-break:break-word;
}

/* ── QW5: Phrase Tags in Scoring Modal ── */
.mgr-phrase-bar{
  display:flex;flex-wrap:wrap;gap:4px;
  margin-top:8px;margin-bottom:2px;
}
.mgr-phrase-tag{
  font-family:var(--mono);font-size:8px;font-weight:700;
  letter-spacing:0.08em;color:#888;
  padding:3px 8px;border:1px solid var(--border-strong);
  cursor:pointer;transition:all 0.15s;user-select:none;
}
.mgr-phrase-tag:hover{color:var(--amber);border-color:var(--amber-dim);}
.mgr-phrase-tag--active{
  color:var(--amber);border-color:var(--amber);
  background:rgba(245,158,11,0.08);
}

/* ── QW6: Streak Badge ── */
.ghv-streak-badge{
  font-family:var(--mono);font-size:9px;font-weight:700;
  color:var(--amber);letter-spacing:0.1em;
  padding:2px 8px;margin-left:6px;
  border:1px solid var(--amber-dim);
  background:rgba(245,158,11,0.06);
}

/* ── Phase 17.0: Cross-GH Engagement Visibility ── */
.ghv-cross-badge{
  font-family:var(--mono);font-size:9px;font-weight:700;
  letter-spacing:0.06em;padding:1px 6px;border-radius:2px;
  margin-left:6px;cursor:default;white-space:nowrap;
}
.ghv-coverage-cold{color:#22C55E;border:1px solid rgba(34,197,94,0.25);}
.ghv-coverage-warm{color:var(--amber);border:1px solid var(--amber-dim);}
.ghv-coverage-hot{color:#888;border:1px solid rgba(68,68,68,0.5);background:rgba(255,255,255,0.03);}

.ghv-smart-hint{
  font-family:var(--mono);font-size:9px;color:var(--amber);
  letter-spacing:0.06em;margin-top:4px;padding:2px 0 2px 6px;
  border-left:2px solid var(--amber-dim);opacity:0.85;
}
.ghv-smart-hint--warn{color:#EF4444;border-left-color:rgba(239,68,68,0.4);}

.ghv-cross-activity{
  max-height:220px;overflow-y:auto;padding:8px 0;
  border-top:1px solid var(--border);
}
.ghv-cross-activity-item{
  font-family:var(--mono);font-size:10px;color:#999;
  letter-spacing:0.05em;padding:3px 0;
  display:flex;gap:8px;align-items:baseline;
}
.ghv-cross-activity-handle{color:var(--amber);min-width:110px;}
.ghv-cross-activity-persona{color:#666;min-width:80px;font-size:8px;text-transform:uppercase;}
.ghv-cross-activity-time{color:#555;min-width:70px;}
.ghv-cross-activity-post{color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;}

.ghv-pv-section-toggle{cursor:pointer;user-select:none;}
.ghv-pv-section-toggle:hover{color:var(--amber);}

/* ── Phase 18.0: Team Calendar Grid ── */
.ghv-team-cal-wrap{margin-top:6px;}
.ghv-tc-scroll{overflow-x:auto;border:1px solid var(--border);background:rgba(255,255,255,0.02);}
.ghv-tc-table{border-collapse:collapse;font-family:var(--mono);font-size:10px;width:100%;}
.ghv-tc-table th,.ghv-tc-table td{border:1px solid var(--border);padding:0;text-align:center;}
.ghv-tc-corner{padding:4px 6px;color:#666;background:rgba(255,255,255,0.04);min-width:60px;}
.ghv-tc-row-label{padding:4px 6px;color:var(--amber);background:rgba(255,255,255,0.04);text-align:left;letter-spacing:0.05em;}
.ghv-tc-date{padding:2px 4px;color:#888;font-weight:normal;min-width:30px;}
.ghv-tc-date--today{color:var(--amber);background:rgba(245,158,11,0.08);}
.ghv-tc-dow{font-size:8px;letter-spacing:0.05em;color:#555;}
.ghv-tc-num{font-size:11px;font-weight:700;}
.ghv-tc-cell{cursor:pointer;width:30px;height:26px;font-weight:700;letter-spacing:0.04em;transition:transform 0.05s;}
.ghv-tc-cell:hover{transform:scale(1.08);outline:1px solid var(--amber);}
.ghv-tc-cell--empty{color:#444;background:rgba(255,255,255,0.01);}
.ghv-tc-cell--partial{color:#000;background:var(--amber);}
.ghv-tc-cell--met{color:#000;background:#22C55E;}
.ghv-tc-cell--dayoff{color:#888;background:rgba(255,255,255,0.04);font-size:9px;}
.ghv-tc-legend{display:flex;gap:14px;align-items:center;margin-top:6px;font-family:var(--mono);font-size:9px;color:#777;letter-spacing:0.05em;text-transform:uppercase;flex-wrap:wrap;}
.ghv-tc-leg{display:inline-block;width:22px;text-align:center;padding:1px 0;font-weight:700;margin-right:4px;}

/* ── Phase 18.0: Team Day Drawer (peer-review reader) ── */
.ghv-team-drawer{max-width:760px;width:96vw;max-height:86vh;display:flex;flex-direction:column;}
.ghv-team-drawer-body{overflow-y:auto;flex:1;padding:6px 0;}
.ghv-team-drawer-item{padding:10px 12px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:11px;}
.ghv-team-drawer-item--reviewed{background:rgba(245,158,11,0.04);}
.ghv-team-drawer-meta{display:flex;gap:10px;align-items:baseline;color:#888;font-size:10px;margin-bottom:4px;letter-spacing:0.05em;}
.ghv-team-drawer-time{color:var(--amber);}
.ghv-team-drawer-type{color:#aaa;}
.ghv-team-drawer-acct{color:#888;}
.ghv-team-drawer-persona{color:#666;font-size:9px;}
.ghv-team-drawer-link{color:#888;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ghv-team-drawer-link:hover{color:var(--amber);}
.ghv-team-drawer-notes{color:#aaa;font-size:10px;margin-top:4px;font-style:italic;}
.ghv-team-drawer-review{margin-top:8px;padding:8px 10px;border-left:2px solid var(--amber);background:rgba(245,158,11,0.05);}
.ghv-team-drawer-review-head{display:flex;gap:8px;align-items:baseline;font-size:11px;}
.ghv-team-drawer-score{color:var(--amber);font-weight:700;}
.ghv-team-drawer-reviewer{color:#888;font-size:9px;}
.ghv-team-drawer-review-text{color:#bbb;font-size:10px;margin-top:4px;line-height:1.4;}

/* ── Phase 019B: Evaluations Tab ── */
.gh-eval-kpis{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0;margin-bottom:12px;}
.gh-eval-kpi{background:rgba(20,20,20,0.6);border:1px solid var(--border);padding:8px 14px;min-width:90px;text-align:center;}
.gh-eval-kpi-val{font-family:var(--mono);font-size:18px;font-weight:700;letter-spacing:0.04em;}
.gh-eval-kpi-lbl{font-family:var(--mono);font-size:8px;color:#888;letter-spacing:0.1em;margin-top:2px;text-transform:uppercase;}
.gh-eval-filters{display:flex;gap:6px;flex-wrap:wrap;padding:6px 0;margin-bottom:10px;}
.gh-eval-chart-container{position:relative;height:160px;margin-bottom:8px;border-bottom:1px solid var(--border);}
.gh-eval-chart-grid{position:absolute;top:0;left:0;right:0;bottom:20px;pointer-events:none;}
.gh-eval-chart-gridline{position:absolute;left:0;right:0;border-top:1px dashed rgba(255,255,255,0.06);}
.gh-eval-bars{display:flex;align-items:flex-end;gap:3px;height:140px;padding-bottom:20px;}
.gh-eval-col{display:flex;flex-direction:column;align-items:center;gap:1px;flex:1;min-width:24px;max-width:60px;position:relative;}
.gh-eval-col-bars{display:flex;align-items:flex-end;gap:1px;width:100%;height:100%;}
.gh-eval-bar{flex:1;min-height:2px;border-radius:1px 1px 0 0;transition:height 0.3s ease;display:flex;align-items:flex-start;justify-content:center;}
.gh-eval-bar-val{font-family:var(--mono);font-size:7px;color:#000;padding-top:1px;font-weight:700;}
.gh-eval-week-label{font-family:var(--mono);font-size:7px;color:#555;letter-spacing:0.04em;position:absolute;bottom:-16px;white-space:nowrap;}
.gh-eval-legend{display:flex;flex-wrap:wrap;gap:10px;font-family:var(--mono);font-size:9px;color:#888;letter-spacing:0.05em;text-transform:uppercase;margin:8px 0 12px;}
.gh-eval-leg-item{display:flex;align-items:center;gap:4px;}
.gh-eval-leg-swatch{display:inline-block;width:10px;height:10px;}
.gh-eval-cards{display:flex;flex-direction:column;gap:8px;}
.gh-eval-sparse{font-family:var(--mono);font-size:11px;color:#555;letter-spacing:0.06em;text-align:center;padding:30px 0;}
@media (max-width:600px){
  .gh-eval-kpis{gap:6px;}
  .gh-eval-kpi{min-width:70px;padding:6px 8px;}
  .gh-eval-kpi-val{font-size:14px;}
  .gh-eval-chart-container{height:120px;}
  .gh-eval-bars{height:100px;}
}

/* ── Phase 019C: GH Earnings Tab ── */
.gh-earn-kpis{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0;margin-bottom:12px;}
.gh-earn-kpi{background:rgba(20,20,20,0.6);border:1px solid var(--border);padding:8px 14px;min-width:110px;text-align:center;}
.gh-earn-kpi-val{font-family:var(--mono);font-size:18px;font-weight:700;color:#22C55E;}
.gh-earn-kpi-lbl{font-family:var(--mono);font-size:8px;color:#888;letter-spacing:0.1em;margin-top:2px;text-transform:uppercase;}
.gh-earn-month-picker{margin-bottom:10px;}
.gh-earn-pick-label{font-family:var(--mono);font-size:10px;color:#888;letter-spacing:0.06em;text-transform:uppercase;}
.gh-earn-pick-label select{background:#111;color:#ccc;border:1px solid var(--border);font-family:var(--mono);font-size:11px;padding:4px 8px;margin-left:6px;}
.gh-earn-chart{display:flex;align-items:flex-end;gap:8px;height:120px;margin-bottom:18px;padding-bottom:24px;position:relative;border-bottom:1px solid var(--border);}
.gh-earn-bar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;cursor:pointer;height:100%;position:relative;padding-bottom:18px;}
.gh-earn-bar-col:hover .gh-earn-bar{background:#22C55E60;}
.gh-earn-bar-col--active .gh-earn-bar{background:#22C55E80;border-top-color:var(--amber);}
.gh-earn-bar{width:80%;background:#22C55E40;border-top:2px solid #22C55E;min-height:2px;transition:height 0.3s;}
.gh-earn-bar-val{font-family:var(--mono);font-size:9px;color:#22C55E;margin-bottom:2px;}
.gh-earn-bar-lbl{font-family:var(--mono);font-size:8px;color:#666;position:absolute;bottom:0;letter-spacing:0.04em;}
.gh-earn-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:11px;}
.gh-earn-table th{color:#666;font-size:9px;letter-spacing:0.1em;text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);}
.gh-earn-table td{color:#ccc;padding:6px 8px;border-bottom:1px solid #1a1a1a;}
.gh-earn-table tr:last-child td{border-bottom:none;font-weight:700;color:#22C55E;}
.gh-earn-primary-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--amber);margin-right:6px;vertical-align:middle;}
.gh-earn-source{font-size:9px;color:#888;letter-spacing:0.05em;}

/* ── Phase 019C: Manager Finance ── */
.mgr-finance-bar{display:flex;gap:12px;align-items:center;margin-bottom:12px;}
.mgr-finance-pick{font-family:var(--mono);font-size:10px;color:#888;letter-spacing:0.08em;text-transform:uppercase;}
.mgr-finance-pick select{background:#111;color:#ccc;border:1px solid var(--border);font-family:var(--mono);font-size:11px;padding:4px 8px;margin-left:6px;}
.mgr-finance-kpis{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px;}
.mgr-finance-kpi{background:rgba(20,20,20,0.6);border:1px solid var(--border);padding:10px 16px;min-width:130px;text-align:center;}
.mgr-finance-kpi-val{font-family:var(--mono);font-size:20px;font-weight:700;color:#22C55E;}
.mgr-finance-kpi-lbl{font-family:var(--mono);font-size:9px;color:#888;letter-spacing:0.1em;margin-top:2px;text-transform:uppercase;}
.mgr-finance-section{margin-top:18px;}
.mgr-finance-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:11px;margin-top:8px;}
.mgr-finance-table th{color:#666;font-size:9px;letter-spacing:0.1em;text-align:left;padding:8px;border-bottom:1px solid var(--border);}
.mgr-finance-table td{color:#ccc;padding:8px;border-bottom:1px solid #1a1a1a;}
.mgr-finance-delta--over{color:#EF4444;}
.mgr-finance-delta--under{color:#22C55E;}
.mgr-finance-level-badge{font-size:9px;padding:1px 6px;border:1px solid var(--border);color:var(--amber);letter-spacing:0.06em;}

/* ── Phase 019D: Admin inline edit ── */
.admin-edit-cell{cursor:pointer;border-bottom:1px dotted transparent;padding:1px 2px;}
.admin-edit-cell:hover{border-bottom-color:var(--amber-dim);background:rgba(245,158,11,0.04);}
.admin-cell--editing{background:#0a0a0a !important;padding:2px !important;}
.admin-edit-input{background:#111;color:var(--amber);border:1px solid var(--amber-dim);font-family:var(--mono);font-size:11px;padding:2px 6px;outline:none;width:100%;}

/* ── Phase 019D: Admin bulk action bar ── */
.admin-bulk-bar{display:flex;align-items:center;gap:8px;background:rgba(245,158,11,0.08);border:1px solid var(--amber-dim);padding:6px 12px;margin-bottom:8px;font-family:var(--mono);}
.admin-bulk-count{font-size:11px;color:var(--amber);font-weight:700;letter-spacing:0.06em;}
.admin-bulk-bar select,.admin-bulk-bar input{background:#111;color:#ccc;border:1px solid var(--border);font-family:var(--mono);font-size:10px;padding:3px 6px;}
.admin-bulk-check{cursor:pointer;}

/* ── Phase 019D: CSV Import Tab ── */
.admin-import-area{padding:12px 0;display:flex;flex-direction:column;gap:14px;}
.admin-import-step{display:flex;flex-direction:column;gap:6px;}
.admin-import-label,.admin-import-section-title{font-family:var(--mono);font-size:10px;color:#888;letter-spacing:0.08em;text-transform:uppercase;}
.admin-import-section-title{margin-top:6px;}
.admin-import-textarea{width:100%;min-height:160px;background:#0a0a0a;color:#ccc;border:1px solid var(--border);font-family:var(--mono);font-size:11px;padding:8px;resize:vertical;}
.admin-import-preview{max-height:300px;overflow:auto;margin:8px 0;border:1px solid var(--border);}
.admin-import-preview table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:10px;}
.admin-import-preview th{background:#111;color:#888;padding:4px 6px;text-align:left;font-size:9px;letter-spacing:0.06em;position:sticky;top:0;}
.admin-import-preview td{padding:3px 6px;color:#aaa;border-bottom:1px solid #1a1a1a;}
.admin-import-mapper{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;}
.admin-import-map-item{display:flex;flex-direction:column;gap:2px;}
.admin-import-map-label{font-family:var(--mono);font-size:9px;color:#666;letter-spacing:0.06em;}
.admin-import-map-select{background:#111;color:#ccc;border:1px solid var(--border);font-family:var(--mono);font-size:10px;padding:2px 4px;}
.admin-import-results{padding:10px;margin-top:10px;font-family:var(--mono);font-size:11px;}
.admin-import-results--success{background:rgba(34,197,94,0.06);border:1px solid rgba(34,197,94,0.25);color:#22C55E;}
.admin-import-results--partial{background:rgba(245,158,11,0.06);border:1px solid rgba(245,158,11,0.25);color:var(--amber);}
.admin-import-results--fail{background:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.25);color:#EF4444;}

/* ── Phase 019D: GH Reassignment modal ── */
.mgr-reassign-modal{max-width:480px;width:96vw;}
.mgr-reassign-current{background:#111;border:1px solid var(--border);padding:10px;margin-bottom:8px;font-family:var(--mono);font-size:11px;}
.mgr-reassign-current-label{font-size:9px;color:#666;letter-spacing:0.08em;}
.mgr-reassign-current-name{color:var(--amber);font-weight:700;margin-top:2px;}
.mgr-reassign-current-role{color:#888;font-weight:400;}
.mgr-reassign-arrow{color:var(--amber);font-size:18px;text-align:center;padding:4px;}
.mgr-reassign-label{font-family:var(--mono);font-size:9px;color:#888;letter-spacing:0.08em;text-transform:uppercase;display:block;margin-bottom:3px;}
.mgr-swap-btn{font-size:9px;}
/* ══════════════════════════════════════════════════════════
   PHASE 18.0 — Campaign Modal, History, Position Badges
   ══════════════════════════════════════════════════════════ */

/* ── Campaign Start Modal ── */
.mgr-campaign-modal{max-width:540px;}
.mgr-camp-name-preview{
  font-family:var(--mono);font-size:13px;font-weight:700;
  color:var(--amber);letter-spacing:0.12em;
  padding:8px 12px;margin-bottom:12px;
  border:1px solid var(--amber-dim);background:rgba(245,158,11,0.04);
  text-align:center;
}
.mgr-camp-gh-list{display:flex;flex-direction:column;gap:6px;margin-top:6px;}
.mgr-camp-gh-row{
  display:flex;align-items:center;gap:10px;
  padding:6px 10px;
  border:1px solid var(--border);background:rgba(20,20,20,0.5);
}
.mgr-camp-gh-name{
  flex:1;font-family:var(--mono);font-size:10px;
  color:#ccc;letter-spacing:0.06em;
}
.mgr-camp-pos-input{
  width:48px !important;text-align:center;
  font-family:var(--mono);font-size:10px;
  padding:3px 4px !important;
}

/* ── GH Position Badge ── */
.mgr-gh-position-badge{
  display:inline-block;
  font-family:var(--mono);font-size:8px;font-weight:700;
  color:var(--amber);letter-spacing:0.1em;
  padding:1px 5px;
  border:1px solid var(--amber-dim);
  background:rgba(245,158,11,0.08);
  vertical-align:middle;
}

/* ── Focus Type Badge ── */
.mgr-focus-badge{
  display:inline-block;
  font-family:var(--mono);font-size:8px;font-weight:700;
  color:#ccc;letter-spacing:0.1em;text-transform:uppercase;
  padding:2px 8px;
  border:1px solid var(--border-strong);
  background:rgba(40,40,40,0.6);
}

/* ── Campaign History Table ── */
.mgr-campaign-history{width:100%;}
.mgr-campaign-history-row{cursor:pointer;transition:background 0.15s;}
.mgr-campaign-history-row:hover{background:rgba(245,158,11,0.06);}

/* ── Campaign Drill-through Banner ── */
.mgr-campaign-viewing-banner{
  font-family:var(--mono);font-size:11px;font-weight:700;
  color:var(--amber);letter-spacing:0.1em;
  padding:10px 14px;
  border:1px solid var(--amber-dim);background:rgba(245,158,11,0.04);
  text-align:center;
}