/* SWARM CONSOLE — shared mission-control design tokens. Import into every mockup page. */
:root{
  --bg:#05070d; --bg2:#080c14; --panel:#0b1018; --panel2:#0f1622; --edge:#182233; --edge2:#22314a;
  --ink:#e9f2ff; --dim:#7d93b0; 
  --green:#2bff88; --cyan:#2ee6ff; --amber:#ffb02e; --purple:#8a6bff; --pink:#ff4bd8; --teal:#7ff5d4;
  --greendim:rgba(43,255,136,.14); --cyandim:rgba(46,230,255,.13); --amberdim:rgba(255,176,46,.14); --purpledim:rgba(138,107,255,.15);
  --mono:ui-monospace,'SF Mono',Menlo,monospace;
  --ui:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:radial-gradient(1200px 700px at 50% -10%,#0a1424,var(--bg));color:var(--ink);font-family:var(--ui);}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;}
.glow-green{box-shadow:0 0 16px -4px var(--green);} .glow-cyan{box-shadow:0 0 16px -4px var(--cyan);}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--edge2);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:800;}
.panel{background:var(--panel);border:1px solid var(--edge);border-radius:14px;}
.lbl{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);}