/*
FUZE Console Code Pack
Vanilla CSS only. No external libraries, no CDN links, no image-dependent UI.
Design laws imported from production handoff pack: deep navy, DM Sans, closed accent palette, inline SVG icons, truthful state.
*/
:root{
  --bg:#0f1523;
  --nav:#0b0f1a;
  --content:#121929;
  --card:rgba(20,28,48,0.70);
  --card-solid:#141b2d;
  --card-lift:rgba(26,34,56,0.82);
  --input:rgba(16,24,42,0.90);
  --border:rgba(53,62,87,0.80);
  --border-soft:rgba(53,62,87,0.48);
  --hair:rgba(255,255,255,0.075);
  --text:#c7cede;
  --heading:#ffffff;
  --muted:#9aa3be;
  --dim:#6f7894;
  --violet:#785CFE;
  --gold:#F0B25E;
  --cyan:#0BAFE2;
  --green:#13BA82;
  --soft-red:#ff9aa5;
  --soft-red-fill:rgba(255,93,108,0.08);
  --font:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --r-lg:12px;
  --r-xl:20px;
  --r-2xl:30px;
  --r-pill:999px;
  --shadow-panel:0 30px 68px rgba(15,21,35,0.22),0 12px 28px rgba(11,175,226,0.10),inset 0 1px 0 rgba(255,255,255,0.10);
  --shadow-card:0 18px 50px rgba(15,21,35,0.16);
  --focus:0 0 0 2px var(--bg),0 0 0 4px var(--violet);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{height:100%;background:var(--bg)}
body{
  min-height:100%;
  margin:0;
  background:
    radial-gradient(circle at 12% 82%,rgba(19,186,130,.18),transparent 28%),
    radial-gradient(circle at 72% 20%,rgba(120,92,254,.20),transparent 32%),
    radial-gradient(circle at 90% 75%,rgba(11,175,226,.12),transparent 26%),
    var(--bg);
  color:var(--text);
  font-family:var(--font);
  overflow-x:hidden;
}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus)}
a{color:inherit;text-decoration:none}
svg{display:block;flex:0 0 auto}
.shell{min-height:100vh;display:grid;grid-template-rows:72px 1fr;isolation:isolate}
.shell::before{
  content:"";
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 50% 35%,rgba(0,0,0,.8),transparent 72%);
}
.topbar{
  position:sticky;top:0;z-index:100;
  height:72px;
  display:grid;
  grid-template-columns:176px minmax(360px,1fr) auto;
  align-items:center;
  gap:18px;
  padding:0 28px;
  border-bottom:1px solid var(--border-soft);
  background:linear-gradient(180deg,rgba(11,15,26,.94),rgba(11,15,26,.82));
  backdrop-filter:blur(18px);
}
.brand{border:0;background:transparent;display:flex;align-items:center;gap:12px;color:var(--heading);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:18px;white-space:nowrap}
.brand-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,rgba(11,175,226,.18),rgba(120,92,254,.22));border:1px solid rgba(11,175,226,.42);box-shadow:0 0 24px rgba(11,175,226,.18)}
.brand small{font-weight:500;color:var(--muted);letter-spacing:.08em}
.nav-tabs{display:flex;align-items:center;gap:8px;height:100%;min-width:0}
.nav-tab{position:relative;border:0;background:transparent;color:var(--muted);padding:26px 12px 23px;font-size:14px;font-weight:700;white-space:nowrap;transition:color 180ms var(--ease)}
.nav-tab:hover,.nav-tab.is-active{color:var(--heading)}
.nav-tab.is-active::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--violet))}
.top-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;min-width:0}
.search-command{width:min(430px,30vw);height:42px;border-radius:var(--r-pill);display:flex;align-items:center;gap:10px;padding:0 14px;background:rgba(16,24,42,.78);border:1px solid var(--border-soft);color:var(--muted);white-space:nowrap;overflow:hidden}
.search-command input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text)}
.status-pill,.user-pill,.room-switcher{height:42px;border-radius:var(--r-pill);display:flex;align-items:center;gap:9px;padding:0 14px;background:rgba(16,24,42,.78);border:1px solid var(--border-soft);color:var(--text);font-weight:700;font-size:13px;white-space:nowrap}
.status-pill span{color:var(--muted);font-weight:500}
.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(19,186,130,.72)}
.dot.cyan{background:var(--cyan);box-shadow:0 0 14px rgba(11,175,226,.72)}
.dot.violet{background:var(--violet);box-shadow:0 0 14px rgba(120,92,254,.72)}
.dot.gold{background:var(--gold);box-shadow:0 0 14px rgba(240,178,94,.72)}
.dot.red{background:var(--soft-red);box-shadow:0 0 14px rgba(255,154,165,.62)}
.icon-button{width:42px;height:42px;border-radius:var(--r-pill);border:1px solid var(--border-soft);background:rgba(16,24,42,.78);display:grid;place-items:center;color:var(--muted)}
.icon-button:hover{border-color:rgba(120,92,254,.75);color:var(--heading);background:rgba(26,34,56,.86)}
.app-grid{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 72px)}
.side-rail{position:sticky;top:72px;height:calc(100vh - 72px);padding:20px 12px;border-right:1px solid var(--border-soft);background:linear-gradient(180deg,rgba(10,18,33,.72),rgba(10,18,33,.48));backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:18px}
.rail-group{display:flex;flex-direction:column;gap:7px}
.rail-label{padding:10px 14px 4px;color:var(--dim);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700}
.rail-item{height:44px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:0 12px;font-weight:700;font-size:13px;text-align:left}
.rail-item:hover{background:rgba(26,34,56,.55);border-color:var(--border-soft);color:var(--heading)}
.rail-item.is-active{background:linear-gradient(135deg,rgba(11,175,226,.16),rgba(120,92,254,.13));border-color:rgba(11,175,226,.48);color:var(--heading);box-shadow:inset 3px 0 0 var(--cyan)}
.rail-count{min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);display:grid;place-items:center;background:rgba(240,178,94,.14);border:1px solid rgba(240,178,94,.36);color:var(--gold);font-size:11px}
.rail-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border-soft);padding-top:14px}
.main-stage{min-width:0;padding:26px 28px 32px}
.stage-inner{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;align-items:start}
.stage-inner.no-aside{grid-template-columns:1fr}.stage-inner.wide-aside{grid-template-columns:minmax(0,1fr) 410px}.stage-inner.compact-aside{grid-template-columns:minmax(0,1fr) 295px}
.hero{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:start;margin-bottom:22px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;margin-bottom:12px}
.headline{margin:0;color:var(--heading);font-size:clamp(34px,4vw,54px);line-height:1.03;letter-spacing:-.035em;font-weight:800;max-width:760px}.headline.smaller{font-size:clamp(28px,3.2vw,42px)}
.grad-text{background:linear-gradient(105deg,var(--cyan),var(--violet) 58%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{margin:14px 0 0;max-width:720px;color:var(--text);font-size:18px;line-height:1.55}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.btn{height:44px;border-radius:var(--r-pill);border:1px solid var(--border);background:rgba(16,24,42,.76);color:var(--heading);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;font-weight:800;transition:transform 180ms var(--ease),border-color 180ms var(--ease),background 180ms var(--ease)}
.btn:hover{transform:translateY(-1px);background:rgba(26,34,56,.96);border-color:rgba(120,92,254,.74)}
.btn.primary{border-color:rgba(11,175,226,.45);background:linear-gradient(100deg,var(--cyan),var(--violet));box-shadow:0 16px 46px rgba(120,92,254,.26),0 12px 32px rgba(11,175,226,.16)}
.btn.gold{border-color:rgba(240,178,94,.55);background:linear-gradient(100deg,rgba(240,178,94,.22),rgba(120,92,254,.16));box-shadow:0 16px 44px rgba(240,178,94,.18)}
.btn.ghost{background:rgba(16,24,42,.42)}
.btn.danger{border-color:rgba(255,154,165,.45);background:var(--soft-red-fill);color:var(--soft-red)}
.btn.small{height:34px;padding:0 12px;font-size:12px}.btn.block{width:100%}
.panel,.card,.glass-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);backdrop-filter:blur(18px)}
.panel{padding:20px}.panel.soft{background:rgba(20,28,48,.48)}.panel.featured{background:linear-gradient(135deg,rgba(120,92,254,.26),rgba(11,175,226,.10) 72%,rgba(240,178,94,.08));border-color:rgba(120,92,254,.52);box-shadow:var(--shadow-panel)}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-title{margin:0;color:var(--heading);font-size:16px;font-weight:800}.panel-subtitle{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.overline{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.subtle{color:var(--muted)}.strong{color:var(--heading);font-weight:800}.accent-cyan{color:var(--cyan)}.accent-violet{color:var(--violet)}.accent-gold{color:var(--gold)}.accent-green{color:var(--green)}.accent-red{color:var(--soft-red)}
.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.kpi-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-row.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.metric-card{position:relative;min-height:154px;padding:18px;background:linear-gradient(180deg,rgba(20,28,48,.76),rgba(15,21,35,.56));border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.metric-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent,var(--cyan));box-shadow:0 0 18px var(--accent,var(--cyan))}.metric-card h3{margin:0 0 14px;color:var(--text);font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px}.metric-card .value{font-size:34px;color:var(--heading);font-weight:800;letter-spacing:-.04em;line-height:1}.metric-card .note{margin-top:10px;color:var(--muted);font-size:13px}.metric-card .mini-chart{position:absolute;left:20px;right:18px;bottom:16px;height:44px;opacity:.9}.metric-card .chip{margin-top:12px}
.chip{height:26px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(11,175,226,.28);background:rgba(11,175,226,.09);color:var(--cyan);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.chip.green{border-color:rgba(19,186,130,.32);background:rgba(19,186,130,.10);color:var(--green)}.chip.violet{border-color:rgba(120,92,254,.34);background:rgba(120,92,254,.12);color:var(--violet)}.chip.gold{border-color:rgba(240,178,94,.36);background:rgba(240,178,94,.12);color:var(--gold)}.chip.red{border-color:rgba(255,154,165,.34);background:var(--soft-red-fill);color:var(--soft-red)}.chip.neutral{border-color:var(--border-soft);background:rgba(16,24,42,.8);color:var(--muted)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stack{display:flex;flex-direction:column;gap:16px}.stack-tight{display:flex;flex-direction:column;gap:10px}
.hub-card{min-height:190px;padding:18px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.hub-card::before{content:"";position:absolute;inset:-20% auto auto -20%;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(11,175,226,.24),transparent 68%)}.hub-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hub-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(11,175,226,.42);background:linear-gradient(135deg,rgba(11,175,226,.16),rgba(120,92,254,.16));color:var(--cyan)}.hub-title{margin:0;color:var(--heading);font-size:22px;line-height:1.1}.hub-card p{margin:0;color:var(--text);line-height:1.55}.hub-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}.room-card{padding:18px;min-height:148px;position:relative;overflow:hidden}.room-card .row{display:flex;justify-content:space-between;gap:12px;align-items:center}.room-card h3{margin:12px 0 6px;color:var(--heading);font-size:18px}.room-card p{margin:0;color:var(--muted);line-height:1.45;font-size:13px}.room-card .stat{font-size:28px;color:var(--heading);font-weight:800;letter-spacing:-.04em}
.right-rail{display:flex;flex-direction:column;gap:14px}.side-panel{padding:18px;border-radius:20px}.side-panel.featured{padding:24px;border-radius:24px;background:linear-gradient(135deg,rgba(120,92,254,.28),rgba(20,28,48,.74) 56%,rgba(11,175,226,.08));border-color:rgba(120,92,254,.48);box-shadow:var(--shadow-panel)}.side-panel .big{font-size:28px;color:var(--heading);font-weight:800;letter-spacing:-.04em}.status-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-soft)}.status-row:last-child{border-bottom:0}.status-row span{color:var(--muted);font-size:13px}.status-row strong{color:var(--heading);font-size:14px}
.progress{height:7px;background:rgba(255,255,255,.08);border-radius:var(--r-pill);overflow:hidden}.progress span{display:block;height:100%;width:var(--value,50%);border-radius:inherit;background:linear-gradient(90deg,var(--accent,var(--cyan)),var(--violet));box-shadow:0 0 20px var(--accent,var(--cyan))}.progress.green span{background:linear-gradient(90deg,var(--green),var(--cyan))}.progress.gold span{background:linear-gradient(90deg,var(--gold),var(--violet))}.progress.red span{background:linear-gradient(90deg,var(--soft-red),var(--gold))}
.ring{--p:70;--accent:var(--green);width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p)*1%),rgba(255,255,255,.08) 0);position:relative}.ring::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#121929;border:1px solid rgba(255,255,255,.08)}.ring strong{position:relative;z-index:1;color:var(--heading);font-size:26px;letter-spacing:-.04em}.ring small{position:relative;z-index:1;color:var(--muted);font-size:10px;margin-left:2px}.ring.compact{width:72px;height:72px}.ring.compact strong{font-size:20px}.ring.large{width:124px;height:124px}.ring.violet{--accent:var(--violet)}.ring.cyan{--accent:var(--cyan)}.ring.gold{--accent:var(--gold)}.ring.red{--accent:var(--soft-red)}
.fuze-bot{position:relative;width:98px;height:112px;margin:auto;filter:drop-shadow(0 0 28px rgba(11,175,226,.26))}.fuze-bot.small{width:54px;height:62px}.fuze-bot.large{width:126px;height:148px}.bot-head{position:absolute;left:17%;right:17%;top:4%;height:38%;border-radius:35% 35% 44% 44%;background:linear-gradient(180deg,#1e2845,#0f1523);border:1px solid rgba(11,175,226,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 18px rgba(11,175,226,.24)}.bot-eye{position:absolute;top:40%;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.bot-eye.left{left:28%}.bot-eye.right{right:28%}.bot-ant{position:absolute;top:-7px;width:22px;height:12px;border-top:1px solid rgba(11,175,226,.72)}.bot-ant.left{left:12%;border-left:1px solid rgba(11,175,226,.72);border-radius:12px 0 0 0}.bot-ant.right{right:12%;border-right:1px solid rgba(11,175,226,.72);border-radius:0 12px 0 0}.bot-body{position:absolute;left:27%;right:27%;top:45%;height:38%;border-radius:18px;background:linear-gradient(135deg,rgba(120,92,254,.82),rgba(11,175,226,.64));border:1px solid rgba(255,255,255,.16)}.bot-core{position:absolute;left:50%;top:64%;width:20px;height:20px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--gold),var(--violet) 54%,transparent 55%);box-shadow:0 0 20px rgba(120,92,254,.8)}.bot-foot{position:absolute;bottom:4%;width:20%;height:10%;border-radius:10px;background:#1e2845;border:1px solid rgba(11,175,226,.3)}.bot-foot.left{left:26%}.bot-foot.right{right:26%}
.companion-card{position:relative;text-align:center;overflow:hidden}.companion-card::after{content:"";position:absolute;left:50%;bottom:-65px;width:180px;height:110px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(120,92,254,.36),transparent 68%);pointer-events:none}
.mapp-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;min-height:315px;padding:0 0 2px}.mapp-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(11,175,226,.2),rgba(20,28,48,.96) 70%);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;text-align:center;z-index:3;box-shadow:0 0 44px rgba(11,175,226,.12),inset 0 1px 0 rgba(255,255,255,.12)}.mapp-core strong{display:block;color:var(--heading);font-size:18px}.mapp-core small{color:var(--muted)}.mapp-card{min-height:148px;padding:18px 20px;border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(20,28,48,.74),rgba(16,24,42,.62));border:1px solid var(--border);position:relative;overflow:hidden}.mapp-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent,var(--cyan));box-shadow:0 0 24px var(--accent,var(--cyan))}.mapp-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--glow-x,92%) 36%,var(--glow,rgba(11,175,226,.16)),transparent 42%);pointer-events:none}.mapp-card h3{margin:0 0 14px;color:var(--heading);font-size:21px;display:flex;align-items:center;gap:10px}.mapp-mini{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mapp-mini span{color:var(--muted);font-size:13px}.mapp-mini strong{display:block;color:var(--heading);font-size:22px;margin-top:5px}.mapp-lines{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:2}.mapp-lines line{stroke-width:1;stroke-dasharray:3 7;opacity:.78}
.node-map{position:relative;min-height:510px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(120,92,254,.18),transparent 26%),rgba(20,28,48,.42);border:1px solid var(--border);display:grid;place-items:center}.orbit{position:absolute;border:1px dashed rgba(255,255,255,.10);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit.o1{width:210px;height:210px}.orbit.o2{width:340px;height:340px}.orbit.o3{width:470px;height:470px}.node-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:124px;height:124px;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,rgba(20,28,48,.96),rgba(16,24,42,.9));border:1px solid rgba(120,92,254,.56);box-shadow:0 0 64px rgba(120,92,254,.28)}.node-core strong{color:var(--heading)}.map-node{position:absolute;left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%);min-width:122px;min-height:58px;padding:10px 12px;border-radius:var(--r-pill);background:rgba(20,28,48,.9);border:1px solid rgba(53,62,87,.9);display:flex;align-items:center;gap:9px;box-shadow:0 12px 40px rgba(0,0,0,.22)}.map-node::before{content:"";width:34px;height:34px;border-radius:50%;background:rgba(11,175,226,.13);border:1px solid rgba(11,175,226,.4)}.map-node strong{display:block;color:var(--heading);font-size:13px}.map-node span{display:block;color:var(--muted);font-size:11px}.node-line{position:absolute;left:50%;top:50%;width:var(--w);height:1px;background:linear-gradient(90deg,rgba(11,175,226,.8),rgba(120,92,254,.28));transform:rotate(var(--r));transform-origin:left center;opacity:.66}.route-board{position:relative;min-height:440px;border-radius:20px;background:rgba(20,28,48,.46);border:1px solid var(--border);overflow:hidden;padding:24px}.route-steps{position:absolute;inset:38px;display:flex;align-items:center;justify-content:space-between}.route-step{width:140px;min-height:112px;border-radius:18px;border:1px solid var(--border);background:rgba(16,24,42,.88);padding:14px;text-align:center;box-shadow:var(--shadow-card)}.route-step .num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;border:1px solid rgba(11,175,226,.42);color:var(--cyan);background:rgba(11,175,226,.1);font-weight:800}.route-step h4{margin:0 0 6px;color:var(--heading)}.route-step p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.route-connector{height:2px;flex:1;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--gold));opacity:.7;margin:0 -4px}.flow-card{padding:16px;border-radius:14px;background:rgba(16,24,42,.72);border:1px solid var(--border-soft)}
.table-card{overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border);background:rgba(20,28,48,.56)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;text-align:left;padding:13px 14px;background:rgba(16,24,42,.62);border-bottom:1px solid var(--border-soft)}.data-table td{padding:14px;border-bottom:1px solid var(--border-soft);color:var(--text)}.data-table tr:last-child td{border-bottom:0}.data-table strong{color:var(--heading)}.row-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.signal-feed{display:flex;flex-direction:column;gap:10px}.signal-item{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:12px;background:rgba(16,24,42,.62);border:1px solid var(--border-soft)}.signal-item h4{margin:0;color:var(--heading);font-size:14px}.signal-item p{margin:3px 0 0;color:var(--muted);font-size:12px}.avatar-stack{display:flex;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:linear-gradient(135deg,rgba(11,175,226,.26),rgba(120,92,254,.26));display:grid;place-items:center;color:var(--heading);font-size:11px;font-weight:800;box-shadow:0 0 18px rgba(11,175,226,.12)}.avatar+.avatar{margin-left:-8px}.lane-strip{position:sticky;bottom:0;z-index:20;margin-top:22px;padding:12px;border-radius:18px;background:rgba(11,15,26,.72);border:1px solid var(--border-soft);backdrop-filter:blur(14px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:10px}.lane-card{height:76px;border-radius:12px;background:rgba(20,28,48,.72);border:1px solid var(--border-soft);padding:11px 12px;display:flex;flex-direction:column;justify-content:space-between}.lane-card.review{border-color:rgba(240,178,94,.75);box-shadow:0 0 22px rgba(240,178,94,.16)}.lane-card h4{margin:0;color:var(--heading);font-size:12px}.lane-card p{margin:2px 0 0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lane-card .progress{height:5px}.mini-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.segmented{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:var(--r-pill);background:rgba(16,24,42,.72);border:1px solid var(--border-soft)}.segmented button{height:32px;border-radius:var(--r-pill);border:0;background:transparent;color:var(--muted);padding:0 12px;font-size:12px;font-weight:800}.segmented button.is-active{background:linear-gradient(100deg,rgba(11,175,226,.22),rgba(120,92,254,.26));color:var(--heading);box-shadow:inset 0 0 0 1px rgba(120,92,254,.35)}
.scenario-shell .stage-inner{grid-template-columns: minmax(0,1fr) 360px}.scenario-form{display:grid;grid-template-columns:1fr 280px;gap:16px}.input-card{padding:16px;border-radius:var(--r-lg);background:rgba(16,24,42,.66);border:1px solid var(--border)}.field{display:flex;flex-direction:column;gap:8px}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}.field textarea,.field input,.field select{width:100%;border:1px solid var(--border);background:var(--input);border-radius:12px;padding:13px 14px;min-height:44px;color:var(--text)}.field textarea{min-height:182px;resize:vertical;line-height:1.5}.persona-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.persona-card{position:relative;min-height:178px;padding:15px;border-radius:14px;border:1px solid var(--border);background:rgba(20,28,48,.68);overflow:hidden}.persona-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--accent,var(--cyan))}.persona-card h4{margin:0;color:var(--heading);font-size:15px}.persona-card .stage{margin-top:4px;color:var(--muted);font-size:12px}.persona-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.persona-stat{padding:8px;border-radius:10px;background:rgba(16,24,42,.68);text-align:center}.persona-stat strong{display:block;color:var(--heading);font-size:16px}.persona-stat span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.objection{color:var(--text);font-size:12px;line-height:1.4}.result-layout{display:flex;flex-direction:column;gap:16px}.result-section{order:var(--order,10)}.mode-ignored .objections-section{--order:1}.mode-ignored .fix-section{--order:2}.mode-ignored .rewrite-section{--order:3}.mode-ignored .stats-section{--order:4}.mode-hook .rewrite-section{--order:1}.mode-hook .stats-section{--order:2}.mode-hook .objections-section{--order:3}.mode-hook .fix-section{--order:4}.mode-converting .stats-section{--order:1}.mode-converting .fix-section{--order:2}.mode-converting .rewrite-section{--order:3}.mode-converting .objections-section{--order:4}.mode-warm .fix-section{--order:1}.mode-warm .rewrite-section{--order:2}.mode-warm .objections-section{--order:3}.mode-warm .stats-section{--order:4}.verdict-banner{padding:18px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(135deg,rgba(20,28,48,.84),rgba(16,24,42,.64));display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.verdict-banner h3{margin:0;color:var(--heading);font-size:24px}.verdict-banner p{margin:6px 0 0;color:var(--text)}.mode-ignored .verdict-banner{border-color:rgba(255,154,165,.35);box-shadow:0 0 44px rgba(255,154,165,.08)}.mode-hook .verdict-banner{border-color:rgba(240,178,94,.48);box-shadow:0 0 44px rgba(240,178,94,.10)}.mode-converting .verdict-banner{border-color:rgba(19,186,130,.42);box-shadow:0 0 44px rgba(19,186,130,.10)}.mode-warm .verdict-banner{border-color:rgba(11,175,226,.42);box-shadow:0 0 44px rgba(11,175,226,.10)}.loading-panel{min-height:320px;display:grid;place-items:center;text-align:center}.loader-core{width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--cyan),var(--violet),var(--gold),var(--cyan));position:relative;animation:spin 1.8s linear infinite;margin:auto}.loader-core::after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--bg);border:1px solid rgba(255,255,255,.08)}@keyframes spin{to{transform:rotate(1turn)}}
.error-state{padding:18px;border-radius:16px;border:1px solid rgba(255,154,165,.36);background:var(--soft-red-fill);color:var(--soft-red)}.hidden{display:none!important}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(5,8,14,.74);display:grid;place-items:center;padding:24px}.modal-card{width:min(720px,100%);max-height:min(720px,90vh);overflow:auto;background:linear-gradient(180deg,rgba(20,28,48,.96),rgba(16,24,42,.96));border:1px solid var(--border);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.34);padding:22px}.modal-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:14px}.modal-head h2{margin:0;color:var(--heading)}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:1200;display:flex;flex-direction:column;gap:10px}.toast{min-width:260px;max-width:380px;border-radius:14px;background:rgba(20,28,48,.96);border:1px solid var(--border);box-shadow:var(--shadow-panel);padding:13px 14px;color:var(--text);display:grid;grid-template-columns:24px 1fr;gap:10px}.toast strong{color:var(--heading)}
.reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.reference-card{padding:10px;border-radius:14px;background:rgba(20,28,48,.68);border:1px solid var(--border-soft)}.reference-card img{width:100%;display:block;border-radius:10px;border:1px solid var(--border-soft);background:var(--content)}.reference-card h4{margin:10px 0 4px;color:var(--heading);font-size:13px}.reference-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.35}.empty-state{min-height:240px;display:grid;place-items:center;text-align:center;padding:32px}.empty-state h3{margin:0 0 8px;color:var(--heading)}
@media (max-width:1320px){.topbar{grid-template-columns:170px 1fr auto}.search-command{display:none}.stage-inner,.stage-inner.wide-aside,.stage-inner.compact-aside{grid-template-columns:1fr}.right-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.scenario-shell .stage-inner{grid-template-columns:1fr}}
@media (max-width:980px){.app-grid{grid-template-columns:1fr}.side-rail{position:relative;top:auto;height:auto;display:grid;grid-template-columns:repeat(2,1fr);border-right:0;border-bottom:1px solid var(--border-soft)}.topbar{grid-template-columns:1fr auto}.nav-tabs{display:none}.top-actions .status-pill{display:none}.main-stage{padding:20px 16px}.hero{grid-template-columns:1fr}.kpi-row,.kpi-row.three,.kpi-row.five,.grid-2,.grid-3,.grid-4,.persona-row,.scenario-form,.lane-strip{grid-template-columns:1fr}.mapp-grid{grid-template-columns:1fr}.mapp-core,.mapp-lines{display:none}.right-rail{grid-template-columns:1fr}.route-steps{position:static;display:flex;flex-direction:column}.route-connector{width:2px;height:34px;margin:0;background:linear-gradient(180deg,var(--cyan),var(--violet),var(--gold))}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.reference-grid.dense{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.reference-grid.dense .reference-card img{aspect-ratio:3/2;object-fit:cover}.reference-grid.dense .reference-card .btn{margin-top:10px}