/* ==================================================================================================
   STAGE 7 - THE DESIGN PASS: the Roster-board treatment applied to the whole console.
   Pure CSS override layer (loads last, wins the cascade); same markup, new skin.
   Rules: Archivo display for structure, JetBrains Mono for data, amber = attention ONLY,
   atmosphere over flat panels, motion with meaning.
   ================================================================================================== */
/* ---- atmosphere: the board's depth on every screen ---- */
body{background:
  radial-gradient(1100px 480px at 72% -8%, rgba(38,52,84,.20), transparent 60%),
  repeating-linear-gradient(0deg, transparent 0 47px, rgba(255,255,255,.012) 47px 48px),
  repeating-linear-gradient(90deg, transparent 0 47px, rgba(255,255,255,.012) 47px 48px),
  var(--bg)}
/* ---- the shell + rail ---- */
.side{background:linear-gradient(180deg,var(--card) 0%,transparent 70%);border-right:1px solid var(--bd)}
/* in-app zoom stepper (bottom-left of the sidebar): scales the whole console like Chrome zoom, from the page itself */
.side .zoomctl{position:absolute;bottom:74px;left:14px;display:flex;align-items:center;gap:3px;z-index:2}
.side .zoomctl button{width:22px;height:22px;padding:0;border:1px solid var(--bd);background:var(--bd2);color:var(--sub);border-radius:6px;cursor:pointer;font:600 14px var(--mono);line-height:1;display:flex;align-items:center;justify-content:center}
.side .zoomctl button:hover{background:var(--card);color:var(--tx);border-color:var(--mut)}
.side .zoomctl #zoom-lvl{font:500 10.5px var(--mono);color:var(--mut);min-width:36px;text-align:center;cursor:pointer;user-select:none}
.side .zoomctl #zoom-lvl:hover{color:var(--tx)}

/* ============ shared CHART KIT (one look across ROI / Tools / Poaching) ============
   ckRankList / ckDiverge / ckStrip in core.js render into these. Thin bars, single accent,
   tabular values, hairline rows - replaces the old chunky-pill + rainbow renderers. */
.ck-rank{display:flex;flex-direction:column}
.ck-rrow{display:grid;grid-template-columns:var(--ck-lw,120px) 1fr auto;align-items:center;gap:11px;padding:7px 0;border-top:1px solid var(--bd2)}
.ck-rrow:first-child{border-top:0}
.ck-rlabel{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck-dot{width:7px;height:7px;border-radius:2px;flex:none}
.ck-track{position:relative;height:6px;background:var(--bd2);border-radius:3px;overflow:hidden}
.ck-fill{position:absolute;top:0;bottom:0;left:0;background:var(--green);border-radius:3px;opacity:.9;min-width:2px}
.ck-val{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--tx);text-align:right;white-space:nowrap}
.ck-val .ck-sub{color:var(--muted-2);font-weight:500;margin-left:6px}
.ck-div{display:flex;flex-direction:column}
.ck-drow{display:grid;grid-template-columns:var(--ck-lw,110px) 1fr auto;align-items:center;gap:12px;padding:5px 0}
.ck-dlabel{text-align:right;font-size:12.5px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck-dtrack{position:relative;height:9px}
.ck-dtrack:before{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--bd)}
.ck-dbar{position:absolute;top:0;height:9px;border-radius:2px;min-width:2px}
.ck-dval{font-family:var(--mono);font-size:12.5px;font-weight:600;text-align:right;white-space:nowrap}
.ck-strip{display:grid;gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:11px;overflow:hidden}
.ck-stat{background:var(--card);padding:13px 15px;min-width:0}
.ck-stat .v{font-family:var(--mono);font-size:19px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck-stat .k{color:var(--mut);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;margin-top:5px}
.ck-stat.neg{box-shadow:inset 3px 0 0 var(--red)}
.ck-stat.pos{box-shadow:inset 3px 0 0 var(--green)}
.ck-donut{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.ck-legend{display:flex;flex-direction:column;flex:1;min-width:150px}
.ck-lrow{display:grid;grid-template-columns:11px 1fr auto;gap:9px;align-items:center;padding:5px 0;border-top:1px solid var(--bd2)}
.ck-lrow:first-child{border-top:0}
.ck-ld{width:9px;height:9px;border-radius:3px}
.ck-ln{font-size:12.5px;color:var(--sub)}
.ck-lv{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--tx)}

/* ROI calculator (its own subtab): a two-column what-if - terms left, big result right - that fills the pane */
.rc-wrap{display:grid;grid-template-columns:minmax(300px,350px) 1fr;gap:18px;align-items:start;max-width:1060px}
.rc-card{background:var(--card2);border:1px solid var(--bd);border-radius:12px;padding:18px 20px}
.rc-cardhd{font-size:11px;font-weight:650;color:var(--mut);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.rc-ingrid{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px}
.rc-ingrid label{display:block;font-size:11.5px;color:var(--muted-2)}
.rc-ingrid input{width:100%;margin-top:4px}
.rc-hero{display:flex;align-items:center;gap:22px;padding-bottom:20px;border-bottom:1px solid var(--bd)}
.rc-herov{font-family:var(--mono);font-size:60px;font-weight:800;line-height:.95;letter-spacing:-.03em;color:var(--tx);flex:none}
.rc-herotx{min-width:0}
.rc-herok{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.rc-verdict{font-size:15px;font-weight:700}
.rc-ctx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:11px;overflow:hidden;margin:18px 0 4px}
.rc-ctxcell{background:var(--card);padding:13px 15px;min-width:0}
.rc-ctxcell.expo{box-shadow:inset 3px 0 0 var(--amber)}
.rc-ctxv{font-family:var(--mono);font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-ctxk{font-size:10px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;margin-top:5px}
.rc-charthd{font-size:11px;font-weight:650;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;margin:22px 0 3px;display:flex;justify-content:space-between}
.rc-expnote{color:var(--muted-2);font-weight:500}
.rc-chartsub{font-size:11.5px;color:var(--muted-2);margin-bottom:16px}
.rc-bars{display:flex;align-items:flex-end;gap:14px;height:180px;padding-top:20px;border-bottom:1px solid var(--bd)}
.rc-bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:8px}
.rc-barval{font-family:var(--mono);font-size:11px;font-weight:700;white-space:nowrap}
.rc-barfill{width:100%;max-width:50px;background:linear-gradient(180deg,#6bdc9a,#3fae6c);border-radius:6px 6px 0 0;min-height:3px}
.rc-barfill.neg{background:linear-gradient(180deg,#ef8790,#d0555f)}
.rc-bar.exp .rc-barfill{box-shadow:0 0 0 2px rgba(89,207,136,.35),0 -8px 26px -6px rgba(89,207,136,.5)}
.rc-barlbls{display:flex;gap:14px;margin-top:9px}
.rc-barlbl{flex:1;text-align:center;font-size:11px;color:var(--mut)}
.rc-barlbl b{color:var(--tx);display:block;font-weight:600}
.rc-barlbl .expl{color:var(--green);font-family:var(--mono);font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;display:block;margin-top:2px}
.rc-compare{margin:18px 0;display:flex;flex-direction:column;gap:11px}
.rc-cmprow{display:grid;grid-template-columns:78px 1fr 74px;gap:12px;align-items:center;font-size:12.5px;color:var(--sub)}
.rc-cmpbar{height:10px;background:var(--bd2);border-radius:5px;overflow:hidden}
.rc-cmpbar span{display:block;height:100%;border-radius:5px;width:0;transition:width .2s ease}
.rc-cmpval{font-family:var(--mono);font-weight:600;text-align:right}
.rc-margin{margin:15px 0 4px;font-size:12.5px;color:var(--sub);line-height:1.6;border-top:1px solid var(--bd);padding-top:14px}
.rc-margin b{color:var(--tx)}
.rc-mrow{padding:2px 0}
.rc-scenhd{font-size:11px;font-weight:650;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;margin:18px 0 9px}
.brand .bw{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 116;font-weight:850;letter-spacing:-.01em}
.brand .bw b{font-weight:300;font-variation-settings:'wdth' 80;color:var(--sub)}
#nav button{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 108;font-weight:600;font-size:13.5px;
  letter-spacing:.01em;border:1px solid transparent;border-radius:8px;transition:all .14s ease}
#nav button:hover{border-color:var(--bd);transform:translateX(2px)}
#nav button.active{border-color:var(--bd);box-shadow:inset 2px 0 0 var(--amber)}
#nav .navlbl{font-family:var(--mono);font-size:8.5px;letter-spacing:.24em;color:var(--mut);text-transform:uppercase;margin-top:14px}
/* ---- headers: every pane gets the display treatment ---- */
.pane>h2{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 118;font-weight:850;font-size:27px;
  letter-spacing:-.01em;line-height:1;text-transform:uppercase}
.pane>.h2sub{font-family:var(--mono);font-size:10.5px;color:var(--mut);line-height:1.8;margin-top:4px}
/* ---- subtabs: mono pills, active = amber underline ---- */
.subtabs{gap:2px;border-bottom:1px solid var(--bd);padding-bottom:0;margin-bottom:16px}
.subtabs .subtab{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  border:0;border-bottom:2px solid transparent;border-radius:0;padding:7px 11px;background:none}
.subtabs .subtab:hover{color:var(--tx);background:none}
.subtabs .subtab.on{color:var(--tx);border-bottom-color:var(--amber);background:none;font-weight:600}
/* ---- section heads (the work-queue rails) ---- */
.wqsec .wqhead{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 120;font-weight:800;font-size:12px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--sub);display:flex;align-items:center;gap:10px}
.wqsec .wqhead>span:first-of-type{font-family:var(--mono);color:var(--amber);letter-spacing:0}
.wqsec .wqhead .wqhint{font-family:'Hanken Grotesk',sans-serif;font-weight:400;font-size:11.5px;letter-spacing:0;text-transform:none}
.lbl{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
/* ---- tiles -> vitals (big mono numbers, tone washes) ---- */
.tile{background:var(--card);border:1px solid var(--bd);border-radius:10px;transition:transform .14s,border-color .14s}
.tile:hover{transform:translateY(-2px);border-color:var(--sub)}
.tile .v{font-family:var(--mono);font-weight:800;font-size:24px;letter-spacing:-.02em}
.tile .k{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--mut)}
#pane-apps .appstat{border-radius:10px;transition:transform .14s}
#pane-apps .appstat b{font-weight:800;font-size:24px}
#pane-apps .appstat span{letter-spacing:.13em}
/* ---- cards: everything card-like gets the lift ---- */
.xcard,.mcard,.dcard,.qcard,.detpanel{background:linear-gradient(180deg,var(--card2,var(--card)),var(--card));
  border-radius:10px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.xcard:hover,.mcard:hover,.dcard:hover{transform:translateY(-2px);border-color:var(--sub);box-shadow:0 12px 30px -18px rgba(0,0,0,.85)}
/* ---- the Inbox: channel bar + rows sharpened ---- */
.repchan{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 110;font-weight:600;border-radius:8px}
.repchan.active{box-shadow:inset 0 -2px 0 var(--amber)}
.reppill{font-family:var(--mono);font-size:10px;border-radius:99px}
.ibrow{border-radius:9px;transition:transform .12s,border-color .12s}
.ibrow:hover{transform:translateX(2px)}
.ibrow.sel{box-shadow:inset 2px 0 0 var(--amber)}
.ibname{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 110;font-weight:700}
/* inbox overhaul (reason-first): row reason tag, group headers, reading-pane why-banner + machine-did line */
.ibx-list .ibmid .rtag{display:inline-block;font-size:9px;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:1px 6px;border-radius:4px;margin-bottom:5px}
.ibx-list .ibmid .ibrival{font-size:9px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--red);border:1px solid rgba(236,107,117,.4);border-radius:4px;padding:1px 6px;margin-left:5px}
.rt-reply{color:var(--amber);background:rgba(244,196,79,.1);border:1px solid rgba(244,196,79,.32)}
.rt-rs{color:var(--green);background:rgba(92,207,134,.1);border:1px solid rgba(92,207,134,.32)}
.rt-wait{color:var(--muted-2);border:1px solid var(--bd)}
.ibx-list .ibgrp{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);padding:15px 14px 7px;display:flex;justify-content:space-between}
.ibx-list .ibgrp .ibgrpn{color:var(--sub)}
.ibx-read .ibwhy{background:rgba(244,196,79,.07);border:1px solid rgba(244,196,79,.3);border-radius:9px;padding:11px 14px;margin:10px 0 9px;font-size:12.5px;color:var(--tx);line-height:1.5}
.ibx-read .ibwhy b{color:var(--amber)}
.ibx-read .ibdid{font-size:11.5px;color:var(--mut);margin:0 0 4px;display:flex;align-items:center;gap:7px}
.ibx-read .ibdid .d{width:6px;height:6px;border-radius:50%;background:var(--blue);flex:none}
/* ---- tables: mono uppercase headers, calmer rows ---- */
table.ugcgrid th,.wrap th{font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-weight:600}
table.ugcgrid tr:hover td{background:rgba(255,255,255,.015)}
/* ---- buttons ---- */
.btn,.wqbtn{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 108;font-weight:600;border-radius:8px;transition:all .13s}
.btn:hover,.wqbtn:hover{transform:translateY(-1px)}
.btn.amber{box-shadow:0 4px 14px -6px rgba(255,178,36,.5)}
/* ---- the drawer joins the system ---- */
.deal-box{border-radius:12px;box-shadow:0 30px 80px -30px rgba(0,0,0,.9)}
.deal-sec{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 118;font-weight:800;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--sub)}
/* ---- login gate: first impression = the system ---- */
#login .lbox{border-radius:12px;box-shadow:0 30px 90px -30px rgba(0,0,0,.95)}
/* ---- stagger entrance for card lists (reuses the board's keyframe) ---- */
.xcard,.mcard{animation:roup .4s cubic-bezier(.2,.7,.3,1) both}
/* ---- stage 7, surface 1: the Inbox reading pane = a composed lead view ---- */
.ibx-read{padding:18px 20px}
.ibx-read .wqcard{border:0;background:none;padding:0;box-shadow:none;animation:none}
.ibx-read .wqcard:hover{transform:none}
.rphead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.rpname{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 114;font-weight:850;font-size:21px;letter-spacing:-.01em;color:var(--tx)}
.rpname a{color:var(--tx);text-decoration:none;border-bottom:1px dotted var(--mut)}
.rpname a:hover{border-color:var(--amber)}
.rpchips{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.rpwhen{margin-left:auto;font-family:var(--mono);font-size:9.5px;color:var(--mut)}
.rpunmatched{margin:6px 0 2px}
.ibx-read .repctx{background:var(--card);border:1px solid var(--bd);border-radius:9px;padding:9px 12px;margin:9px 0;font-family:var(--mono);font-size:10.5px;color:var(--sub)}
.ibx-read .repctx .repchans{margin-top:6px}
.ibx-read .repctx .repfoot{margin-top:6px;color:var(--mut)}
.ibx-read .repflag{color:var(--amber);font-weight:600;margin-top:5px}
.rpbubble{border-left:2px solid var(--bd2,var(--bd));padding:6px 0 6px 13px;margin:10px 0 0 4px}
.rpbubble .rpwho{font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);display:block;margin-bottom:3px}
.rpbubble .repbody{font-size:12.5px;color:var(--sub);white-space:pre-wrap;word-break:break-word;background:none;border:0;padding:0;margin:0}
.rpbubble.us{border-color:var(--blue,#5aa9ff)}
.ibx-read .repcompose{margin-top:12px;background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:10px}
.ibx-read .repcompose textarea{border-radius:8px;min-height:56px}
.ibx-read .repsnips{margin-bottom:7px}
.ibx-read .repsnip{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;border-radius:99px}
.ibx-read .repthreadbtn{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);background:none;border:0;cursor:pointer;padding:8px 0 0}
.ibx-read .repthreadbtn:hover{color:var(--amber)}
.ibx-read .wqacts{border-top:1px solid var(--bd);margin-top:14px;padding-top:11px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ibx-read .repencnote{font-family:var(--mono);font-size:10px;color:var(--mut);margin-top:8px}
/* ---- stage 7, surface 2: the People finder = search-first cards ---- */
#ppl-q{width:100%;max-width:660px;padding:13px 17px;background:var(--card);border:1px solid var(--bd);border-radius:12px;color:var(--tx);font-family:'Hanken Grotesk',sans-serif;font-size:15px;box-sizing:border-box;margin:4px 0 10px;display:block}
#ppl-q:focus{outline:none;border-color:var(--amber)}
#ppl-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}
.pplchip{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:99px;background:var(--card);border:1px solid var(--bd);color:var(--sub);cursor:pointer}
.pplchip:hover{border-color:var(--bd2,#333);color:var(--tx)}
.pplchip.on{border-color:var(--amber);color:var(--amber)}
.pplgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:9px}
.pplcard{background:var(--card);border:1px solid var(--bd);border-radius:11px;padding:11px 13px;cursor:pointer;animation:roup .28s ease both;transition:transform .12s ease,border-color .12s ease}
.pplcard:hover{transform:translateY(-2px);border-color:var(--bd2,#3a3a3a)}
.pplname{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 112;font-weight:800;font-size:15px;letter-spacing:-.01em;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pplmeta{font-family:var(--mono);font-size:9.5px;color:var(--mut);margin:3px 0 8px}
.pplchips{display:flex;gap:4px;flex-wrap:wrap}
.pplfoot{font-family:var(--mono);font-size:9px;color:var(--mut);margin-top:9px;border-top:1px solid var(--bd);padding-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ppl-foot{margin-top:13px}
/* ---- stage 7, surface 3: Today lanes join the kit (board-card treatment) ---- */
#pane-today .tdlane h4 .rail{flex:1;height:1px;background:var(--bd)}
#pane-today .tdlane h4 .own{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;color:var(--mut);text-transform:uppercase;border:1px solid var(--bd);border-radius:99px;padding:2px 8px}
#pane-today .tdjob{position:relative;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
#pane-today .tdjob:hover{transform:translateY(-2px);border-color:var(--bd2,var(--sub));box-shadow:0 12px 30px -18px rgba(0,0,0,.85)}
#pane-today .tdjob.warn::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,var(--warn-bg),transparent 32%);opacity:.65}
#pane-today .tdjob.bad::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,var(--bad-bg),transparent 32%);opacity:.65}
#pane-today .tdjob b{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 110;font-weight:800;letter-spacing:-.005em}
#pane-today .tdjob small{margin-top:3px;line-height:1.5}
#pane-today .tdclear{font-family:var(--mono);font-size:10px;color:var(--mut);padding:10px 2px;letter-spacing:.04em}
/* ---- stage 7, surface 4: the Applications desk = kit vitals + risk cards ---- */
#pane-apps .appstats{gap:10px;margin:4px 0 18px}
#pane-apps .appstat{padding:10px 17px 9px;min-width:88px}
#pane-apps .appstat span{font-family:var(--mono);font-size:8.5px;letter-spacing:.14em}
#pane-apps .approw{position:relative;overflow:hidden;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
#pane-apps .approw:hover{transform:translateY(-2px);border-color:var(--bd2,var(--sub));box-shadow:0 12px 30px -18px rgba(0,0,0,.85)}
#pane-apps .approw.attn{border-left:3px solid var(--amber)}
#pane-apps .approw.flag{border-left:3px solid var(--red)}
#pane-apps .approw.attn::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,var(--warn-bg),transparent 32%);opacity:.6}
#pane-apps .approw.flag::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,var(--bad-bg),transparent 32%);opacity:.6}
#pane-apps .approw.sel{border-color:var(--sub);box-shadow:inset 0 0 0 1px var(--sub)}
#pane-apps .approw-top b{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 110;font-weight:800;font-size:13.5px;letter-spacing:-.005em}
#pane-apps .approw-meta{font-family:var(--mono);font-size:9px;letter-spacing:.03em}
#pane-apps .appd-title h3{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 114;font-weight:850;font-size:21px;letter-spacing:-.01em}
#pane-apps .appd-cardlabel{font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
/* ---- stage 7, surface 5: Content + the engine room join the kit (CSS-only round) ---- */
#pane-content .cn-fhead b{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 110;font-weight:800;font-size:13.5px;letter-spacing:-.005em}
#pane-content .cn-fhead{position:relative}
#pane-content .cn-fhead::after{content:'';flex:1;height:1px;background:var(--bd);order:5}
#pane-content .cn-fhfolder{order:6}
#pane-content .cn-fcount{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
#pane-content .cn-clip{transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
#pane-content .cn-clip:hover{transform:translateY(-2px);border-color:var(--bd2,var(--sub))}
#pane-clips .clipsec{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 116;font-weight:800;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--sub)}
#pane-clips .clipn{font-family:var(--mono);color:var(--amber);border-color:var(--warn-bd)}
#pane-clips .cliphdr{border-bottom:1px solid var(--bd);padding-bottom:8px}
#pane-clips .clipmeta{font-family:var(--mono);font-size:9.5px;color:var(--mut)}
#pane-costs .cardchart h3{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 112;font-weight:800;letter-spacing:-.005em}
#pane-plan .pl-chh{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 112;font-weight:800;font-size:14px;letter-spacing:-.005em}
#pane-plan .pl-chh::after{content:'';flex:1;height:1px;background:var(--bd)}
#pane-plan .pl-ch.mine{border-left-color:var(--amber)}
#pane-plan .pl-lane{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);border:1px solid var(--warn-bd);border-radius:99px;padding:2px 8px;order:9}
#pane-plan .pl-tally .pl-stat{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}
#pane-plan .pl-item{transition:background .12s ease}
#pane-plan .pl-item:hover{background:var(--card2)}
#pane-arch .mach-h{font-family:var(--mono);letter-spacing:.14em}
/* People overview: pool composition + funnel band */
.pocard{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:15px 17px;margin:6px 0 16px}
.povits{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:14px}
.povit b{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 108;font-weight:850;font-size:22px;letter-spacing:-.01em;color:var(--tx);display:block;line-height:1.05}
.povit span{font-family:var(--mono);font-size:8.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--mut)}
.pobar{display:flex;height:16px;border-radius:6px;overflow:hidden;background:var(--card2);gap:1.5px}
.poseg{display:block;height:100%;min-width:2px}
.po-ok{background:var(--green)} .po-mut{background:var(--mut)} .po-warn{background:var(--amber)} .po-bad{background:var(--red)} .po-vio{background:var(--violet)} .po-blu{background:var(--blue)}
.poleg{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}
.poleg-i{font-family:var(--mono);font-size:9.5px;color:var(--sub);display:flex;align-items:center;gap:5px}
.poleg-i i{width:9px;height:9px;border-radius:2px;display:inline-block}
.poleg-i b{color:var(--tx);font-weight:700}
.postory{font-size:11.5px;color:var(--sub);line-height:1.55;margin-top:12px;border-top:1px solid var(--bd);padding-top:10px}
.postory b{color:var(--tx);font-weight:700}
/* Ops alerts feed (System tab) - console-only ops surface */
.opsfeed{margin-top:16px;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:12px 15px;max-width:920px}
.opsfeed-h{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 112;font-weight:800;font-size:13px;margin-bottom:9px;display:flex;gap:9px;align-items:baseline}
.opsrow{display:flex;align-items:baseline;gap:9px;padding:6px 0;border-top:1px solid var(--bd);font-size:12px}
.opsrow:first-of-type{border-top:0}
.opsdot{width:7px;height:7px;border-radius:50%;flex:none;position:relative;top:1px}
.ops-bad .opsdot{background:var(--red)} .ops-warn .opsdot{background:var(--amber)} .ops-ok .opsdot{background:var(--green)}
.opsbody{flex:1;color:var(--sub);line-height:1.4}
.opstime{font-family:var(--mono);font-size:9px;color:var(--mut);flex:none}
.opsempty{font-family:var(--mono);font-size:10.5px;color:var(--mut);padding:4px 0}