/* ============================================================
   HireSalesAI — console.css
   Workspace console · dark AI surface · 2026-11
   Tokens inherit the site palette: navy → #4278EE / #2BD9F0 / #00D6A4
   ============================================================ */

:root{
  --c-bg:#050B14;
  --c-bg-2:#070F1C;
  --c-panel:#0A1424;
  --c-panel-2:#0C1930;
  --c-panel-3:#11223D;
  --c-line:rgba(255,255,255,.075);
  --c-line-2:rgba(255,255,255,.14);
  --c-txt:#E9F1FC;
  --c-txt-2:rgba(233,241,252,.74);
  --c-muted:#7F94B0;
  --c-blue:#4278EE;
  --c-blue-2:#2E6AE8;
  --c-cyan:#2BD9F0;
  --c-mint:#00D6A4;
  --c-amber:#F2A93B;
  --c-red:#FF7A7A;
  --c-r:12px;
  --c-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:var(--c-bg);color:var(--c-txt);
  font-family:'Manrope',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:13px;line-height:1.5;overflow:hidden;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(70% 55% at 18% -10%,rgba(46,106,232,.20),transparent 62%),
    radial-gradient(60% 50% at 88% 4%,rgba(43,217,240,.10),transparent 60%),
    radial-gradient(80% 60% at 60% 110%,rgba(0,214,164,.07),transparent 65%);
}
body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 10%,#000 10%,transparent 80%);
  mask-image:radial-gradient(ellipse 80% 70% at 50% 10%,#000 10%,transparent 80%);
}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{margin:0;padding:0;list-style:none}
svg{display:block}
::selection{background:rgba(66,120,238,.35)}

/* ---------------- shell ---------------- */
.cx{position:relative;z-index:1;display:grid;grid-template-columns:54px 224px minmax(0,1fr);height:100vh}

/* rail */
.rail{
  display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0;
  background:rgba(6,13,24,.72);border-right:1px solid var(--c-line);
  backdrop-filter:blur(12px);
}
.rail .mark{
  width:30px;height:30px;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,#4278EE,#1240A8);
  box-shadow:0 8px 20px -8px rgba(66,120,238,.9),inset 0 1px 0 rgba(255,255,255,.25);
  margin-bottom:10px;
}
.rail .ri{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#7E93AF;
  position:relative;transition:.18s ease;
}
.rail .ri:hover{background:rgba(255,255,255,.06);color:#C7D8EE}
.rail .ri.on{background:rgba(66,120,238,.16);color:#8FB4FF;box-shadow:inset 0 0 0 1px rgba(66,120,238,.35)}
.rail .ri.on::before{
  content:"";position:absolute;left:-12px;top:9px;width:3px;height:16px;border-radius:3px;
  background:linear-gradient(#4278EE,#2BD9F0);box-shadow:0 0 12px rgba(66,120,238,.9);
}
.rail .sp{flex:1}
.rail .av{width:28px;height:28px;border-radius:50%;background:linear-gradient(150deg,#2BD9F0,#2E6AE8);display:grid;place-items:center;font-size:9.5px;font-weight:800;color:#04101F}

/* sidebar */
.side{
  display:flex;flex-direction:column;min-height:0;
  background:rgba(8,16,30,.82);border-right:1px solid var(--c-line);
  backdrop-filter:blur(14px);
}
.side .brand{
  display:flex;align-items:center;gap:8px;padding:14px 16px 12px;
  font-size:13.5px;font-weight:800;letter-spacing:-.01em;
}
.brand .tag{
  font-family:var(--c-mono);font-size:8px;font-weight:700;letter-spacing:.1em;
  padding:2px 5px;border-radius:4px;background:rgba(43,217,240,.12);color:#7FE2F5;
  border:1px solid rgba(43,217,240,.22);
}
.wks{
  margin:2px 12px 12px;padding:9px 10px;border-radius:10px;display:flex;align-items:center;gap:9px;
  background:rgba(255,255,255,.035);border:1px solid var(--c-line);cursor:pointer;transition:.18s;
}
.wks:hover{border-color:var(--c-line-2);background:rgba(255,255,255,.055)}
.wks .sq{width:22px;height:22px;border-radius:6px;background:linear-gradient(150deg,#1B3B6E,#0E2340);display:grid;place-items:center;font-size:9px;font-weight:800;color:#9FC0EA}
.wks b{display:block;font-size:11.5px;font-weight:800;line-height:1.3}
.wks span{font-size:9.5px;color:var(--c-muted);font-weight:600}
.wks .cr{margin-left:auto;color:var(--c-muted)}

.nav-g{padding:0 8px;overflow-y:auto;flex:1}
.nav-g::-webkit-scrollbar{width:0}
.nav-g .gh{
  font-family:var(--c-mono);font-size:8.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:#5C718D;padding:12px 10px 6px;
}
.nav-i{
  display:flex;align-items:center;gap:9px;height:32px;padding:0 10px;border-radius:8px;
  font-size:12.5px;font-weight:600;color:#A7BAD2;cursor:pointer;transition:.16s;position:relative;
}
.nav-i:hover{background:rgba(255,255,255,.05);color:#E3EEFB}
.nav-i.on{background:linear-gradient(90deg,rgba(66,120,238,.20),rgba(66,120,238,.04));color:#fff;box-shadow:inset 0 0 0 1px rgba(66,120,238,.28)}
.nav-i.on::before{content:"";position:absolute;left:0;top:7px;width:2px;height:18px;border-radius:2px;background:#4E8BFF;box-shadow:0 0 10px #4278EE}
.nav-i svg{color:#7690AE;flex:0 0 auto}
.nav-i.on svg{color:#8FB4FF}
.nav-i .n{margin-left:auto;font-family:var(--c-mono);font-size:9.5px;font-weight:700;color:#7F94B0}
.nav-i .n.hot{color:#0A1424;background:#2BD9F0;padding:1px 5px;border-radius:4px;font-size:9px}
.nav-i .dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--c-mint);box-shadow:0 0 8px var(--c-mint)}

.cred{
  margin:10px 12px;padding:10px 11px;border-radius:10px;
  background:linear-gradient(150deg,rgba(66,120,238,.14),rgba(43,217,240,.05));
  border:1px solid rgba(66,120,238,.22);
}
.cred .t{display:flex;justify-content:space-between;font-size:9.5px;font-weight:700;color:#9DB6D6;letter-spacing:.04em}
.cred .t b{font-family:var(--c-mono);color:#DCEBFF;font-size:10px}
.cred .bar{height:4px;border-radius:3px;background:rgba(255,255,255,.1);margin:7px 0 6px;overflow:hidden}
.cred .bar i{display:block;height:100%;width:68%;border-radius:3px;background:linear-gradient(90deg,#4278EE,#2BD9F0)}
.cred .s{font-size:9px;color:#7F94B0;font-weight:600}

/* main */
.main{display:flex;flex-direction:column;min-width:0;min-height:0}
.top{
  height:52px;display:flex;align-items:center;gap:10px;padding:0 16px;
  border-bottom:1px solid var(--c-line);background:rgba(7,15,28,.6);backdrop-filter:blur(14px);
}
.crumb{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:var(--c-muted)}
.crumb b{color:var(--c-txt);font-weight:800}
.crumb .sl{color:#3E5270}
.search{
  margin-left:auto;display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;min-width:230px;
  border-radius:8px;background:rgba(255,255,255,.045);border:1px solid var(--c-line);color:#7F94B0;font-size:11.5px;
}
.search kbd{
  margin-left:auto;font-family:var(--c-mono);font-size:9px;color:#8FA4BE;
  background:rgba(255,255,255,.07);border-radius:4px;padding:1px 4px;border:1px solid var(--c-line);
}
.live{
  display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:6px;
  font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:#5CF0C6;background:rgba(0,214,164,.1);border:1px solid rgba(0,214,164,.22);
}
.live i{width:5px;height:5px;border-radius:50%;background:#00D6A4;box-shadow:0 0 8px #00D6A4;animation:pl 1.8s infinite}
@keyframes pl{0%,100%{opacity:1}50%{opacity:.25}}
.icobtn{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:#8FA4BE;border:1px solid transparent}
.icobtn:hover{background:rgba(255,255,255,.06);color:#fff;border-color:var(--c-line)}
.tav{width:26px;height:26px;border-radius:50%;background:linear-gradient(150deg,#2BD9F0,#2E6AE8);display:grid;place-items:center;font-size:9px;font-weight:800;color:#04101F}

.views{flex:1;min-height:0;position:relative}
.view{position:absolute;inset:0;overflow-y:auto;display:none}
.view.on{display:block}
.view::-webkit-scrollbar{width:8px}
.view::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:8px}

/* ---------------- inbox ---------------- */
.inbox{display:grid;grid-template-columns:300px minmax(0,1fr) 318px;height:100%;min-height:0}
.ilist{border-right:1px solid var(--c-line);display:flex;flex-direction:column;min-height:0;background:rgba(8,16,30,.4)}
.ilist .ih{padding:12px 12px 8px;border-bottom:1px solid var(--c-line)}
.ilist .ih .r1{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.ilist .ih h2{font-size:13.5px;font-weight:800;letter-spacing:-.01em}
.ilist .ih .r1 .c{font-family:var(--c-mono);font-size:9.5px;color:var(--c-muted);font-weight:700}
.filters{display:flex;gap:4px;flex-wrap:wrap}
.filters button{
  height:22px;padding:0 8px;border-radius:5px;font-size:10px;font-weight:700;color:#8298B4;
  border:1px solid transparent;transition:.16s;
}
.filters button:hover{color:#DCE9F8;background:rgba(255,255,255,.05)}
.filters button.on{background:rgba(66,120,238,.18);color:#B9D1FF;border-color:rgba(66,120,238,.32)}
.rows{flex:1;overflow-y:auto;padding:6px}
.rows::-webkit-scrollbar{width:0}
.row{
  display:flex;gap:9px;padding:9px 9px;border-radius:9px;cursor:pointer;margin-bottom:2px;
  border:1px solid transparent;transition:.16s;
}
.row:hover{background:rgba(255,255,255,.04)}
.row.on{background:linear-gradient(90deg,rgba(66,120,238,.16),rgba(66,120,238,.04));border-color:rgba(66,120,238,.28)}
.row .av{width:28px;height:28px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-size:9px;font-weight:800;color:#0A1424}
.row .mid{min-width:0;flex:1}
.row .n1{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;color:#DDEAF9;line-height:1.35}
.row .n1 span{margin-left:auto;font-size:8.5px;font-weight:600;color:#6F84A0;font-family:var(--c-mono)}
.row .p1{font-size:10px;color:#8298B4;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.row .tags{display:flex;gap:4px;margin-top:5px}
.mini-tag{font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:1px 5px;border-radius:4px}
.mini-tag.w{background:rgba(37,211,102,.13);color:#5EE29A}
.mini-tag.i{background:rgba(214,41,118,.15);color:#F583C0}
.mini-tag.a{background:rgba(255,106,0,.14);color:#FFA86B}
.mini-tag.s{background:rgba(149,191,71,.15);color:#B7D97C}
.mini-tag.ai{background:rgba(43,217,240,.12);color:#7FE2F5}
.mini-tag.hu{background:rgba(242,169,59,.14);color:#F5C077}
.unread{width:5px;height:5px;border-radius:50%;background:var(--c-mint);align-self:center;flex:0 0 auto;box-shadow:0 0 6px var(--c-mint)}

.thread{display:flex;flex-direction:column;min-height:0;background:rgba(6,13,24,.28)}
.th-top{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--c-line);background:rgba(8,16,30,.5)}
.th-top .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:9.5px;font-weight:800;color:#0A1424}
.th-top .nm{font-size:12.5px;font-weight:800;line-height:1.3}
.th-top .sub{font-size:10px;color:var(--c-muted);font-weight:600;display:flex;align-items:center;gap:5px}
.th-top .sub .ch{color:#5EE29A;font-weight:700}
.th-top .sp{margin-left:auto;display:flex;gap:6px;align-items:center}
.pill{border:1px solid var(--c-line);border-radius:6px;height:24px;padding:0 8px;font-size:9.5px;font-weight:700;color:#9AAFC9;display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.03)}
.pill.good{color:#5CF0C6;border-color:rgba(0,214,164,.25);background:rgba(0,214,164,.08)}

.msgs{flex:1;overflow-y:auto;padding:16px 18px 8px;display:flex;flex-direction:column;gap:10px}
.msgs::-webkit-scrollbar{width:8px}
.msgs::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:8px}
.day{align-self:center;font-family:var(--c-mono);font-size:8.5px;font-weight:700;color:#6F84A0;background:rgba(255,255,255,.05);padding:3px 9px;border-radius:999px;letter-spacing:.06em}
.bub{max-width:74%;padding:9px 12px;border-radius:12px;font-size:12px;line-height:1.55;position:relative}
.bub.in{align-self:flex-start;background:var(--c-panel-2);border:1px solid var(--c-line);border-bottom-left-radius:4px;color:#DCE9F8}
.bub.out{align-self:flex-end;background:linear-gradient(150deg,#2E6AE8,#1B4FCC);border-bottom-right-radius:4px;color:#fff;box-shadow:0 10px 24px -14px rgba(46,106,232,.9)}
.bub b{font-weight:800;color:#fff}
.bub.in b{color:#fff}
.bub .meta{display:block;margin-top:5px;font-size:8.5px;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:.02em}
.bub .meta.by{color:rgba(255,255,255,.72)}
.bub .ai-chip{
  display:inline-flex;align-items:center;gap:4px;margin-bottom:5px;font-size:8px;font-weight:800;
  letter-spacing:.07em;text-transform:uppercase;color:#7FE2F5;background:rgba(43,217,240,.1);
  border:1px solid rgba(43,217,240,.2);padding:1px 5px;border-radius:4px;
}
.sys{
  align-self:center;display:flex;align-items:center;gap:7px;font-size:9.5px;font-weight:700;color:#8FA4BE;
  background:rgba(66,120,238,.09);border:1px dashed rgba(66,120,238,.28);padding:5px 11px;border-radius:7px;
}
.sys svg{color:#6EA0FF}
.composer{margin:0 16px 12px;border:1px solid var(--c-line);border-radius:11px;background:rgba(255,255,255,.03);padding:9px 11px}
.composer .ph{font-size:11.5px;color:#6F84A0;font-weight:600;min-height:34px}
.composer .bar{display:flex;align-items:center;gap:7px;padding-top:7px;border-top:1px solid var(--c-line);margin-top:5px}
.composer .bar .l{display:flex;gap:4px;color:#7F94B0}
.composer .bar .snd{
  margin-left:auto;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 11px;border-radius:6px;
  font-size:10.5px;font-weight:800;color:#fff;background:linear-gradient(150deg,#2E6AE8,#1B4FCC);
  box-shadow:0 8px 18px -10px rgba(46,106,232,.9);
}
.composer .bar .snd.alt{background:rgba(255,255,255,.07);box-shadow:none;color:#B9CBE2;border:1px solid var(--c-line)}

/* copilot */
.copilot{border-left:1px solid var(--c-line);background:rgba(8,16,30,.5);display:flex;flex-direction:column;min-height:0}
.cp-h{display:flex;align-items:center;gap:7px;padding:11px 13px;border-bottom:1px solid var(--c-line);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8FA4BE}
.cp-h .spark{color:#7FE2F5}
.cp-h .c{margin-left:auto;font-family:var(--c-mono);font-weight:700;font-size:9px;color:#5CF0C6}
.cp-b{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:9px}
.cp-b::-webkit-scrollbar{width:0}
.card{background:rgba(255,255,255,.032);border:1px solid var(--c-line);border-radius:10px;padding:11px 12px}
.card .k{font-family:var(--c-mono);font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6F84A0;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.card .k b{color:#8FB4FF;font-weight:700}
.card p{font-size:11.5px;line-height:1.55;color:var(--c-txt-2);font-weight:600}
.fld{display:flex;align-items:flex-start;gap:7px;font-size:11px;padding:3px 0;color:#C7D8EE;font-weight:600}
.fld i{
  width:13px;height:13px;border-radius:4px;flex:0 0 auto;display:grid;place-items:center;font-style:normal;
  font-size:7.5px;font-weight:800;margin-top:2px;background:rgba(0,214,164,.13);color:#5CF0C6;
}
.fld.gap i{background:rgba(242,169,59,.14);color:#F5C077}
.fld span{margin-left:auto;color:#7F94B0;font-size:9.5px;font-family:var(--c-mono);flex:0 0 auto}
.score{display:flex;align-items:center;gap:10px}
.ring{
  width:44px;height:44px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;position:relative;
  background:conic-gradient(#00D6A4 0 82%,rgba(255,255,255,.08) 82% 100%);
}
.ring::before{content:"";position:absolute;inset:4px;border-radius:50%;background:#0B1729}
.ring b{position:relative;font-family:var(--c-mono);font-size:12px;font-weight:700;color:#5CF0C6}
.score .t{font-size:11.5px;font-weight:800;line-height:1.3}
.score .s{font-size:9.5px;color:#7F94B0;font-weight:600}
.qrow{display:flex;justify-content:space-between;font-size:10.5px;font-weight:600;color:#A7BAD2;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.07)}
.qrow b{color:#EAF2FD;font-family:var(--c-mono);font-weight:700;font-size:10px}
.qtot{display:flex;justify-content:space-between;align-items:baseline;padding-top:8px}
.qtot span{font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#6F84A0}
.qtot b{font-family:var(--c-mono);font-size:15px;font-weight:700;color:#fff;letter-spacing:-.02em}
.rule-ok{
  margin-top:8px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800;color:#5CF0C6;
  background:rgba(0,214,164,.1);border:1px solid rgba(0,214,164,.2);padding:4px 7px;border-radius:5px;
}
.btn-row{display:flex;gap:6px;margin-top:2px}
.btn-row button{
  flex:1;height:30px;border-radius:7px;font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:5px;
  background:rgba(255,255,255,.06);border:1px solid var(--c-line);color:#C7D8EE;
}
.btn-row button.pri{background:linear-gradient(150deg,#2E6AE8,#1B4FCC);border-color:transparent;color:#fff;box-shadow:0 10px 22px -12px rgba(46,106,232,.95)}

/* ---------------- generic view chrome ---------------- */
.vpad{padding:20px 22px 28px;max-width:1180px}
.vhead{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.vhead h1{font-size:19px;font-weight:800;letter-spacing:-.025em;margin:0}
.vhead p{font-size:11.5px;color:#8298B4;font-weight:600;margin-top:3px}
.vhead .act{margin-left:auto;display:flex;gap:7px}
.btn{
  height:30px;padding:0 12px;border-radius:7px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.05);border:1px solid var(--c-line);color:#C7D8EE;
}
.btn.pri{background:linear-gradient(150deg,#2E6AE8,#1B4FCC);border-color:transparent;color:#fff;box-shadow:0 10px 24px -14px rgba(46,120,238,.9)}
.btn.ghost{background:transparent}

.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.kpi{border:1px solid var(--c-line);border-radius:11px;padding:13px 14px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.kpi .l{font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#7F94B0;display:flex;align-items:center;gap:5px}
.kpi .v{font-family:var(--c-mono);font-size:23px;font-weight:700;letter-spacing:-.03em;margin:7px 0 3px;
  background:linear-gradient(180deg,#fff,#9FC4FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.kpi .d{font-size:9.5px;font-weight:600;color:#8298B4}
.kpi .d b{color:#5CF0C6;font-weight:800}
.kpi .d b.dn{color:#F5C077}

.panel{border:1px solid var(--c-line);border-radius:12px;background:rgba(255,255,255,.025);overflow:hidden}
.panel .ph{display:flex;align-items:center;gap:9px;padding:11px 14px;border-bottom:1px solid var(--c-line)}
.panel .ph h3{font-size:11.5px;font-weight:800;margin:0;letter-spacing:-.01em}
.panel .ph .n{margin-left:auto;font-family:var(--c-mono);font-size:9px;color:#6F84A0;font-weight:700}
.panel .pb{padding:14px}
.grid2{display:grid;grid-template-columns:1.45fr 1fr;gap:12px}
.grid2b{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* funnel */
.fn{display:flex;flex-direction:column;gap:9px}
.fn .r{display:grid;grid-template-columns:92px 1fr 58px;gap:10px;align-items:center}
.fn .lbl{font-size:10.5px;font-weight:700;color:#A7BAD2}
.fn .track{height:22px;border-radius:5px;background:rgba(255,255,255,.05);overflow:hidden;position:relative}
.fn .fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#2E6AE8,#2BD9F0);position:relative}
.fn .fill.m{background:linear-gradient(90deg,#00A97F,#00D6A4)}
.fn .fill.a{background:linear-gradient(90deg,#C4861F,#F2A93B)}
.fn .fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25));opacity:.35}
.fn .num{font-family:var(--c-mono);font-size:10.5px;font-weight:700;text-align:right;color:#DCE9F8}

/* channel bars */
.chb{display:flex;flex-direction:column;gap:8px}
.chb .r{display:grid;grid-template-columns:112px 1fr 46px;gap:9px;align-items:center}
.chb .nm{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:#C7D8EE}
.chb .nm svg{width:14px;height:14px;border-radius:3px;flex:0 0 auto}
.chb .track{height:6px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden}
.chb .fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#4278EE,#7FA8FF)}
.chb .v{font-family:var(--c-mono);font-size:9.5px;color:#8298B4;font-weight:700;text-align:right}

/* heat strip */
.heat{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;margin-top:4px}
.heat i{height:22px;border-radius:3px;display:block}
.heat-l{display:flex;justify-content:space-between;font-family:var(--c-mono);font-size:8px;color:#5C718D;margin-top:5px;letter-spacing:.06em}

/* table */
table.t{width:100%;border-collapse:collapse}
table.t th{
  text-align:left;font-family:var(--c-mono);font-size:8.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:#6F84A0;padding:8px 14px;border-bottom:1px solid var(--c-line);background:rgba(255,255,255,.02);
}
table.t td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px;color:#B9CBE2;font-weight:600;vertical-align:middle}
table.t tr:last-child td{border-bottom:0}
table.t tr:hover td{background:rgba(255,255,255,.022)}
table.t b{color:#EAF2FD;font-weight:800}
.code{font-family:var(--c-mono);font-size:9.5px;color:#8FB4FF;font-weight:700}
.scope{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.06);color:#A7BAD2;border:1px solid var(--c-line)}
.st{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;color:#5CF0C6}
.st i{width:5px;height:5px;border-radius:50%;background:#00D6A4;box-shadow:0 0 6px #00D6A4}
.st.off{color:#F5C077}
.st.off i{background:#F2A93B;box-shadow:0 0 6px #F2A93B}

/* simulator */
.sim{display:flex;flex-direction:column;gap:8px}
.sim .qline{font-size:11.5px;font-weight:600;color:#DCE9F8;background:rgba(255,255,255,.04);border:1px solid var(--c-line);border-left:2px solid #4278EE;border-radius:7px;padding:9px 11px;line-height:1.5}
.sim .out{display:flex;flex-wrap:wrap;gap:5px}
.sim .chip{font-size:9px;font-weight:800;padding:3px 7px;border-radius:5px;background:rgba(0,214,164,.1);color:#5CF0C6;border:1px solid rgba(0,214,164,.2)}
.sim .chip.warn{background:rgba(242,169,59,.1);color:#F5C077;border-color:rgba(242,169,59,.22)}
.sim .price{display:flex;align-items:baseline;gap:7px;margin-top:3px}
.sim .price b{font-family:var(--c-mono);font-size:17px;color:#fff;font-weight:700}
.sim .price span{font-size:9.5px;color:#8298B4;font-weight:600}

/* channels view */
.chgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.chcard{border:1px solid var(--c-line);border-radius:11px;padding:13px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.012));transition:.18s}
.chcard:hover{border-color:var(--c-line-2);transform:translateY(-2px)}
.chcard .h{display:flex;align-items:center;gap:9px}
.chcard .h svg{width:26px;height:26px;border-radius:7px;flex:0 0 auto;box-shadow:0 6px 14px -8px rgba(0,0,0,.8)}
.chcard .nm{font-size:12px;font-weight:800;line-height:1.3}
.chcard .ty{font-size:9px;font-weight:700;color:#7F94B0;letter-spacing:.04em;text-transform:uppercase}
.chcard .sw{margin-left:auto;width:26px;height:15px;border-radius:999px;background:rgba(0,214,164,.28);position:relative;flex:0 0 auto}
.chcard .sw::after{content:"";position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;background:#5CF0C6;box-shadow:0 0 8px rgba(92,240,198,.8)}
.chcard .sw.off{background:rgba(255,255,255,.12)}
.chcard .sw.off::after{right:auto;left:2px;background:#8298B4;box-shadow:none}
.chcard .m{display:flex;gap:12px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
.chcard .m div{font-size:9px;font-weight:700;color:#7F94B0}
.chcard .m b{display:block;font-family:var(--c-mono);font-size:12px;color:#DCE9F8;font-weight:700;margin-top:1px}

/* guardrails */
.gl{display:flex;flex-direction:column;gap:0}
.glr{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.05)}
.glr:last-child{border-bottom:0}
.glr .t{font-size:11.5px;font-weight:800;line-height:1.35}
.glr .s{font-size:10px;color:#8298B4;font-weight:600;margin-top:2px;max-width:52ch}
.glr .sw{margin-left:auto;width:30px;height:17px;border-radius:999px;background:rgba(0,214,164,.3);position:relative;flex:0 0 auto;margin-top:2px;cursor:pointer;transition:.2s}
.glr .sw::after{content:"";position:absolute;top:2px;right:2px;width:13px;height:13px;border-radius:50%;background:#5CF0C6;transition:.2s}
.glr .sw.off{background:rgba(255,255,255,.12)}
.glr .sw.off::after{right:auto;left:2px;background:#7F94B0}
.audit{display:flex;flex-direction:column;gap:0}
.au{display:flex;gap:10px;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.05);font-size:10.5px}
.au:last-child{border-bottom:0}
.au .tm{font-family:var(--c-mono);font-size:9px;color:#6F84A0;flex:0 0 56px;font-weight:700}
.au .tx{color:#B9CBE2;font-weight:600;line-height:1.45}
.au .tx b{color:#fff;font-weight:800}
.au .who{margin-left:auto;font-size:8.5px;font-weight:800;padding:1px 5px;border-radius:4px;background:rgba(66,120,238,.15);color:#9FC0FF;flex:0 0 auto;align-self:flex-start}

/* embed mode */
body.embed .cx{grid-template-columns:50px 210px minmax(0,1fr)}
body.embed .rail .mark{width:28px;height:28px}

@media (max-width:1180px){
  .cx{grid-template-columns:50px 200px minmax(0,1fr)}
  .inbox{grid-template-columns:270px minmax(0,1fr)}
  .copilot{display:none}
  .chgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .cx{grid-template-columns:50px minmax(0,1fr)}
  .side{display:none}
  .inbox{grid-template-columns:minmax(0,1fr)}
  .ilist{display:none}
  .kpis{grid-template-columns:1fr 1fr}
  .grid2,.grid2b,.chgrid{grid-template-columns:1fr}
}

/* ============================================================
   DEMO LAYER — scripted walkthrough
   ============================================================ */
.d-hide{display:none !important}
.d-in{animation:dIn .46s cubic-bezier(.2,.9,.3,1) both}
@keyframes dIn{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}

.typing{
  align-self:flex-start;display:inline-flex;align-items:center;gap:5px;
  padding:11px 14px;border-radius:12px;border-bottom-left-radius:4px;
  background:var(--c-panel-2);border:1px solid var(--c-line);
}
.typing i{width:5px;height:5px;border-radius:50%;background:#7F94B0;animation:tp 1.2s infinite}
.typing i:nth-child(2){animation-delay:.16s}
.typing i:nth-child(3){animation-delay:.32s}
@keyframes tp{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

.spot{
  box-shadow:0 0 0 1px rgba(43,217,240,.55),0 0 26px -6px rgba(43,217,240,.6) !important;
  border-color:rgba(43,217,240,.4) !important;
  transition:box-shadow .4s,border-color .4s;
}
.spot-amber{box-shadow:0 0 0 1px rgba(242,169,59,.55),0 0 24px -6px rgba(242,169,59,.55) !important;border-color:rgba(242,169,59,.4) !important}

/* status pill swap */
.pill.human{color:#F5C077;border-color:rgba(242,169,59,.28);background:rgba(242,169,59,.1)}

/* toast */
.toast{
  position:absolute;left:50%;bottom:18px;transform:translate(-50%,14px);z-index:9;
  display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:9px;
  background:rgba(9,22,40,.96);border:1px solid rgba(0,214,164,.35);
  box-shadow:0 20px 44px -18px rgba(0,0,0,.9),0 0 24px -8px rgba(0,214,164,.4);
  font-size:11.5px;font-weight:800;color:#DFFBF2;opacity:0;pointer-events:none;transition:.35s cubic-bezier(.2,.9,.3,1);
}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast svg{color:#5CF0C6}

/* quote card rows reveal */
.qrow{opacity:1}
.qrow.d-hide + .qrow{}

/* demo control bar */
.demobar{
  position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:40;
  display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:999px;
  background:rgba(8,17,31,.92);border:1px solid rgba(255,255,255,.13);
  box-shadow:0 28px 60px -24px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(14px);max-width:min(680px,calc(100vw - 32px));
}
.demobar .rec{width:7px;height:7px;border-radius:50%;background:#FF7A7A;box-shadow:0 0 9px #FF7A7A;animation:pl 1.4s infinite;flex:0 0 auto}
.demobar .lab{font-size:11px;font-weight:800;color:#EAF2FD;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:290px}
.demobar .num{font-family:var(--c-mono);font-size:9px;color:#7F94B0;font-weight:700;flex:0 0 auto}
.demobar .btns{display:flex;align-items:center;gap:3px;margin-left:auto;flex:0 0 auto}
.demobar button{
  width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#B9CBE2;
  border:1px solid transparent;transition:.16s;
}
.demobar button:hover{background:rgba(255,255,255,.08);color:#fff;border-color:var(--c-line)}
.demobar .exit{width:auto;padding:0 9px;height:24px;border-radius:999px;font-size:9.5px;font-weight:800;color:#8FA4BE;border:1px solid var(--c-line)}
.demobar .track{position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.demobar .track i{display:block;height:100%;width:0;border-radius:2px;background:linear-gradient(90deg,#4278EE,#2BD9F0);transition:width .5s var(--ease)}

/* caption strip (embed mode) */
.caption{
  position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:9;
  display:none;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;
  background:rgba(6,14,26,.9);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);
  box-shadow:0 18px 40px -20px rgba(0,0,0,.9);max-width:88%;
}
.caption i{width:6px;height:6px;border-radius:50%;background:#2BD9F0;box-shadow:0 0 8px #2BD9F0;flex:0 0 auto;animation:pl 1.4s infinite}
.caption b{font-size:10.5px;font-weight:800;color:#EAF2FD;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.caption span{font-family:var(--c-mono);font-size:8.5px;color:#7F94B0;font-weight:700;flex:0 0 auto}
body.embed .demobar{display:none}
body.embed .caption{display:flex}
body.embed .toast{bottom:58px}

/* demo highlight for nav items */
.nav-i.beat{background:rgba(43,217,240,.1);box-shadow:inset 0 0 0 1px rgba(43,217,240,.3)}

/* demo positioning fixes */
.thread{position:relative}
.caption{z-index:30}
.kpi .v{min-height:29px}

/* not launched yet */
.chcard.off{opacity:.62;background:rgba(255,255,255,.015)}
.chcard.off:hover{transform:none;border-color:var(--c-line)}
.chcard.off .h svg{filter:grayscale(1) contrast(.7);opacity:.75}
.chcard.off .ty{color:#8B9CB3}
.chcard.off .m b{color:#8B9CB3}

.mini-tag.m{background:rgba(0,106,255,.16);color:#7FB3FF}

/* ============ grid3 + new insights panels ============ */
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px}
.grid3 .panel .pb{display:flex;flex-direction:column;gap:9px;height:100%}
.tagw{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:.05em;color:#F5C077;background:rgba(242,169,59,.12);border:1px solid rgba(242,169,59,.3);border-radius:999px;padding:2px 8px}
.wfr{display:flex;align-items:center;gap:10px;padding:8px 9px;border:1px solid var(--c-line);border-radius:9px;background:rgba(255,255,255,.02)}
.wfr .av{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex:0 0 auto}
.wfr .wb{min-width:0;flex:1}
.wfr .wb b{display:block;font-size:11.5px;font-weight:800;letter-spacing:-.01em}
.wfr .wb span{display:block;font-size:9.5px;font-weight:600;color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wfr .wt{text-align:right;flex:0 0 auto}
.wfr .wt b{display:block;font-family:var(--c-mono);font-size:12px;color:#F5C077;font-weight:700}
.wfr .wt span{display:block;font-size:8.5px;font-weight:700;color:var(--c-muted);text-transform:uppercase;letter-spacing:.05em}
.acts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ac{border:1px solid var(--c-line);border-radius:9px;padding:9px 10px;background:rgba(255,255,255,.02)}
.ac b{display:block;font-family:var(--c-mono);font-size:16px;font-weight:700;letter-spacing:-.02em}
.ac span{display:block;font-size:8.5px;font-weight:700;color:var(--c-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}
.ac.hi b{color:#5CF0C6}
.fds{gap:10px}
.fd{display:flex;gap:9px;align-items:flex-start}
.fdot{width:7px;height:7px;border-radius:50%;background:#3A5578;flex:0 0 auto;margin-top:4px;box-shadow:0 0 0 3px rgba(66,120,238,.12)}
.fd.ok .fdot{background:#00D6A4;box-shadow:0 0 0 3px rgba(0,214,164,.15)}
.fd.warn .fdot{background:#F2A93B;box-shadow:0 0 0 3px rgba(242,169,59,.15)}
.fd .ft{min-width:0;flex:1;display:flex;gap:8px;align-items:baseline;justify-content:space-between}
.fd .ft p{margin:0;font-size:10.5px;font-weight:600;color:var(--c-txt-2);line-height:1.5}
.fd .ft p b{color:var(--c-txt)}
.fd .tm{font-family:var(--c-mono);font-size:8.5px;color:var(--c-muted);font-weight:700;flex:0 0 auto}
.pfoot{margin-top:auto;padding-top:9px;border-top:1px solid var(--c-line);font-size:9.5px;font-weight:600;color:var(--c-muted);line-height:1.55}
.pfoot b{color:var(--c-txt)}
@media (max-width:1100px){.grid3{grid-template-columns:1fr 1fr}.grid3 .panel:last-child{grid-column:1/-1}}
@media (max-width:760px){.grid3{grid-template-columns:1fr}}

/* ============ morning report popup ============ */
.repmask{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;
  background:rgba(3,8,16,.66);backdrop-filter:blur(9px);
  opacity:0;pointer-events:none;transition:opacity .3s ease}
.repmask.on{opacity:1;pointer-events:auto}
.rep{position:relative;width:min(460px,92vw);max-height:92vh;overflow:auto;
  background:linear-gradient(168deg,#0C1B33,#0A1526 55%,#091223);
  border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:22px 22px 18px;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 0 1px rgba(66,120,238,.08),inset 0 1px 0 rgba(255,255,255,.06);
  transform:translateY(26px) scale(.95);opacity:.6;transition:transform .5s cubic-bezier(.22,1.1,.3,1),opacity .4s ease}
.repmask.on .rep{transform:translateY(0) scale(1);opacity:1}
.rep-x{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:8px;border:1px solid var(--c-line);
  background:rgba(255,255,255,.04);color:var(--c-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}
.rep-x:hover{color:var(--c-txt);border-color:var(--c-line-2)}
.rep-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.rep-live{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2BD9F0}
.rep-live i{width:7px;height:7px;border-radius:50%;background:#2BD9F0;box-shadow:0 0 8px #2BD9F0;animation:pl 1.4s infinite}
.rep-live.done{color:#5CF0C6}
.rep-live.done i{background:#5CF0C6;box-shadow:0 0 8px #5CF0C6;animation:none}
.rep-clock{margin-left:auto;font-family:var(--c-mono);font-size:10px;font-weight:700;color:var(--c-muted)}
.rep-clock b{color:var(--c-txt)}
.rep-clock .sep{margin:0 4px;opacity:.5}
.rep-stage{position:relative;display:flex;align-items:center;justify-content:center;height:74px;margin-bottom:12px}
.rep-orbit{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.spin{position:absolute;border:1px dashed rgba(66,120,238,.28);border-radius:50%}
.spin.a{width:64px;height:64px;animation:spin 9s linear infinite}
.spin.b{width:86px;height:86px;border-color:rgba(43,217,240,.16);animation:spin 14s linear infinite reverse}
.spin i{position:absolute;top:-3px;left:50%;width:5px;height:5px;border-radius:50%;background:#2BD9F0;box-shadow:0 0 6px #2BD9F0}
@keyframes spin{to{transform:rotate(360deg)}}
.aiw{position:relative;width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(165deg,#13274A,#0C1B33);border:1px solid rgba(66,120,238,.35);
  box-shadow:0 14px 34px -12px rgba(66,120,238,.45);z-index:2}
.aiw .q{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:70px;width:auto;max-width:none;
  opacity:0;transition:opacity .35s ease;filter:drop-shadow(0 6px 14px rgba(66,120,238,.35))}
.aiw .q-idle{opacity:1}
.aiw[data-s="talk"] .q-idle,.aiw[data-s="think"] .q-idle{opacity:0}
.aiw[data-s="talk"] .q-talk{opacity:1}
.aiw[data-s="think"] .q-think{opacity:1}
.aiw-glow{position:absolute;inset:-14px;border-radius:22px;background:radial-gradient(circle,rgba(66,120,238,.28),transparent 70%);animation:pl 2.2s infinite}
.aiw[data-s="talk"]{animation:breathe 1.1s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
.wave{position:absolute;right:0;bottom:4px;display:flex;align-items:flex-end;gap:3px;height:20px;opacity:0;transition:opacity .3s}
.wave.on{opacity:1}
.wave i{width:3px;border-radius:2px;background:linear-gradient(180deg,#2BD9F0,#4278EE);height:6px}
.wave.on i{animation:wv 1s ease-in-out infinite}
.wave.on i:nth-child(1){animation-delay:0s}.wave.on i:nth-child(2){animation-delay:.12s}
.wave.on i:nth-child(3){animation-delay:.24s}.wave.on i:nth-child(4){animation-delay:.36s}
.wave.on i:nth-child(5){animation-delay:.24s}.wave.on i:nth-child(6){animation-delay:.12s}
.wave.on i:nth-child(7){animation-delay:0s}
@keyframes wv{0%,100%{height:5px}50%{height:18px}}
.rep-cap{min-height:34px;margin-bottom:12px;padding:9px 12px;border-radius:10px;
  background:rgba(66,120,238,.09);border:1px solid rgba(66,120,238,.22);
  font-size:11.5px;font-weight:700;color:#BBD4FA;line-height:1.5}
.rep-cap:empty{visibility:hidden}
.rep-lines{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
.rl{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;
  border:1px solid var(--c-line);background:rgba(255,255,255,.02);
  opacity:.28;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease,border-color .3s}
.rl.on{opacity:1;transform:none}
.rl.cur{border-color:rgba(66,120,238,.4);background:rgba(66,120,238,.06)}
.rl-i{font-family:var(--c-mono);font-size:9px;font-weight:700;color:var(--c-muted);flex:0 0 auto;margin-top:2px;width:16px;text-align:center}
.rl.hi .rl-i{color:#2BD9F0}
.rl.ok .rl-i{color:#5CF0C6}
.rl.warn .rl-i{color:#F5C077}
.rl p{margin:0;font-size:11px;font-weight:600;color:var(--c-txt-2);line-height:1.55}
.rl p em{font-style:normal;color:var(--c-txt);font-weight:800}
.rl p b{color:var(--c-txt)}
.rl.warn p em{color:#F5C077}
.rl .num{font-family:var(--c-mono)}
.rep-foot{display:flex;align-items:center;gap:10px}
.rep-prog{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.rep-prog i{display:block;height:100%;width:0;border-radius:2px;background:linear-gradient(90deg,#4278EE,#2BD9F0);transition:width .4s ease}
.rep-cnt{font-family:var(--c-mono);font-size:9px;font-weight:700;color:var(--c-muted);flex:0 0 auto}
.rep-btns{display:flex;gap:7px;flex:0 0 auto}
.rbtn{display:inline-flex;align-items:center;gap:6px;border-radius:9px;padding:8px 13px;
  font-family:inherit;font-size:11px;font-weight:800;letter-spacing:-.01em;cursor:pointer;border:1px solid transparent}
.rbtn.ghost{background:rgba(255,255,255,.04);border-color:var(--c-line);color:var(--c-txt-2)}
.rbtn.ghost:hover{color:var(--c-txt);border-color:var(--c-line-2)}
.rbtn.pri{background:linear-gradient(135deg,#4278EE,#2E6AE8);color:#fff;box-shadow:0 10px 24px -10px rgba(66,120,238,.7)}
.rbtn.pri:hover{filter:brightness(1.08)}
.rbtn.pri:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
@media (prefers-reduced-motion:reduce){
  .rep,.repmask{transition:none}
  .spin,.aiw-glow,.wave.on i,.aiw[data-s="talk"]{animation:none}
}

/* ============ end-of-demo CTA card ============ */
.endmask{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;
  background:rgba(3,8,16,.62);backdrop-filter:blur(8px);
  opacity:0;pointer-events:none;transition:opacity .35s ease}
.endmask.on{opacity:1;pointer-events:auto}
.endc{width:min(420px,92vw);text-align:center;padding:30px 30px 26px;border-radius:20px;
  background:linear-gradient(168deg,#0C1B33,#0A1526 60%,#091223);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06);
  transform:translateY(20px) scale(.96);transition:transform .45s cubic-bezier(.22,1.1,.3,1)}
.endmask.on .endc{transform:none}
.etag{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#5CF0C6;background:rgba(0,214,164,.1);border:1px solid rgba(0,214,164,.32);border-radius:999px;padding:4px 11px;margin-bottom:14px}
.endc h3{margin:0 0 10px;font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--c-txt)}
.endc p{margin:0 0 20px;font-size:11.5px;font-weight:600;color:var(--c-txt-2);line-height:1.65}
.endb{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}
.endb .rbtn.pri{text-decoration:none}

/* ============================================================
   OVERVIEW · cockpit cover  (data-view="overview")
   Layout referenced from the Nova boss-cockpit; fonts enlarged
   ============================================================ */
.ov{display:flex;flex-direction:column;gap:14px;max-width:1220px}

/* ---- hero banner ---- */
.ov-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:26px 30px 24px;border:1px solid rgba(94,140,255,.45);border-radius:16px;background:linear-gradient(118deg,#1236A8 0%,#1B49C8 46%,#2E63E8 100%)}
.ov-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 62%,rgba(255,255,255,.05) 62% 62.2%,transparent 62.4%),linear-gradient(28deg,transparent 0 77%,rgba(255,255,255,.05) 77% 77.2%,transparent 77.4%)}
.ov-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.ov-live{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#D8E6FF}
.ov-live i{width:7px;height:7px;border-radius:50%;background:#8CF3CF;box-shadow:0 0 0 4px rgba(140,243,207,.12);animation:ovLive 2.4s ease-in-out infinite}
@keyframes ovLive{0%,100%{opacity:1}50%{opacity:.45}}
.ov-live b{font-weight:600;color:#B9CDF6;margin-left:6px;padding-left:12px;border-left:1px solid rgba(173,202,242,.35)}
.ov-hero h2{margin:14px 0 10px;font-size:30px;line-height:1.4;letter-spacing:-.02em;font-weight:800;color:#fff}
.ov-hero h2 .hd{color:#8CF3CF}
.ov-hero p{margin:0;max-width:660px;font-size:13.5px;line-height:1.8;color:#C6D7FA;font-weight:500}
.ov-hero-note{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ov-hero-note>span{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:7px;border:1px solid rgba(174,200,255,.28);background:rgba(255,255,255,.07);font-size:12.5px;font-weight:600;color:#DCE8FF}
.ov-hero-note svg{color:#8CF3CF;flex:0 0 auto}
.ov-hero-side{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.ov-periods{display:flex;gap:3px;padding:3px;border:1px solid rgba(173,200,255,.28);border-radius:9px;background:rgba(8,40,144,.35)}
.ov-periods button{min-width:56px;height:31px;padding:0 12px;border-radius:6px;font-size:12.5px;font-weight:600;color:#C9DAFB}
.ov-periods button:hover{background:rgba(255,255,255,.1);color:#fff}
.ov-periods button.active{background:#fff;color:#1743BB;font-weight:700}
.ov-refresh{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid rgba(183,207,252,.3);border-radius:8px;background:rgba(255,255,255,.07);color:#DCE8FF;font-size:12px;font-weight:600}
.ov-refresh:hover{background:rgba(255,255,255,.14)}
.ov-orb{position:relative;margin:auto auto 0;width:112px;height:112px}
.ov-orb .og{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 33% 28%,#B7A0FF 0%,#6D5BF0 42%,#232BB8 88%);box-shadow:0 0 34px rgba(122,110,255,.45),inset -10px -14px 30px rgba(10,16,80,.55)}
.ov-orb .oe{position:absolute;top:32px;width:11px;height:25px;border-radius:6px;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.5)}
.ov-orb .oe.l{left:30px}
.ov-orb .oe.r{right:30px}

/* ---- KPI row ---- */
.ov-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ov-kpi{position:relative;display:flex;align-items:flex-start;gap:11px;min-height:122px;padding:16px 15px;border:1px solid var(--c-line);border-radius:13px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
.ov-kpi-icon{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:rgba(66,120,238,.16);border:1px solid rgba(66,120,238,.35);color:#7EA6F8}
.ov-kpi-copy{min-width:0;display:flex;flex-direction:column}
.ov-kpi-copy small{font-size:12px;font-weight:700;color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ov-kpi-copy strong{font-size:29px;line-height:1.15;letter-spacing:-.02em;margin:7px 0 6px;font-weight:800;font-family:var(--c-mono);white-space:nowrap;color:var(--c-txt)}
.ov-kpi-copy em{font-style:normal;display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--c-muted);white-space:nowrap;overflow:hidden}
.ovtag{display:inline-flex;align-items:center;padding:2px 6px;border-radius:5px;font-size:11px;font-weight:800;font-family:var(--c-mono);flex:0 0 auto}
.ovtag.g{color:#5CF0C6;background:rgba(0,214,164,.12);border:1px solid rgba(0,214,164,.3)}
.ovtag.b{color:#8FB6FF;background:rgba(66,120,238,.14);border:1px solid rgba(66,120,238,.35)}
.ovtag.m{color:#F5C077;background:rgba(242,169,59,.12);border:1px solid rgba(242,169,59,.32)}
.ov-kpi.is-featured{background:linear-gradient(135deg,#1740BE,#2E63E8);border-color:rgba(120,160,255,.5);box-shadow:0 10px 26px rgba(23,64,190,.35)}
.ov-kpi.is-featured .ov-kpi-icon{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#DCE9FF}
.ov-kpi.is-featured small,.ov-kpi.is-featured em{color:#C3D5F9}

/* ---- main grid ---- */
.ov-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px}
.ov-card{min-width:0;border:1px solid var(--c-line);border-radius:13px;background:rgba(255,255,255,.025);padding:20px 22px}
.ov-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.ov-kicker{display:block;font-size:10px;letter-spacing:1.2px;font-weight:800;color:#6D8AC5;margin-bottom:5px}
.ov-card-head h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--c-txt)}
.ov-card-head p{margin:4px 0 0;font-size:12px;line-height:1.6;color:var(--c-muted);font-weight:600}
.ov-links{display:flex;gap:7px;flex:0 0 auto}
.ov-links button{height:30px;padding:0 12px;border:1px solid var(--c-line-2);border-radius:8px;font-size:11.5px;font-weight:700;color:var(--c-txt-2)}
.ov-links button:hover{border-color:rgba(66,120,238,.5);color:var(--c-txt)}

/* stages */
.ov-stages{display:flex;flex-direction:column;gap:4px}
.ov-stage{display:grid;grid-template-columns:28px 112px minmax(0,1fr) 44px 46px;align-items:center;gap:12px;min-height:46px}
.ov-stage .i{font-family:var(--c-mono);font-size:11px;font-weight:700;color:var(--c-muted)}
.ov-stage .nm{font-size:13px;font-weight:700;color:var(--c-txt-2);white-space:nowrap}
.ov-stage .track{height:12px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.ov-stage .fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#2E6AE8,#2BD9F0)}
.ov-stage .fill.b{background:linear-gradient(90deg,#2E6AE8,#4278EE)}
.ov-stage .fill.m{background:linear-gradient(90deg,#00A87E,#00D6A4)}
.ov-stage .num{font-family:var(--c-mono);font-size:14px;font-weight:700;text-align:right;color:var(--c-txt)}
.ov-stage .pct{font-family:var(--c-mono);font-size:11px;font-weight:700;text-align:right;color:var(--c-muted)}
.ov-stage-foot{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--c-line);font-size:12px;font-weight:700;color:var(--c-muted)}
.ov-stage-foot b{font-family:var(--c-mono);color:var(--c-txt)}
.ov-stage-foot .mint{color:#5CF0C6}
.ov-stage-foot .sl{width:1px;height:12px;background:var(--c-line-2);margin:0 4px}

/* target card */
.ov-target{display:flex;flex-direction:column}
.ov-target-pct{font-family:var(--c-mono);font-size:16px;font-weight:800;color:#5CF0C6}
.ov-ring{position:relative;width:150px;height:150px;margin:2px auto 14px;border-radius:50%;background:conic-gradient(var(--c-cyan) 0 68.6%,rgba(255,255,255,.09) 68.6% 100%);display:grid;place-items:center}
.ov-ring::before{content:"";position:absolute;inset:15px;border-radius:50%;background:#0C1930;border:1px solid var(--c-line)}
.ov-ring b{position:relative;z-index:1;font-family:var(--c-mono);font-size:24px;font-weight:800;color:var(--c-txt)}
.ov-target-sum{text-align:center}
.ov-target-sum strong{display:block;font-family:var(--c-mono);font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--c-txt)}
.ov-target-sum span{display:block;margin-top:4px;font-size:11.5px;font-weight:600;color:var(--c-muted)}
.ov-target-rows{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.ov-target-rows>div{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--c-line);border-radius:9px;background:rgba(255,255,255,.02);font-size:11.5px;font-weight:700;color:var(--c-txt-2)}
.ov-target-rows b{margin-left:auto;font-family:var(--c-mono);font-weight:800;color:var(--c-txt)}
.ov-target-rows .d{width:8px;height:8px;border-radius:50%;flex:0 0 auto}
.ov-target-rows .d.b{background:#4278EE}
.ov-target-rows .d.a{background:#F2A93B}
.ov-target-foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--c-line);font-size:11.5px;font-weight:700;color:var(--c-muted)}
.ov-target-foot b{font-family:var(--c-mono);color:var(--c-txt)}

/* bottom panels — same components as insights, sized up for the cover */
.ov .grid3{gap:12px;margin-bottom:0}
.ov .panel .ph{padding:14px 16px 11px}
.ov .panel .ph h3{font-size:15px}
.ov .panel .ph .n{font-size:10px}
.ov .panel .ph .tagw{font-size:10px;padding:3px 9px}
.ov .panel .tagw.live{color:#5CF0C6;background:rgba(0,214,164,.1);border-color:rgba(0,214,164,.32)}
.ov .panel .pb{padding:14px 16px 16px}
.ov .panel .wfr{padding:10px 11px}
.ov .panel .wfr .av{width:30px;height:30px;font-size:12px}
.ov .panel .wfr .wb b{font-size:12.5px}
.ov .panel .wfr .wb span{font-size:11px;white-space:normal;line-height:1.5}
.ov .panel .wfr .wt b{font-size:13px}
.ov .panel .wfr .wt span{font-size:9px}
.ov .panel .acts{grid-template-columns:repeat(4,1fr)}
.ov .panel .ac{padding:10px}
.ov .panel .ac b{font-size:19px}
.ov .panel .ac span{font-size:10px;text-transform:none;letter-spacing:0}
.ov .panel .fd .ft p{font-size:12px}
.ov .panel .fd .tm{font-size:10px}
.ov .panel .pfoot{font-size:11px;line-height:1.6}

@media (max-width:1150px){
  .ov-kpis{grid-template-columns:repeat(3,1fr)}
  .ov-main{grid-template-columns:1fr}
  .ov-hero{grid-template-columns:1fr}
  .ov-hero-side{flex-direction:row;align-items:center}
  .ov-orb{margin:0 0 0 auto;width:96px;height:96px}
  .ov-orb .oe{top:26px}
}
@media (max-width:760px){
  .ov-kpis{grid-template-columns:repeat(2,1fr)}
  .ov .grid3{grid-template-columns:1fr}
  .ov-hero h2{font-size:25px}
}

/* cover fixes: let bottom panels show footers, fit featured KPI */
.ov .grid3 .panel .pb{height:auto}
.ov .grid3 .panel{display:flex;flex-direction:column}
.ov .panel .wfr{padding:8px 10px}
.ov .panel .wfr .wb span{font-size:10.5px}
.ov-kpi.is-featured strong{font-size:21px;line-height:1.25;margin:9px 0 7px}

/* Mobile workspace readability */
@media(max-width:600px){
  .cx{grid-template-columns:44px minmax(0,1fr);height:100dvh}
  .top{padding:0 10px;gap:8px;min-width:0;overflow:hidden}
  .top .search,.top .live,.top .tav{display:none}
  .top .crumb{flex:1;min-width:0;flex-wrap:wrap;gap:4px}
  .top .icobtn{flex:0 0 28px}
  .rail .ri{width:36px;height:40px}
  .view{overflow-x:auto}
  .th-top{flex-wrap:wrap;padding:10px}
  .th-top .sub{flex-wrap:wrap}
  .th-top .sp{flex-wrap:wrap}
  .msgs{padding:12px 10px 110px}
  .bub{max-width:95%;font-size:13px}
  .demobar{left:8px;right:8px;bottom:24px;transform:none;max-width:none;border-radius:14px;flex-wrap:wrap;gap:6px;padding:9px 12px}
  .demobar .lab{flex:1 1 75%;max-width:none}
  .demobar .btns{margin-left:auto}
  .demobar button{width:34px;height:34px}
  .demobar .exit{width:auto;height:32px}
  .demo-disclosure{right:8px;bottom:2px;max-width:calc(100vw - 16px)}
  .ov{padding:14px 10px 120px}
  .ov-card{padding:16px 12px}
  .ov-card-head{flex-wrap:wrap}
  .ov-hero-side{flex-wrap:wrap}
}