/* Collabix Radar — brand skin (tokens mirror collabix design system) */
:root{
  --bg:#13111A;--bg2:#181521;--surface:#1D1A27;--panel:#242131;--panel2:#302C3F;--panel3:#3A354B;
  --line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--line3:rgba(255,255,255,.20);
  --tx:#F5F4FA;--tx2:#D9D7E6;--tx3:#B7B4C7;--mut:#88849C;
  --acc:#6F86FF;--blue:#3898EC;
  --b1:#6E4FE9;--b2:#B372CE;--b3:#FF4895;
  --red:#EA384C;--amber:#FBBF24;--green:#34D399;
  --redbg:rgba(234,56,76,.12);--amberbg:rgba(251,191,36,.12);--greenbg:rgba(52,211,153,.12);
  --grad:linear-gradient(120deg,#6E4FE9,#B372CE,#FF4895);
  --font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:'JetBrains Mono',monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.55 var(--font)}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.muted{color:var(--mut)}.small{font-size:12px}b{color:#fff;font-weight:600}h1,h2{color:#fff;letter-spacing:-.01em}
.fdate,.bv{font-family:var(--mono)}

/* header */
.top{display:flex;align-items:center;gap:22px;padding:11px 26px;border-bottom:1px solid var(--line);
  background:rgba(24,21,33,.86);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:9px}.brand:hover{text-decoration:none}
.logo{height:24px;width:auto;display:block}
.radarpill{background:var(--acc);color:#0c0a14;font-size:10.5px;font-weight:800;letter-spacing:1px;padding:2px 8px;border-radius:6px}
.top nav{display:flex;gap:16px;flex:1;flex-wrap:wrap}
.top nav a{color:var(--tx3);font-weight:500;padding:4px 0;border-bottom:2px solid transparent}
.top nav a.on,.top nav a:hover{color:#fff;border-color:var(--acc);text-decoration:none}
.topright{display:flex;align-items:center;gap:10px}
.fresh{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:100px;padding:4px 11px;font-size:12px;color:var(--tx2)}
.fresh i{width:8px;height:8px;border-radius:50%}.fresh.ok i{background:var(--green);box-shadow:0 0 8px var(--green)}.fresh.warn i{background:var(--amber)}.fresh.bad i{background:var(--red)}
.refresh{position:relative}
.refresh summary{list-style:none;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:100px;padding:4px 11px;font-size:12px;color:var(--tx2)}
.refresh summary::-webkit-details-marker{display:none}.refresh[open] summary{border-color:var(--acc);color:var(--acc)}
.refpop{position:absolute;right:0;top:34px;width:260px;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:12px 14px;font-size:12.5px;color:var(--tx2);box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:20}
main{max-width:1180px;margin:0 auto;padding:24px}
footer{max-width:1180px;margin:0 auto;padding:24px;color:var(--mut);font-size:12px;border-top:1px solid var(--line)}

.hero h1{font-size:25px;margin:0 0 6px}.hero{margin-bottom:16px}
.hero2{margin:26px 0 10px}.hero2 h2{font-size:18px;margin:0 0 2px}
.stat-row{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 18px;min-width:110px}
.stat b{display:block;font-size:26px;color:#fff;font-family:var(--mono)}.stat span{color:var(--mut);font-size:12px}.stat.red b{color:var(--red)}

.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:100px}
.badge.red{background:var(--redbg);color:#ff8696}.badge.amber{background:var(--amberbg);color:var(--amber)}.badge.green{background:var(--greenbg);color:var(--green)}
.dot3{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}
.dot3.red{background:var(--red)}.dot3.amber{background:var(--amber)}.dot3.green{background:var(--green)}
.trend{font-size:11px;font-weight:600;padding:2px 7px;border-radius:100px}
.trend.up{background:var(--greenbg);color:var(--green)}.trend.down{background:var(--redbg);color:#ff8696}.trend.flat{background:rgba(255,255,255,.06);color:var(--tx3)}
.newt{background:var(--acc);color:#0c0a14;font-size:9.5px;font-weight:800;padding:1px 5px;border-radius:6px;letter-spacing:.4px}
.lane-tag{background:var(--violet-bg,rgba(111,134,255,.14));color:var(--acc);font-size:10.5px;padding:2px 7px;border-radius:100px;font-weight:600}

/* RADAR */
.radarbox{position:relative;background:radial-gradient(circle at 50% 42%,#1b1726,#141019);border:1px solid var(--line);border-radius:24px;padding:12px 12px 16px;margin-bottom:14px}
.radar-scroll{overflow:auto}
.radar{display:block;width:100%;max-width:880px;height:auto;margin:0 auto;transition:transform .15s ease;transform-origin:top center}
.radar-controls{position:absolute;top:14px;right:16px;display:flex;gap:6px;z-index:3}
.radar-controls button{width:32px;height:32px;border-radius:9px;background:var(--surface);border:1px solid var(--line2);color:var(--tx2);font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center}
.radar-controls button:hover{border-color:var(--acc);color:var(--acc)}
.radar .ring{fill:none;stroke:rgba(255,255,255,.13);stroke-width:1.3}
.radar .ringlbl{fill:var(--tx3);font-size:11px;text-anchor:middle;letter-spacing:.3px;font-family:var(--mono)}
.radar .axis{stroke:rgba(255,255,255,.05);stroke-width:1}
.radar .blip{stroke:#13111A;stroke-width:2.5;cursor:pointer;animation:blipglow 5.5s linear infinite}
.radar .blip.red{fill:var(--red)}.radar .blip.amber{fill:var(--amber)}.radar .blip.green{fill:var(--green)}
.radar .blip:hover{stroke:#fff}
.radar .ping{fill:none;stroke-width:2.5;opacity:0;pointer-events:none;transform-box:fill-box;transform-origin:center;animation:ping 5.5s linear infinite}
.radar .ping.red{stroke:var(--red)}.radar .ping.amber{stroke:var(--amber)}.radar .ping.green{stroke:var(--green)}
.radar .blbl{fill:var(--tx2);font-size:13px;font-weight:500;pointer-events:none}
.radar .newt{fill:var(--acc);font-size:10px;font-weight:800}
.radar .trail{stroke-width:2.6;stroke-dasharray:3 3;opacity:.85;stroke-linecap:round}
.radar .trail.red{stroke:var(--red)}.radar .trail.amber{stroke:var(--amber)}.radar .trail.green{stroke:var(--green)}
.radar .trailorigin{opacity:.55}
.radar .trailorigin.red{fill:var(--red)}.radar .trailorigin.amber{fill:var(--amber)}.radar .trailorigin.green{fill:var(--green)}
.radar .cnode{fill:#1a1626;stroke:var(--acc);stroke-width:1.6}
.radar .cnodetx{font-size:13px;font-weight:800;letter-spacing:.6px}
.radar .sweep{transform-origin:380px 330px;animation:radarspin 5.5s linear infinite}
.radar .beamline{stroke:var(--acc);stroke-width:2;opacity:.55}
@keyframes radarspin{to{transform:rotate(360deg)}}
@keyframes blipglow{0%{opacity:1}13%{opacity:.6}100%{opacity:.6}}
@keyframes ping{0%{opacity:.55;transform:scale(1)}17%{opacity:0;transform:scale(2.6)}100%{opacity:0;transform:scale(2.6)}}
@media(prefers-reduced-motion:reduce){.radar .sweep{animation:none;opacity:.4}.radar .blip{animation:none;opacity:1}.radar .ping{display:none}}
.rlegend-h{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center;margin-top:8px;font-size:12.5px;color:var(--tx2)}
.rlegend-h i.lg{display:inline-block;vertical-align:middle;margin-right:6px}
.lg{width:14px;height:14px;border-radius:50%}
.lg.blip.red{background:var(--red)}.lg.big{width:20px;height:20px;background:#5a5670}
.lg.ring2{background:transparent;border:1px solid rgba(255,255,255,.25);width:15px;height:15px}
.lg.trail{width:18px;height:0;border-radius:0;border-top:2px dashed var(--red)}

/* summary card (the newspaper headline) */
.summary{background:linear-gradient(180deg,rgba(111,134,255,.08),var(--panel));border:1px solid rgba(111,134,255,.28);border-left:3px solid var(--acc);border-radius:16px;padding:15px 18px;margin:16px 0}
.sumlabel{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
.sumhead{font-size:17px;line-height:1.4;color:#fff;font-weight:600;margin-bottom:9px}
.sumpts{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px}
.sumpts li{color:var(--tx);font-size:13.5px;line-height:1.5}
.sumfacts{margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--tx3)}

/* run health — collapsible (collapsed by default) */
.health-collapse{border:1px solid var(--line);border-left:3px solid #5a5670;border-radius:12px;margin:12px 0;background:var(--panel)}
.health-collapse.ok{border-left-color:var(--green)}.health-collapse.warn{border-left-color:var(--amber)}.health-collapse.baseline{border-left-color:#5a5670}
.health-collapse>summary{list-style:none;cursor:pointer;padding:11px 16px;font-size:13px;color:var(--tx2);display:flex;align-items:center;gap:8px}
.health-collapse>summary::-webkit-details-marker{display:none}
.health-collapse>summary::before{content:"▸";color:var(--mut);font-size:11px;transition:transform .12s}
.health-collapse[open]>summary::before{transform:rotate(90deg)}
.health-collapse .hsum{flex:1}
.health-collapse .hfail{color:#ff8696;font-weight:600}
.health-body{padding:0 16px 13px 32px}
.health{border:1px solid var(--line);border-radius:16px;padding:13px 16px;margin:16px 0;background:var(--panel)}
.health.ok{border-left:3px solid var(--green)}.health.warn{border-left:3px solid var(--amber)}.health.baseline{border-left:3px solid #5a5670}
.health .hh{font-size:13.5px}.tagb{background:rgba(255,255,255,.06);color:var(--mut);font-size:10.5px;padding:2px 7px;border-radius:8px;margin-left:6px}
.hlist{margin:8px 0 4px;padding-left:2px;list-style:none}.hlist li{margin:4px 0;font-size:13px}.hlist .bad{color:#ff8696}.hlist .warn{color:var(--amber)}

/* priority list */
.plist{display:flex;flex-direction:column;gap:8px}
.prow{display:grid;grid-template-columns:200px 160px 1fr;gap:12px 14px;align-items:baseline;background:var(--panel);border:1px solid var(--line);
  border-left:3px solid var(--line);border-radius:14px;padding:11px 16px;color:var(--tx)}
.prow:hover{background:var(--panel2);text-decoration:none}
.prow.red{border-left-color:var(--red)}.prow.amber{border-left-color:var(--amber)}.prow.green{border-left-color:var(--green)}
.prow .pleft{display:flex;gap:6px;flex-wrap:wrap}.prow .pname{font-weight:600;color:#fff}
.prow .pwhy{color:var(--tx2);font-size:13px;grid-column:3}.prow .pdo{grid-column:3;color:var(--acc);font-size:12.5px;margin-top:3px}
.prow .pchk{grid-column:3;margin-top:2px}
@media(max-width:720px){.prow{grid-template-columns:1fr}.prow .pwhy,.prow .pdo,.prow .pchk{grid-column:1}}

/* FIELD */
.fcontrols{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px;align-items:center}
.ctlgroup{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sortbtn,.catchip,.actbtn{background:var(--surface);border:1px solid var(--line);color:var(--tx3);border-radius:100px;padding:5px 12px;font-size:12.5px;cursor:pointer}
.sortbtn.on,.catchip.on,.actbtn.on{background:rgba(111,134,255,.14);border-color:var(--acc);color:var(--acc)}
.catrow{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.deadpill{background:rgba(255,255,255,.06);color:var(--mut);font-size:10.5px;padding:2px 8px;border-radius:100px;border:1px solid var(--line)}
.fcard.dead{opacity:.55}.fcard.dead .fcname{text-decoration:line-through}
.panel.traj{margin:0 0 14px;border-left:3px solid var(--acc)}.panel.traj h3{display:flex;gap:10px;align-items:center}.panel.traj p{color:var(--tx2);margin:0}
.radar-why{margin-top:8px;font-size:12.5px;color:var(--acc);background:rgba(111,134,255,.08);border:1px solid rgba(111,134,255,.2);border-radius:100px;padding:4px 12px;display:inline-block}
/* feed controls + grouping */
.feedctl{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:14px 0 8px}
.fgrp,.frng,.fimp,.fcat{background:var(--surface);border:1px solid var(--line);color:var(--tx3);border-radius:100px;padding:4px 11px;font-size:12px;cursor:pointer}
.fgrp.on,.frng.on,.fimp.on,.fcat.on{background:rgba(111,134,255,.14);border-color:var(--acc);color:var(--acc)}
.feedcount{margin:2px 0 10px}
.feed-group{font-size:12px;font-weight:700;color:var(--tx2);text-transform:uppercase;letter-spacing:.5px;margin:14px 0 2px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.fmeta .catpill{margin-left:4px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.fcard{display:flex;flex-direction:column;gap:6px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:16px;padding:13px 15px;color:var(--tx)}
.fcard:hover{background:var(--panel2);text-decoration:none}
.fcard.red{border-left-color:var(--red)}.fcard.amber{border-left-color:var(--amber)}.fcard.green{border-left-color:var(--green)}
.fct{display:flex;justify-content:space-between;align-items:center}
.catpill{background:rgba(255,255,255,.06);color:var(--tx3);font-size:10.5px;padding:2px 8px;border-radius:100px}
.fcname{font-size:15px;font-weight:600;color:#fff}
.fcdesc{font-size:12.5px;color:var(--tx2);line-height:1.45;flex:1}
.fcmeta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:2px}
.tier-direct{color:var(--acc);font-size:11px;font-weight:600}.tier-lite{color:var(--mut);font-size:11px}

/* feed / timeline */
.feed,.dtimeline{display:flex;flex-direction:column;gap:11px}
.fitem,.tl,.oppcard{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:13px 16px;border-left:3px solid var(--line)}
.fitem.red,.tl.red,.oppcard.red{border-left-color:var(--red)}.fitem.amber,.tl.amber,.oppcard.amber{border-left-color:var(--amber)}.fitem.green,.tl.green,.oppcard.green{border-left-color:var(--green)}
.fmeta,.tlh,.ohead{font-size:12.5px;color:var(--mut);margin-bottom:5px}
.ftitle{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}
.whyus{background:rgba(111,134,255,.08);border-left:2px solid var(--acc);padding:6px 10px;margin:5px 0;font-size:13px;color:var(--tx);border-radius:0 8px 8px 0}
.fsum{font-size:13px}.fsrc{display:inline-block;margin-top:7px;font-size:12px}
.counter{margin-top:10px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:10px 12px;font-size:12.5px;display:flex;flex-direction:column;gap:4px}
.ctag{display:inline-block;background:rgba(111,134,255,.14);color:var(--acc);font-weight:700;font-size:10.5px;padding:2px 8px;border-radius:100px;width:fit-content;margin-bottom:3px}

/* detail */
.dhead h1{font-size:23px;margin:6px 0 4px}.back{font-size:12.5px}
.ccat{color:var(--mut);font-size:13px}.tier{color:var(--acc)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:15px 17px}
.panel.why{margin:14px 0;border-left:3px solid var(--acc)}.panel.why p{color:var(--tx);font-size:14.5px;margin:0}
.dcols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.dcol{display:flex;flex-direction:column;gap:14px}
.panel h3{margin:0 0 10px;font-size:14px;color:#fff}
.panel.win{border-color:rgba(111,134,255,.3);background:linear-gradient(180deg,rgba(111,134,255,.06),var(--panel))}.panel.win h3{color:var(--acc)}
.panel ul{margin:0;padding-left:18px}.panel li{margin:4px 0;color:var(--tx2)}.kv{margin:8px 0 0;color:var(--tx2)}
.dtimeline h2,.prose h2{font-size:17px;margin:16px 0 12px}

/* bars */
.bar{display:flex;align-items:center;gap:10px;margin:5px 0}
.bl{width:128px;color:var(--mut);font-size:12.5px}
.bt{flex:1;height:8px;background:rgba(255,255,255,.07);border-radius:6px;overflow:hidden}.bt i{display:block;height:100%;border-radius:6px}
.bt.hi i{background:var(--grad)}.bt.mid i{background:var(--amber)}.bt.lo i{background:#5a5670}
.bv{width:30px;text-align:right;color:#fff;font-size:12.5px}
.split{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line2)}

/* sources / tables */
.ssec{font-size:17px;margin:22px 0 4px}
.srctab{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:10px}
.srctab th{text-align:left;padding:11px 14px;background:var(--panel2);color:var(--mut);font-size:12px}
.srctab td{padding:10px 14px;border-top:1px solid var(--line);vertical-align:top}
.srctab tr.catsep td{background:rgba(255,255,255,.03);color:var(--acc);font-size:12px;font-weight:600;padding:7px 14px}
.snm a{font-weight:600}
.srcchip{display:inline-block;font-size:11px;padding:3px 9px;border-radius:8px;margin:1px 0;border:1px solid var(--line)}
.srcchip.high{background:var(--greenbg);color:var(--green)}.srcchip.med{background:var(--amberbg);color:var(--amber)}.srcchip.low{background:var(--redbg);color:#ff8696}
.prose p,.prose ul{color:var(--tx2);max-width:820px}.prose li{margin:5px 0}
.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}.otitle{font-size:14.5px;font-weight:600;color:#fff;margin:4px 0}

@media(max-width:760px){.dcols{grid-template-columns:1fr}.top{flex-wrap:wrap;gap:12px}.top nav{order:3;width:100%}}