:root{--mono:'Figtree','Roboto',system-ui,-apple-system,sans-serif;--serif:'Raleway',sans-serif}
*{box-sizing:border-box}
/* DECK-EMBED SCROLL JANK (Chris, live on the Texans deal): the slide-advance
   control lives INSIDE the cross-origin Google Slides iframe, so clicking it
   moves focus into that frame and the browser scrolls the frame into view. We
   cannot intercept a click inside a cross-origin frame, so the scroll itself
   cannot be cancelled - but a global scroll-behavior:smooth turned that
   incidental scroll into an animated lurch. Every INTENTIONAL smooth scroll in
   js/app.js already passes behavior:"smooth" to scrollIntoView / scrollTo (see
   the sidebar, comment-jump and back-to-top paths), so those are unaffected;
   dropping the global rule only makes browser-initiated scrolls instant. */
html{scroll-behavior:auto}
/* Second half of the same fix: when the browser DOES scroll an embed into
   view, land it clear of the 63px sticky header instead of tucking the top of
   the deck underneath it, which is what read as "jumps up". */
/* FROZEN PROGRESS BAR (Eliot + Chris, 2026-08-06). The header was already
   sticky (.bp-hdr, top:0, z-60) but the stepper below it was position:static,
   so the one control a champion navigates with scrolled out of reach on every
   page. Both are siblings of <main> under a shared parent, so the stepper gets
   its own sticky at the header's height rather than the parent being made
   sticky - the parent also contains <main>, which would pin the whole page.
   --bp-hdr-h is measured and published by syncHeaderOffset() in js/app.js
   because the header's height is NOT constant: the 620px mobile-collapse
   block reflows that row, and it stood 212px tall at 390px before that fix.
   A hardcoded 63px would bury the stepper under the header on a phone. The
   fallback matches the desktop measurement so the bar is still frozen if the
   script never runs. z-index sits below the header's 60 so the two never
   fight, and the stepper already carries an opaque background + bottom border
   so page content cannot show through it. */
:root{--bp-hdr-h:63px}
.bp-stepper{position:sticky;top:var(--bp-hdr-h,63px);z-index:55}
/* Anchor targets must clear BOTH bars now, not just the header. */
.fc-deck,.fc-deck-outer,.fc-deck-stage,.media-card,.deck-card,iframe{scroll-margin-top:calc(var(--bp-hdr-h,63px) + 68px)}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--mono)}
button,input,select,textarea{font-family:inherit}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.top{position:sticky;top:0;z-index:20;box-shadow:0 10px 30px -28px rgba(28,43,50,.5)}
.seg-strip{background:var(--muted);color:var(--mfg);display:flex;gap:14px;align-items:center;padding:8px 28px;font:600 10.5px/1 var(--mono);letter-spacing:.12em;border-bottom:1px solid var(--border)}
.seg-strip span{opacity:.7}
.seg-btn{appearance:none;background:none;border:0;color:var(--mfg);font:inherit;letter-spacing:.1em;cursor:pointer;text-transform:uppercase;padding:0}
.seg-btn.active{color:var(--primary);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.brand-row{background:var(--card);border-bottom:1px solid var(--border);padding:13px 28px;display:flex;align-items:center;gap:16px}
.brand{appearance:none;background:none;border:0;padding:0;display:flex;align-items:center;cursor:pointer}
.bp-logo{display:block;height:30px;width:auto}
.org-chip{padding-left:16px;border-left:1px solid var(--border);min-width:0}
.org-chip b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.org-chip span{display:block;font-size:11.5px;color:var(--mfg)}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.contact-cta{background:var(--gold);color:var(--navy);border-radius:8px;padding:10px 16px;font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap;box-shadow:0 10px 22px -14px rgba(227,189,68,.9)}
.contact-cta:hover{filter:brightness(.97)}
.cta-short{display:none}
.ae-link{appearance:none;border:1px solid var(--border);background:var(--card);color:var(--fg);display:inline-flex;gap:7px;align-items:center;border-radius:8px;padding:9px 13px;cursor:pointer;font-weight:600;font-size:12.5px;white-space:nowrap}
.champ-mini{display:flex;align-items:center;gap:8px}
.champ-mini>span{width:32px;height:32px;border-radius:32px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px}
.champ-mini b{display:block;font-size:12px}
.champ-mini small{display:block;color:var(--mfg);font-size:10.5px}
.stage-row{background:var(--card);border-bottom:1px solid var(--border);overflow-x:auto}
.stage-row-in{max-width:1100px;margin:0 auto;display:flex;align-items:center;padding:0 18px}
.step{appearance:none;background:none;border:0;display:flex;align-items:center;gap:8px;padding:13px 11px;white-space:nowrap;cursor:pointer;color:var(--mfg);font-weight:500;font-size:13px}
.step-num{width:25px;height:25px;border-radius:25px;border:1px solid var(--border);background:var(--muted);display:grid;place-items:center;font:600 11px/1 var(--mono);color:var(--mfg)}
.step.active{color:var(--navy);font-weight:600}
.step.active .step-num{background:var(--primary);border-color:var(--primary);color:#fff}
.step.done .step-num{background:var(--ctk-green);border-color:var(--ctk-green);color:#fff}
.step.locked{opacity:.5}
.step-sep{color:var(--border)}
.wrap{max-width:1020px;margin:0 auto;padding:34px 28px 64px}
.panel{background:none;border:0;padding:0;box-shadow:none}
.footer{background:var(--navy);color:rgba(255,255,255,.65);text-align:center;padding:22px 28px;font-size:12px}
.footer div{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.footer a,.footer button,.footer span{appearance:none;background:none;border:0;color:var(--gold-muted);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;padding:0}
h1{font:700 44px/1.15 var(--serif);margin:10px 0 12px;color:var(--navy);letter-spacing:-.005em}
.lede{font:400 16px/1.6 var(--mono);color:var(--mfg);max-width:680px;margin:0 0 26px}
.eyebrow{font:600 11px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase}
.sec-title{margin:34px 0 14px}
.sec-title h3{font:700 20px/1.25 var(--mono);margin:0 0 5px;color:var(--navy)}
.sec-title p{margin:0;color:var(--mfg);font-size:13px;line-height:1.5}
.under-note{font:400 12px/1.5 var(--mono);color:var(--mfg);margin:10px 0 0}
.primary-btn,.outline-btn,.small-btn{appearance:none;border:0;border-radius:var(--radius);display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;text-decoration:none}
.primary-btn{background:var(--gold);color:var(--navy);padding:13px 22px;font-size:14px;box-shadow:var(--shadow-sm)}
.primary-btn:hover{background:var(--gold-deep)}
.outline-btn,.small-btn{background:var(--card);color:var(--navy);border:1px solid var(--border);padding:10px 14px}
.small-btn{font-size:12px;padding:8px 12px}
.nextbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border);margin-top:36px;padding-top:22px;color:var(--mfg);font-size:13px;line-height:1.4}
.res-action{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-weight:600;text-decoration:none;font-size:13px}
.res-action.missing{color:var(--mfg);opacity:.65;pointer-events:none}
.res-action.outline{border:1px solid var(--border);background:var(--card);color:var(--navy);border-radius:8px;padding:9px 14px}
.res-action.chip{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:8px 12px;font-size:12.5px;box-shadow:0 1px 2px rgba(28,43,50,.04)}
.res-action.chip.missing{border-style:dashed;background:none;box-shadow:none}
.acc{border:1px solid var(--border);border-radius:8px;background:var(--card);overflow:hidden;box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.25);transition:border-color .25s,box-shadow .25s}
.acc-head{appearance:none;width:100%;background:none;border:0;cursor:pointer;display:flex;align-items:center;gap:14px;text-align:left;padding:15px 18px;color:var(--navy)}
.acc-head .chev{margin-left:auto;color:#8aa0ae;display:inline-flex;flex-shrink:0;transition:transform .28s ease}
.acc.open>.acc-head .chev{transform:rotate(90deg)}
.acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s ease}
.acc.open>.acc-panel,.acc-panel.open{grid-template-rows:1fr}
.acc-inner{overflow:hidden;min-height:0;visibility:hidden;transition:visibility .34s}
.acc.open>.acc-panel>.acc-inner,.acc-panel.open>.acc-inner{visibility:visible}
.faq-q{font:600 13.5px/1.35 var(--mono);color:var(--navy)}
.faq-a{padding:0 16px 13px;color:var(--mfg);font-size:13px;line-height:1.6}
.faq-a p{margin:0 0 10px}
.faq-a p:last-child{margin-bottom:0}
.roi-hero{background:linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 60%,var(--navy-3) 100%);border-radius:8px;padding:28px 30px;color:#fff;box-shadow:0 28px 56px -36px rgba(28,43,50,.65)}
.roi-hero.compact{padding:22px 24px}
.roi-kick{display:flex;align-items:center;gap:9px;font:600 11px/1 var(--mono);letter-spacing:.14em;color:var(--gold);margin-bottom:16px;text-transform:uppercase}
.roi-top{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:18px}
.roi-total strong{display:block;font:800 52px/1 var(--mono);letter-spacing:-.01em;color:var(--gold)}
.roi-hero.compact .roi-total strong{font-size:40px}
.roi-hero.compact .roi-line-top strong{font-size:22px}
.roi-total span{display:block;font-size:12.5px;color:rgba(255,255,255,.78);margin-top:7px}
.roi-mult{background:rgba(249,210,48,.12);border:1px solid rgba(249,210,48,.55);border-radius:6px;padding:10px 18px}
.roi-mult b{display:block;font:700 26px/1 var(--mono);color:var(--gold)}
.roi-mult span{display:block;font:600 9.5px/1.3 var(--mono);letter-spacing:.08em;color:rgba(255,255,255,.75);margin-top:4px}
.roi-lines{display:grid;gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:6px;overflow:hidden}
.roi-line{display:flex;gap:10px;background:#12384d;padding:12px 16px}
.roi-dot{width:8px;height:8px;border-radius:8px;margin-top:5px;flex-shrink:0}
.roi-line-main{flex:1;min-width:0}
.roi-line-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.roi-line-top b{font-size:13.5px;font-weight:600;color:#fff}
.roi-line-top em{font:600 11.5px/1 var(--mono);font-style:normal}
.roi-line-top strong{margin-left:auto;font:800 26px/1 var(--mono);color:var(--gold)}
.roi-line-main p{margin:5px 0 0;font-size:11.5px;line-height:1.5;color:rgba(255,255,255,.62)}
.roi-basis{margin:12px 0 0;font-size:11.5px;line-height:1.5;color:rgba(255,255,255,.6);font-style:italic}
.now-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.now-card{border-radius:8px;padding:22px;color:#fff;box-shadow:0 22px 44px -32px rgba(28,43,50,.7)}
.now-card.up{background:linear-gradient(160deg,#2e7d46,#4ca15c)}
.now-card.wait{background:linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 60%,var(--navy-3) 100%)}
.now-card header{display:flex;align-items:center;gap:9px;font:600 10.5px/1 var(--mono);letter-spacing:.12em;margin-bottom:16px}
.now-card.up header{color:#bfe6ad}
.now-card.wait header{color:var(--gold-muted)}
.now-card>strong{display:block;font:700 38px/1 var(--mono);letter-spacing:-.01em}
.now-card.wait>strong{color:var(--gold)}
.now-card>em{display:block;font-style:normal;font-size:12.5px;opacity:.85;margin:6px 0 14px}
.now-lines div{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;line-height:1.9;opacity:.92}
.now-lines b{font-weight:600}
.now-card input{width:100%;accent-color:var(--gold);margin:2px 0 6px}
.now-scale{display:flex;justify-content:space-between;font:600 10px/1 var(--mono);opacity:.65}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.m-card{position:relative;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:16px 16px 14px;box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22)}
.m-corner{position:absolute;top:12px;right:12px;color:#9fb3c0}
.m-card.hero .m-corner{color:var(--gold-muted)}
.m-label{font:600 9.5px/1.5 var(--mono);letter-spacing:.1em;color:var(--mfg);margin-bottom:9px;padding-right:24px;text-transform:uppercase}
.m-num{display:block;font:700 27px/1 var(--mono);letter-spacing:-.01em;color:var(--navy);margin-bottom:9px}
.m-delta{display:inline-flex;align-items:center;gap:5px;font:600 12px/1 var(--mono);margin-bottom:9px;color:var(--mfg)}
.m-delta.good{color:var(--ctk-green)}
.m-delta.bad{color:var(--destructive)}
.m-delta.mid{color:var(--amber)}
.m-sub{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--mfg)}
.m-sub i.dot{margin-right:5px}
.dot{width:7px;height:7px;border-radius:6px;display:inline-block}
.dot.peer{background:var(--primary)}
.dot.ind{background:#b9c6d0}
.score-acc{box-shadow:none;border-radius:6px}
.score-acc>.acc-head{padding:12px 16px}
.score-acc .faq-q{color:var(--primary-deep);font-size:13px}
.scorecard{border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--card)}
.score-head,.score-row{display:grid;gap:12px;align-items:center}
.score-head{background:var(--navy);color:#fff;padding:11px 16px;font:700 10px/1 var(--mono);letter-spacing:.1em}
.score-head div:not(:first-child),.score-row strong,.score-row em{text-align:right}
.score-row{padding:12px 16px;border-top:1px solid var(--border)}
.score-row.hero{background:rgba(249,210,48,.12)}
.score-row b{font-size:13.5px;font-weight:600}
.score-row span{font:600 9px/1 var(--mono);letter-spacing:.08em;color:var(--amber);margin-left:8px;text-transform:uppercase}
.score-row strong{font:700 15px/1 var(--mono)}
.score-row em{font-style:normal;color:var(--mfg);font-size:13px}
.priority-row{display:flex;gap:10px;flex-wrap:wrap}
.priority-row span{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--gold-muted);border-radius:32px;padding:9px 15px 9px 10px;background:var(--card);font-weight:600;font-size:13.5px}
.priority-row b{width:23px;height:23px;border-radius:23px;background:var(--gold);color:var(--navy);display:grid;place-items:center;font:700 11px/1 var(--mono)}
.package-list{display:grid;gap:12px}
.package-card>.acc-head{display:grid;grid-template-columns:auto 1fr auto auto;gap:16px;align-items:center;padding:14px 16px}
.package-card.open{border-color:var(--ac);box-shadow:0 18px 40px -26px var(--ac)}
.package-card .chev{color:var(--ac)}
.cart-art{width:84px;height:84px;border-radius:6px;display:grid;place-items:center;box-shadow:inset 0 2px 12px rgba(255,255,255,.18)}
.package-main em{font:600 10px/1 var(--mono);letter-spacing:.16em;color:var(--ac);font-style:normal}
.package-main b{display:block;font:700 19px/1.2 var(--mono);margin:5px 0;color:var(--navy)}
.package-main small,.proof-mini small{display:block;color:var(--mfg);line-height:1.35;font-size:12px}
.proof-mini{text-align:right}
.proof-mini b{font:700 20px/1 var(--mono);color:var(--ac)}
.package-body{padding:2px 20px 20px 116px}
.package-body>p{color:var(--mfg);line-height:1.6;font-size:13.5px;margin:0 0 14px}
.package-body h4{font:600 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--navy);margin:0 0 10px}
.package-body ul{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:9px}
.package-body li{display:flex;gap:9px;color:var(--mfg);font-size:13px;line-height:1.5}
.package-body li b{color:var(--fg)}
.product-toggle{background:var(--muted);border:1px solid var(--border);border-radius:6px;padding:14px;margin-bottom:16px}
.product-toggle button{appearance:none;border:1px solid var(--ac);background:var(--card);color:var(--ac);border-radius:6px;padding:7px 14px;margin-right:8px;text-transform:capitalize;font-weight:700;cursor:pointer;font-size:12.5px}
.product-toggle button.active{background:var(--ac);color:#fff}
.product-toggle p{margin:10px 0 0;color:var(--mfg);font-size:12.5px}
.case-link{display:flex;align-items:center;gap:14px;background:var(--muted);border:1px solid var(--border);border-radius:6px;padding:12px 16px;flex-wrap:wrap}
.case-link strong{font:700 22px/1 var(--mono);color:var(--ac)}
.case-link>span{flex:1;min-width:160px}
.case-link b,.case-link small{display:block}
.case-link small{color:var(--mfg);font-size:11.5px}
.case-link button{appearance:none;border:0;background:none;color:var(--ac);display:inline-flex;align-items:center;gap:6px;font-weight:700;cursor:pointer;padding:0;font-size:13px}
.case-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.funnel{border:1px solid var(--border);border-radius:6px;padding:14px 16px;margin:0 0 16px;background:var(--muted)}
.funnel-row{margin-bottom:9px}
.funnel-row>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:500 11.5px/1.6 var(--mono);color:var(--mfg)}
.funnel-row b{color:var(--fg);font-weight:700;white-space:nowrap}
.funnel-row i{display:block;height:12px;border-radius:4px;background:var(--ac);min-width:14px;margin-top:3px}
.funnel>p{font:400 12px/1.5 var(--mono);color:var(--mfg);margin:11px 0 0}
.conv-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.conv-grid .rec-card{grid-column:1/-1}
.media-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;background:var(--card);overflow:hidden;box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22)}
/* Same viewport cap as .fc-deck-frame - see the root-cause note there. Every
   16:9 stage in this file sized itself off container WIDTH with no ceiling, so
   each one could render taller than the window and become an element the
   browser must scroll into view when its embed takes focus. */
.media-stage{display:block;position:relative;aspect-ratio:16/9;max-height:calc(100vh - 120px);max-width:calc((100vh - 120px) * 16 / 9);margin-inline:auto;background:linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 60%,var(--navy-3) 100%)}
.vid-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:60px;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.55);display:grid;place-items:center;color:#fff}
a.media-stage:hover .vid-play{background:rgba(255,255,255,.24)}
.vid-dur{position:absolute;left:13px;top:13px;font:600 9.5px/1 var(--mono);letter-spacing:.1em;color:rgba(255,255,255,.85);background:rgba(28,43,50,.45);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:5px 9px}
.vid-track{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.18)}
.vid-track i{display:block;width:9%;height:100%;background:var(--gold)}
.ph-tag{position:absolute;right:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;font:600 11px/1 var(--mono);letter-spacing:.12em;color:rgba(255,255,255,.85);border:1px dashed rgba(255,255,255,.5);border-radius:var(--radius-sm);padding:5px 8px;background:rgba(28,43,50,.35)}
.ph-tag.live{border:1px solid rgba(90,158,75,.9);background:rgba(90,158,75,.3);color:#dff0d8}
.deck-wrap{padding:14px 14px 0;background:var(--muted)}
.deck-stage{display:block;position:relative;aspect-ratio:16/9;max-height:calc(100vh - 120px);max-width:calc((100vh - 120px) * 16 / 9);margin-inline:auto;border-radius:6px 6px 0 0;overflow:hidden;background:linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 60%,var(--navy-3) 100%);box-shadow:0 -6px 0 -2px #fff,0 -12px 0 -5px var(--border)}
.deck-mark{position:absolute;left:18px;top:16px;display:inline-flex;align-items:center;gap:7px;font:700 13px/1 var(--mono);color:#fff}
.deck-mark i{width:14px;height:14px;border-radius:50% 50% 50% 2px;background:linear-gradient(135deg,var(--gold),var(--primary))}
.deck-mark b{color:#7cc3ea}
.deck-cap{position:absolute;left:18px;right:96px;bottom:16px}
.deck-cap i{display:block;width:30px;height:4px;border-radius:4px;background:var(--gold);margin-bottom:9px}
.deck-cap b{display:block;font:600 19px/1.25 var(--serif);letter-spacing:-.005em;color:#fff}
.deck-page{position:absolute;right:13px;bottom:14px;font:600 9px/1 var(--mono);letter-spacing:.1em;color:rgba(255,255,255,.9);background:rgba(28,43,50,.4);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:5px 9px}
.media-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 16px;margin-top:auto;background:var(--card);border-top:1px solid var(--border)}
.deck-wrap+.media-foot{border-top:0}
.deck-strip{display:inline-flex;gap:4px;flex-shrink:0}
.deck-strip i{width:26px;height:17px;border-radius:4px;background:var(--muted);border:1px solid var(--border)}
.deck-strip i:first-child{background:linear-gradient(150deg,var(--navy),var(--navy-3));border-color:transparent}
.media-cap{flex:1;min-width:170px;font-size:12px;line-height:1.5;color:var(--mfg)}
.media-cap b{display:block;color:var(--navy);font:600 13px/1.3 var(--mono);margin-bottom:2px}
.rec-card{flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px;padding:13px 18px}
.rec-play{flex-shrink:0;width:46px;height:46px;border-radius:46px;background:linear-gradient(135deg,var(--primary-deep),var(--navy));display:grid;place-items:center;color:#fff;text-decoration:none}
a.rec-play:hover{filter:brightness(1.15)}
.rec-main{min-width:170px}
.rec-main b{font:600 13.5px/1.3 var(--mono);color:var(--navy)}
.rec-main small{display:block;color:var(--mfg);font-size:11.5px;line-height:1.4;margin-top:3px}
.rec-wave{flex:1;min-width:140px;height:28px;display:flex;align-items:center;gap:2px;overflow:hidden}
.rec-wave i{width:3px;border-radius:3px;background:rgba(21,141,191,.28);flex-shrink:0}
.rec-wave i.on{background:var(--primary)}
.rec-dur{font:600 9.5px/1 var(--mono);letter-spacing:.08em;color:var(--mfg);background:var(--muted);border:1px solid var(--border);border-radius:20px;padding:6px 10px;flex-shrink:0}
.ph-chip{display:inline-flex;align-items:center;gap:4px;font:600 8px/1 var(--mono);letter-spacing:.12em;color:#8a96a3;border:1px dashed #b9c6d0;border-radius:4px;padding:4px 6px;margin-left:8px;vertical-align:2px}
.ph-chip.live{color:#3f7a33;border:1px solid rgba(90,158,75,.55);background:rgba(90,158,75,.08)}
/* EDITOR FIX 2: inline "select a file" upload prompt, centered inside a
   deck/recording/document placeholder box on the canvas, build-mode only
   (see canvasUploadInner/canvasUploadStage/canvasUploadChip in app.js).
   .canvas-upload mirrors .file-fld-drop's look (the rail's own upload
   control) scaled up for a bigger drop target; .canvas-upload-navy flips
   it to read on the deck-stage's dark gradient. */
.canvas-upload-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px}
.canvas-upload{appearance:none;display:inline-flex;flex-direction:column;align-items:center;gap:4px;background:var(--muted);border:1.5px dashed var(--border);border-radius:var(--radius);padding:14px 18px;font-family:Figtree,sans-serif;color:var(--primary);cursor:pointer;text-align:center;max-width:100%}
.canvas-upload:hover{background:rgba(25,145,218,.08);border-color:var(--primary)}
.canvas-upload-t{font-weight:600;font-size:13px}
.canvas-upload-s{font-size:11px;color:var(--mfg)}
.canvas-upload-navy{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.45);color:#fff}
.canvas-upload-navy:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7)}
.canvas-upload-navy .canvas-upload-s{color:rgba(255,255,255,.7)}
.rec-card .canvas-upload,.fc-rec .canvas-upload{flex:1 1 auto}
.hero-band{background:linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 60%,var(--navy-3) 100%);border-radius:8px;padding:34px 36px 36px;color:#fff;box-shadow:0 28px 56px -36px rgba(28,43,50,.65)}
.hero-band h1{color:#fff}
.hero-band .lede{color:rgba(255,255,255,.88);margin-bottom:22px}
.welcome-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px}
.how-card,.persona-card{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:20px;box-shadow:0 16px 32px -24px rgba(28,43,50,.4)}
.how-card h3{margin:0 0 8px;font:700 16px/1.25 var(--mono);color:var(--navy)}
.how-card p{color:var(--mfg);font-size:13.5px;line-height:1.55;margin:0 0 14px}
.persona-card{text-align:center;color:var(--fg)}
.persona-card h2{font:700 20px/1.2 var(--mono);margin:0 0 2px;color:var(--navy)}
.persona-card>p{color:var(--mfg);margin:0 0 8px}
.avatar-lg{width:72px;height:72px;border-radius:72px;background:linear-gradient(135deg,var(--primary-deep),var(--primary));color:#fff;display:grid;place-items:center;margin:0 auto 14px;font:700 22px/1 var(--mono)}
.persona-line{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding-top:10px;margin-top:10px;text-align:left;font-size:12px}
.persona-line span{color:var(--mfg)}
.welcome-road{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.welcome-step{border:1px solid var(--border);border-radius:8px;padding:16px;background:var(--card);box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22)}
.welcome-step span{width:26px;height:26px;border-radius:26px;background:var(--muted);display:grid;place-items:center;font:600 11px/1 var(--mono);color:var(--primary);margin-bottom:10px}
.welcome-step b{display:block;font:600 15px/1.25 var(--mono);color:var(--navy)}
.welcome-step p{margin:5px 0 0;color:var(--mfg);font-size:12px}
.door-grid{display:grid;grid-template-columns:0.62fr 1fr 1fr;gap:12px}
.door-card{appearance:none;text-align:left;cursor:pointer;border:1.5px solid var(--border);border-radius:8px;padding:18px;min-height:210px;background:var(--card);color:var(--fg);display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22);transition:border-color .2s,box-shadow .2s,transform .2s}
.door-card.win{background:var(--primary);color:#fff;border-color:transparent}
.door-card.active{border-color:var(--tone);box-shadow:0 14px 32px -18px var(--tone);transform:translateY(-2px)}
.door-card>span{width:12px;height:12px;border-radius:6px;background:var(--tone);margin-bottom:12px}
.door-card.win>span{background:var(--gold)}
.door-card h3{font:700 18px/1.2 var(--mono);margin:0 0 8px;color:var(--navy)}
.door-card p{font-size:12.5px;line-height:1.5;flex:1;color:inherit;opacity:.85;margin:0 0 10px}
.door-card b{font:700 12px/1.4 var(--mono);color:var(--tone);border-top:1px solid var(--border);padding-top:12px}
.door-card.win b{color:#fff;border-color:rgba(255,255,255,.3)}
.door-panel .door-detail{margin-top:14px;box-shadow:none}
.door-detail{background:var(--card);color:var(--fg);border:1px solid var(--border);border-top:4px solid var(--tone);border-radius:8px;overflow:hidden}
.door-detail-head{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--border);padding:20px 24px}
.door-detail-head strong{font:700 36px/1 var(--mono);color:var(--tone)}
.door-detail-head p{color:var(--mfg);font-size:12px;line-height:1.45;margin:4px 0 0}
.door-detail-head aside{max-width:290px;border-left:3px solid var(--tone);padding-left:12px;color:var(--mfg);font-size:12px;line-height:1.45}
.door-lines{display:grid}
.door-lines div{display:grid;grid-template-columns:180px 90px 1fr;gap:14px;background:var(--card);padding:11px 24px;align-items:baseline;border-top:1px solid var(--border)}
.door-lines b{font-weight:600;font-size:13px}
.door-lines strong{text-align:right;font:700 14px/1 var(--mono)}
.door-lines span{font-size:11.5px;line-height:1.45;color:var(--mfg)}
.door-detail footer{display:flex;align-items:center;gap:16px;padding:14px 24px;background:var(--muted);border-top:1px solid var(--border)}
.door-detail footer span{font:600 10px/1 var(--mono);letter-spacing:.08em;color:var(--mfg);text-transform:uppercase}
.door-detail footer b{font:700 22px/1 var(--mono);color:var(--tone)}
.door-detail footer p{margin:0;flex:1;color:var(--mfg);font-size:12px}
.claim-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.claim-grid article{display:flex;gap:14px;border:1px solid var(--border);border-radius:8px;padding:18px;background:var(--card);box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22)}
.claim-grid article>span{width:42px;height:42px;border-radius:6px;background:var(--muted);display:grid;place-items:center;flex-shrink:0}
.claim-grid h3{font:600 15px/1.3 var(--mono);margin:0 0 5px}
.claim-grid p{color:var(--mfg);font-size:12.5px;line-height:1.5;margin:0}
.proof-surface{border:1px solid var(--border);border-radius:8px;padding:18px;background:var(--muted)}
.logo-pill{display:inline-flex;border:1px solid var(--border);background:var(--card);border-radius:8px;padding:6px 10px;font-weight:700;color:var(--primary-deep);font-size:13px}
.proof-surface h3{font:700 24px/1.2 var(--mono);margin:12px 0 4px}
.proof-surface>div:first-child>p{color:var(--mfg);margin:0}
.proof-math{display:grid;grid-template-columns:.5fr 1fr;gap:12px;border:1px solid var(--border);background:var(--card);border-radius:6px;padding:13px;margin:14px 0 0}
.proof-math b{font:700 17px/1.2 var(--mono);color:var(--primary)}
.proof-math span{font-size:12.5px;color:var(--mfg);line-height:1.5}
.stake-table{display:grid;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--card)}
.stake-table div{display:grid;grid-template-columns:.8fr 1.2fr 1fr 1fr;gap:12px;padding:12px 16px;border-top:1px solid var(--border);align-items:center}
.stake-table div:first-child{border-top:0}
.stake-table b{font-size:13px}
.stake-table span,.stake-table em{font-size:12px;color:var(--mfg);font-style:normal;line-height:1.35}
.stake-table input{border:1px solid var(--border);border-radius:8px;padding:8px}
.solo-acc{margin:18px 0}
.fold-card.open{border-color:var(--ac);box-shadow:0 16px 36px -24px var(--ac)}
.fold-card .chev{color:var(--ac)}
.memo{border:1px solid var(--border);border-radius:8px;box-shadow:0 24px 60px -34px rgba(28,43,50,.45);position:relative;overflow:hidden;background:var(--card)}
.memo-spine{position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--gold),var(--gold-muted))}
.memo-in{padding:30px 38px 34px 42px}
.memo header{display:flex;justify-content:space-between;gap:18px;border-bottom:2px solid var(--navy);padding-bottom:16px}
.memo header>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.memo .bp-logo{height:22px}
.memo header>div>span:last-child{display:block;width:100%;font:600 10px/1 var(--mono);letter-spacing:.22em;color:var(--mfg);text-transform:uppercase;margin-top:6px}
.memo aside{text-align:right;font-size:11px;color:var(--mfg)}
.memo aside p{margin:0 0 4px}
.memo h2{font:600 23px/1.35 var(--serif)}
.memo p{font:400 13.5px/1.7 var(--mono);color:#2c3a44}
.memo-table{border:1px solid var(--border);border-radius:6px;overflow:hidden}
.memo-head,.memo-row{display:grid;grid-template-columns:1.1fr 1.9fr .6fr;gap:12px;align-items:baseline}
.memo-head{background:var(--muted);padding:10px 16px;font:600 9.5px/1 var(--mono);letter-spacing:.1em;color:var(--mfg);text-transform:uppercase}
.memo-head span:last-child,.memo-row strong{text-align:right}
.memo-row{padding:12px 16px;border-top:1px solid var(--border)}
.memo-row span{font:400 12px/1.5 var(--mono);color:var(--mfg)}
.memo-row strong{font:700 15px/1 var(--mono)}
.memo-row.total{border-top:2px solid var(--navy);background:rgba(249,210,48,.12)}
.memo-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-top:1px solid var(--border);padding-top:18px;margin-top:24px}
.memo-foot em{display:block;font:italic 600 20px/1 var(--mono);color:var(--mfg);opacity:.6;border-bottom:1px solid var(--border);width:200px;padding-bottom:6px}
.memo-foot span{display:block;font-size:11px;color:var(--mfg);margin-top:6px}
.memo-ask{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;border-top:1px solid var(--border);padding-top:20px;margin-top:22px}
.memo-ask b{display:block;font:600 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.ask-rec b{color:var(--amber)}
.ask-kpi b{color:var(--primary)}
.memo-ask p{margin:0;font-size:13px;line-height:1.6}
.memo-kpi{display:flex;gap:8px;align-items:center;margin-bottom:6px;font-size:13px;color:var(--fg)}
.plan-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.plan-metrics section{border:1px solid var(--border);border-radius:8px;padding:18px;background:var(--card);box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22)}
.plan-metrics section.hot{background:#fdf0ec;border-color:var(--destructive)}
.plan-metrics div{display:flex;justify-content:space-between;align-items:baseline}
.plan-metrics b{font-size:13.5px}
.plan-metrics strong{font:700 24px/1 var(--mono);color:var(--ctk-green)}
.plan-metrics .hot strong{color:var(--destructive)}
.plan-metrics section>span{display:block;height:8px;border-radius:8px;background:var(--muted);overflow:hidden;margin:12px 0}
.plan-metrics i{display:block;height:100%;background:linear-gradient(90deg,var(--primary-deep),var(--primary))}
.plan-metrics input{width:100%;accent-color:var(--destructive)}
.plan-metrics p{color:var(--mfg);font-size:12.5px;margin:8px 0 0}
.plan-metrics small{color:var(--mfg)}
.phase{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--card);margin-bottom:12px;box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22)}
.phase header{display:flex;gap:10px;align-items:center;background:var(--muted);padding:12px 18px;border-bottom:1px solid var(--border)}
.phase header span{width:10px;height:10px;border-radius:6px}
.phase header b{font:700 15px/1 var(--mono)}
.phase header small{color:var(--mfg);font:600 11px/1 var(--mono)}
.plan-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;padding:12px 18px;border-top:1px solid var(--border)}
.status-dot{width:22px;height:22px;border-radius:22px;border:2px solid;display:grid;place-items:center;flex-shrink:0}
.plan-row b{font-size:13.5px;font-weight:600}
.plan-row small{display:block;color:var(--mfg);font-size:11.5px;line-height:1.35}
.plan-row em{text-align:right;color:var(--mfg);font-style:normal;font-size:11.5px}
.plan-row em b{color:var(--ctk-green)}
.plan-row strong{border:1px solid;border-radius:20px;padding:5px 10px;font:600 10.5px/1 var(--mono);letter-spacing:.04em;white-space:nowrap}
.review-grid{display:grid;gap:12px}
.review-surface.open{border-color:var(--ac);box-shadow:0 16px 36px -24px var(--ac)}
.review-surface>.acc-head{padding:15px 16px}
.review-surface .chev{color:var(--ac)}
.rv-ico{width:44px;height:44px;border-radius:6px;background:var(--acF);display:grid;place-items:center;flex-shrink:0}
.rv-t{min-width:0}
.rv-t b{display:block;font:600 16.5px/1.25 var(--mono);color:var(--navy)}
.rv-t small{display:block;color:var(--ac);font-size:12.5px;font-weight:500;margin-top:2px}
.rv-body{padding:0 16px 16px}
.audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:2px 0 12px}
.audit-grid section{background:var(--muted);border-radius:6px;padding:13px 15px}
.audit-grid b{display:block;font:600 10px/1 var(--mono);letter-spacing:.12em;color:var(--ac);text-transform:uppercase;margin-bottom:9px}
.audit-grid p{margin:0;font-size:13px;line-height:1.55;color:var(--mfg)}
.check-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.check-list li{display:flex;gap:8px;font-size:12.5px;color:var(--mfg);line-height:1.45}
.check-list i{width:5px;height:5px;border-radius:4px;background:var(--ac);margin-top:6px;flex-shrink:0}
.hand-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--muted);border-radius:6px;padding:11px 14px;margin-bottom:12px}
.hand-line b{font:600 10px/1 var(--mono);letter-spacing:.12em;color:var(--ac);text-transform:uppercase;white-space:nowrap}
.hand-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.t-badge{font-size:10.5px;font-weight:600;color:var(--navy);background:rgba(21,141,191,.1);border:1px solid rgba(21,141,191,.25);border-radius:6px;padding:5px 8px}
.faq-k{font:600 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mfg);margin:0 0 8px}
.faq-list{display:grid;gap:8px}
.faq{border:1px solid var(--border);border-radius:6px;box-shadow:none;background:#fbfcfe}
.faq>.acc-head{padding:11px 14px;gap:10px}
.faq>.acc-head .chev{color:var(--ac,var(--primary))}
.faq.open{border-color:var(--ac,#cfe3ee)}
.faq .faq-a{padding:0 14px 13px}
.faq-kicker{display:block;font:600 10.5px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ac,#1C2B32);margin-bottom:8px;font-style:normal}
.faq-note{font-size:12px;line-height:1.55;color:var(--mfg);margin:10px 0 0;border-top:1px solid var(--border);padding-top:10px}
.ledger{display:grid}
.ledger-head{display:grid;grid-template-columns:1fr 1.1fr;gap:10px;font:600 9.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mfg);padding-bottom:8px}
.ledger-row{display:grid;grid-template-columns:1fr 1.1fr;gap:10px;padding:7px 0;border-top:1px solid var(--border);font-size:12.5px;align-items:baseline}
.ledger-row b{font-weight:600;color:var(--navy)}
.ledger-row i{font-style:normal;color:var(--mfg)}
.agree-sub{margin:0 0 10px;color:var(--mfg);font-size:12.5px}
.agree-list{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:7px}
.agree-list li{display:flex;gap:8px;font-size:12.5px;color:var(--mfg);line-height:1.5}
.agree-list i{width:5px;height:5px;border-radius:4px;background:var(--ac,#9e6b2f);margin-top:6px;flex-shrink:0}
.close-flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.close-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--card);border-radius:24px;padding:7px 13px 7px 8px;font-weight:600;font-size:12.5px;color:var(--navy)}
.close-chip b{width:20px;height:20px;border-radius:20px;background:var(--muted);color:var(--primary);display:grid;place-items:center;font:600 10px/1 var(--mono)}
.close-chip.ref{border:1.5px dashed var(--gold-muted)}
.close-chip.last{border-color:var(--ctk-green)}
.close-chip.last b{background:var(--ctk-green);color:#fff}
.close-sep{color:#cfd9e1;font-weight:700}
.close-notes{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px;border-top:1px solid var(--border);padding-top:12px}
.close-notes span{display:flex;gap:8px;color:var(--mfg);font-size:12.5px;line-height:1.45;max-width:420px}
.close-notes i{width:7px;height:7px;border-radius:6px;background:var(--gold-muted);flex-shrink:0;margin-top:5px}
.blast-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.blast-steps article{border:1px solid var(--border);border-radius:8px;padding:16px;background:var(--card);box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22)}
.blast-steps span{width:30px;height:30px;border-radius:30px;background:var(--ctk-green);color:#fff;display:grid;place-items:center;font:600 13px/1 var(--mono);margin-bottom:12px}
.blast-steps h3{font:600 15px/1.25 var(--mono);margin:0 0 5px}
.blast-steps p{color:var(--mfg);font-size:12.5px;line-height:1.4;margin:0}
.blast-steps small{display:block;margin-top:10px;padding-top:9px;border-top:1px dashed var(--border);color:var(--mfg);font:400 11.5px/1.45 var(--mono)}
.cs-card{border:1px solid var(--border);border-left:4px solid var(--ctk-green);border-radius:8px;padding:18px;display:flex;gap:16px;align-items:center;background:var(--card)}
.cs-card div{display:flex}
.cs-avatars span{width:38px;height:38px;border-radius:38px;color:#fff;display:grid;place-items:center;font-weight:700;border:2px solid #fff;font-size:12px}
.cs-avatars span:nth-child(1){background:var(--primary)}
.cs-avatars span:nth-child(2){background:var(--ctk-green);margin-left:-10px}
.cs-avatars span:nth-child(3){background:var(--gold-muted);color:var(--navy);margin-left:-10px}
.cs-card p{color:var(--mfg);line-height:1.5;margin:0;font-size:13.5px}
.doc-row{display:flex;gap:12px;flex-wrap:wrap}
.doc-row .res-action{border:1px solid var(--border);border-radius:6px;padding:13px 16px;background:var(--card);box-shadow:0 1px 2px rgba(28,43,50,.04)}
.sow-note{border:1px solid var(--border);border-left:3px solid var(--ctk-green);border-radius:6px;padding:14px 16px;margin-top:12px;background:var(--card)}
.sow-note b{display:block;font:600 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ctk-green);margin:0 0 6px}
.sow-note p{margin:0;color:var(--mfg);font-size:13px;line-height:1.55}
.target-card{margin-top:24px;border-radius:8px;background:linear-gradient(150deg,var(--navy),var(--navy-3));color:#fff;padding:24px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;box-shadow:0 24px 48px -30px rgba(28,43,50,.7)}
.target-card strong{font:700 40px/1 var(--mono);color:var(--gold)}
.target-card span{display:block;font:600 10.5px/1.4 var(--mono);letter-spacing:.12em;margin-top:4px}
.target-card p{max-width:480px;margin:0;color:rgba(255,255,255,.88)}
.target-card button{appearance:none;border:0;background:none;color:var(--gold);display:inline-flex;gap:6px;align-items:center;font-weight:700;cursor:pointer;padding:0}
.proto-note{font:600 10.5px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);margin:0 0 6px}
.ae-status{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--border);background:var(--muted);border-radius:6px;padding:14px;margin-bottom:18px}
.ae-status b{background:var(--gold);color:var(--navy);border-radius:6px;padding:8px 12px;font-size:12.5px;font-weight:700}
.ae-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ae-grid label,.ae-roi-line label{display:flex;flex-direction:column;gap:6px}
.ae-grid span,.ae-roi-line span{font:600 9.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mfg)}
input,select,textarea{border:1px solid var(--border);border-radius:8px;padding:10px 11px;background:var(--card);color:var(--fg);font-size:13px}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(21,141,191,.3);border-color:var(--primary)}
textarea{min-height:80px;resize:vertical}
.wide{grid-column:span 2}
.ae-roi{display:grid;gap:12px}
.ae-roi-line{border:1px solid var(--border);border-radius:6px;padding:14px;display:grid;grid-template-columns:1fr 160px 150px;gap:12px;background:var(--card)}
.ae-roi-line .wide{grid-column:1/-1}
.ae-plan-phase{border:1px solid var(--border);border-radius:6px;padding:14px;margin-bottom:12px;background:var(--card)}
.ae-plan-phase h3{font:700 16px/1.2 var(--mono);margin:0 0 10px}
.ae-plan-row{display:grid;grid-template-columns:1.4fr .8fr .7fr .7fr .8fr auto;gap:8px;margin-bottom:8px}
.ae-plan-row button{border:1px solid var(--destructive);background:var(--card);color:var(--destructive);border-radius:6px;cursor:pointer}
.add-res{border:1px solid var(--border);border-radius:8px;background:var(--card);padding:16px 18px;margin:0 0 12px;box-shadow:0 1px 2px rgba(28,43,50,.04)}
.add-res h3{margin:0 0 3px;font:600 15px/1.25 var(--mono)}
.add-res>p{margin:0 0 12px;color:var(--mfg);font-size:12.5px}
.add-res-row{display:flex;gap:10px}
.add-res-row input{flex:1;min-width:0}
.add-res-row .primary-btn{padding:10px 18px;font-size:13px}
.add-res-row .primary-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.add-res-out{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;min-height:20px}
.reco-hint{color:var(--mfg);font-size:12px}
.reco-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #cfe3ee;background:#f1f8fc;color:var(--primary-deep);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500}
.reco-chip b{font-weight:700}
.reco-chip i{font-style:normal;border-left:1px solid #cfe3ee;padding-left:8px;color:var(--primary);font-weight:600}
@keyframes filed{0%{background:rgba(249,210,48,.4)}100%{background:transparent}}
.ae-res-row.just-filed{animation:filed 1.8s ease}
.claude-panel{display:flex;gap:16px;align-items:center;background:linear-gradient(150deg,var(--navy),var(--navy-3));border-radius:8px;padding:18px 20px;color:#fff;margin:0 0 14px;flex-wrap:wrap;box-shadow:0 20px 44px -32px rgba(28,43,50,.7)}
.claude-ico{width:46px;height:46px;border-radius:6px;background:rgba(249,210,48,.12);border:1px solid rgba(249,210,48,.35);display:grid;place-items:center;flex-shrink:0}
.claude-panel div{flex:1;min-width:260px}
.claude-panel h3{margin:0 0 4px;font:600 16px/1.2 var(--mono)}
.claude-panel p{margin:0;font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.82);max-width:560px}
.claude-panel .primary-btn{white-space:nowrap}
.ae-res-group{border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin-bottom:12px;background:var(--card);box-shadow:0 1px 2px rgba(28,43,50,.04)}
.ae-res-group h4{margin:0 0 4px;font:600 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--primary-deep)}
.ae-res-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:11px 0;border-top:1px solid var(--border)}
.ae-res-row:nth-of-type(1){border-top:0}
.ae-res-main{min-width:0}
.ae-res-name{display:flex;align-items:center;gap:7px;font:600 12.5px/1.3 var(--mono);margin-bottom:7px}
.linked-dot{width:8px;height:8px;border-radius:8px;background:var(--ctk-green);display:inline-block;flex-shrink:0}
.linked-dot.off{background:#cfd9e1}
.ae-res-fields{display:flex;gap:8px}
.ae-res-fields input{flex:1;min-width:0}
.upload-stub{appearance:none;display:inline-flex;align-items:center;gap:6px;border:1px dashed #b9c6d0;border-radius:8px;background:#fbfcfe;color:var(--mfg);padding:9px 12px;font:600 11.5px/1 var(--mono);cursor:pointer;white-space:nowrap}
.upload-stub:hover{border-color:var(--primary);color:var(--primary-deep)}
.placement{display:flex;flex-direction:column;gap:6px;min-width:215px}
.placement span{font:600 9.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mfg)}
.placement select{border:1px solid #cfe3ee;background:#f1f8fc;color:var(--primary-deep);font-weight:600;font-size:12px;border-radius:8px;padding:9px 10px}
a.doc-tile,span.doc-tile{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0;border:1px dashed #c2cedb;border-radius:6px;background:#fbfcfe;padding:8px 12px 8px 9px;color:var(--fg);text-decoration:none;max-width:300px}
a.doc-tile.live{border:1px solid var(--border);background:var(--card);box-shadow:0 1px 2px rgba(28,43,50,.04)}
a.doc-tile.live:hover{border-color:var(--primary)}
.doc-tile .doc-thumb{display:flex;flex-direction:column;gap:3px;flex:0 0 auto;width:30px;min-width:0;height:38px;margin:0;border-radius:4px 6px 4px 4px;background:var(--card);border:1px solid var(--border);padding:7px 5px 0;box-shadow:0 1px 2px rgba(28,43,50,.08)}
.doc-tile .doc-thumb i{height:2.5px;border-radius:2px;background:#dfe7ee;margin:0}
.doc-tile .doc-thumb i.rule{width:9px;background:var(--gold-muted)}
.doc-tile .doc-main{display:inline-block;flex:0 1 auto;min-width:0;margin:0}
.doc-tile .doc-main b{display:block;margin:0;font:600 12.5px/1.3 var(--mono);letter-spacing:0;text-transform:none;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-tile .doc-main small{display:flex;align-items:center;gap:6px;margin:3px 0 0;font-size:10px;color:var(--mfg);letter-spacing:0;text-transform:none}
.doc-tile .doc-main em{display:inline-block;flex:0 0 auto;width:auto;margin:0;padding:3px 5px;border:0;opacity:1;font:600 8px/1 var(--mono);letter-spacing:.1em;font-style:normal;color:var(--primary-deep);background:var(--muted);border-radius:4px}
.doc-tile .st{display:block;flex:0 1 auto;min-width:0;margin:0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-tile .tile-dot{display:inline-block;flex:0 0 auto;width:6px;height:6px;min-width:0;margin:0;border-radius:6px;background:var(--ctk-green)}
.doc-tile .doc-go{display:inline-flex;flex:0 0 auto;min-width:0;margin:0 0 0 2px;color:var(--primary)}
#bp-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px}
.modal-backdrop{position:absolute;inset:0;background:rgba(28,43,50,.55)}
.modal-card{position:relative;background:var(--card);border-radius:8px;max-width:520px;width:100%;padding:26px 28px;box-shadow:0 40px 90px -40px rgba(28,43,50,.7);animation:fade .25s ease}
.modal-card h3{margin:6px 0 12px;font:700 20px/1.25 var(--mono)}
.modal-card p{margin:0 0 12px;color:var(--mfg);font-size:13.5px;line-height:1.6}
.modal-card .modal-note{border-top:1px solid var(--border);padding-top:12px;font-size:12px;margin-bottom:0}
.modal-close{position:absolute;top:12px;right:14px;appearance:none;border:0;background:none;font-size:22px;color:var(--mfg);cursor:pointer;line-height:1;padding:2px 6px}
@media(max-width:900px){.welcome-grid,.plan-metrics,.claim-grid,.audit-grid,.now-grid,.memo-ask{grid-template-columns:1fr}.door-grid{grid-template-columns:1fr}.welcome-road{grid-template-columns:1fr 1fr}.stake-table div{grid-template-columns:1fr}.blast-steps{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.package-card>.acc-head{grid-template-columns:auto 1fr auto}.proof-mini{display:none}.package-body{padding:0 18px 18px}.conv-grid{grid-template-columns:1fr}.memo-head,.memo-row{grid-template-columns:1fr}.memo-head span:last-child,.memo-row strong{text-align:left}.ae-grid,.ae-roi-line{grid-template-columns:1fr}.wide{grid-column:auto}.ae-plan-row{grid-template-columns:1fr}.hero-band{padding:28px 24px}.roi-hero{padding:26px 22px}.wrap{padding:24px 16px 48px}.ae-res-row{grid-template-columns:1fr}.placement{min-width:0}}
@media(max-width:620px){.cs-card.slim{flex-direction:column;align-items:flex-start}.seg-strip{padding:8px 14px;gap:10px;overflow-x:auto}.brand-row{padding:10px 14px}.bp-logo{height:24px}.contact-dd summary .cta-full{display:none}.contact-dd summary .cta-short{display:inline}.contact-cta{padding:9px 12px;font-size:12.5px}.org-chip{border-left:0;padding-left:0;flex:1}.champ-mini div,.ae-link span{display:none}.stage-row-in{padding:0 10px}.wrap{padding:18px 12px 34px}.hero-band{border-radius:8px;padding:22px 16px}.roi-hero{border-radius:8px;padding:22px 16px}h1{font-size:30px}.roi-total strong{font-size:34px}.roi-line-top strong{font-size:20px}.metric-grid{grid-template-columns:1fr}.m-num{font-size:24px}.score-head{display:none}.score-row{grid-template-columns:1fr auto!important;gap:10px}.score-row em{display:none}.score-row strong{text-align:right}.score-row div:first-child{min-width:0}.score-row span{display:block;margin:4px 0 0}.package-card>.acc-head{grid-template-columns:1fr}.cart-art{width:100%;height:110px}.case-link,.target-card,.nextbar,.memo-foot{align-items:flex-start;flex-direction:column}.case-actions{align-items:flex-start;flex-direction:column;gap:10px}.door-lines div{grid-template-columns:1fr}.door-detail-head{align-items:flex-start;flex-direction:column}.welcome-road,.blast-steps{grid-template-columns:1fr}.memo-in{padding:24px 18px 28px 24px}.memo header{flex-direction:column}.memo aside{text-align:left}.ledger-head{display:none}.ledger-row{grid-template-columns:1fr;gap:2px}.hand-line{flex-direction:column;align-items:flex-start}.ae-res-fields{flex-direction:column}.upload-stub{justify-content:center}.add-res-row{flex-direction:column}.now-card>strong{font-size:30px}a.doc-tile,span.doc-tile{max-width:100%}.rec-wave{min-width:100px}.deck-cap{right:78px}}
@media(max-width:620px){.wp-inaction .now-card{display:block}.wp-inaction .now-card>strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){.acc,.acc-panel,.acc-inner,.acc-head .chev,.door-card{transition:none}.modal-card,.ae-res-row.just-filed{animation:none}html{scroll-behavior:auto}}
.contact-dd{position:relative}
.contact-dd summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.contact-dd summary::-webkit-details-marker{display:none}
.contact-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--border);border-radius:6px;box-shadow:0 18px 40px -22px rgba(28,43,50,.4);padding:6px;min-width:220px;z-index:30;display:flex;flex-direction:column}
.contact-menu a{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:8px;color:var(--fg);text-decoration:none;font-size:13px;font-weight:600}
.contact-menu a:hover{background:var(--muted)}
.pri-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pri-card{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--border);border-radius:8px;padding:16px;background:var(--card);box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22);position:relative}
.pri-card>b{width:28px;height:28px;border-radius:28px;background:var(--primary);color:#fff;display:grid;place-items:center;font:600 12px/1 var(--mono);flex-shrink:0}
.pri-card h4{margin:2px 0 4px;font:600 15px/1.3 var(--mono)}
.pri-card p{margin:0 0 26px;color:var(--mfg);font-size:12.5px;line-height:1.5}
.pri-tag{position:absolute;left:16px;bottom:13px;display:inline-flex;align-items:center;gap:5px;font:600 9.5px/1 var(--mono);letter-spacing:.1em;color:var(--ctk-green);background:rgba(90,158,75,.1);border-radius:20px;padding:5px 9px}
.pri-card.unserved{background:var(--muted);border-style:dashed}
.pri-card.unserved>b{background:var(--mfg)}
.pri-card.unserved .pri-tag{color:var(--mfg);background:var(--border)}
.roi-unit{display:block;font:600 10px/1.4 var(--mono);letter-spacing:.08em;color:var(--gold);text-transform:uppercase;margin:2px 0 0}
.roi-case{margin-top:9px}
.roi-case .doc-tile{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}
.roi-case .doc-tile .doc-main b{color:#fff}
.roi-case .doc-tile .doc-main small,.roi-case .doc-tile .doc-main .st{color:rgba(255,255,255,.6)}
.now-solo{margin:18px 0 8px}
.now-solo .now-card{max-width:640px}
.now-note{margin:12px 0 0;color:rgba(255,255,255,.72);font-size:12.5px;line-height:1.55}
.wp-inaction{margin:12px 0 16px}
.wp-inaction .now-card{max-width:none;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;gap:0 32px;align-items:start}
.wp-inaction .now-card header{grid-column:1 / -1;margin-bottom:0}
.wp-inaction .now-card>strong{grid-column:1;grid-row:2;font-size:44px}
.wp-inaction .now-card>em{grid-column:1;grid-row:3;margin:4px 0 0}
.wp-inaction .now-card input[type=range]{grid-column:2;grid-row:2;align-self:end;margin:0 0 6px}
.wp-inaction .now-scale{grid-column:2;grid-row:3}
.wp-inaction .now-note{grid-column:2;grid-row:4;margin:8px 0 0}
@media(max-width:620px){.wp-inaction .now-card{display:block}.wp-inaction .now-card>strong{font-size:30px}}
.bp-blurb{border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:6px;background:var(--card);padding:14px 18px;color:var(--mfg);font-size:13.5px;line-height:1.6;margin:26px 0 0;width:100%}
.bp-blurb b{color:var(--fg)}
.path-card{cursor:default}
.path-num{font:600 26px/1.1 var(--serif);color:var(--fg);display:block;margin:2px 0 8px;white-space:nowrap}
.path-card p{flex:1}
.mirror-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}
.mirror-col{border:1.5px solid var(--border);border-radius:8px;background:var(--card);padding:20px;box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22);display:flex;flex-direction:column}
.mirror-col.diy{border-top:4px solid var(--amber)}
.mirror-col.bp{border-top:4px solid var(--ctk-green);background:linear-gradient(180deg,#f7fbf6 0%,#fff 140px)}
.mirror-col header{margin-bottom:14px}
.mirror-col header em{font:600 10.5px/1 var(--mono);letter-spacing:.14em;color:var(--mfg)}
.mirror-col.diy header em{color:var(--amber)}
.mirror-col.bp header em{color:var(--ctk-green)}
.mirror-col header h3{font:600 19px/1.2 var(--serif);margin:7px 0 5px}
.mirror-col header p{margin:0;color:var(--mfg);font-size:12.5px;line-height:1.5}
.mirror-step{display:flex;gap:11px;padding:11px 0;border-top:1px solid var(--border)}
.mirror-step>b{width:24px;height:24px;border-radius:24px;background:var(--muted);color:var(--mfg);display:grid;place-items:center;font:600 11px/1 var(--mono);flex-shrink:0}
.mirror-col.bp .mirror-step>b{background:rgba(90,158,75,.12);color:var(--ctk-green)}
.mirror-step h4{margin:1px 0 3px;font:600 13.5px/1.3 var(--mono)}
.mirror-step p{margin:0;color:var(--mfg);font-size:12.5px;line-height:1.5}
.mirror-step em{display:block;margin-top:4px;font:600 10.5px/1.4 var(--mono);letter-spacing:.04em;color:var(--amber)}
.mirror-doc{margin-top:8px}
.mirror-foot{margin-top:auto;border-top:2px solid var(--fg);padding-top:13px}
.mirror-foot strong{font:600 20px/1.2 var(--serif);display:block}
.mirror-foot span{font:600 10.5px/1 var(--mono);letter-spacing:.1em;color:var(--mfg);text-transform:uppercase;display:block;margin:4px 0 7px}
.mirror-foot p{margin:0;color:var(--mfg);font-size:12px;line-height:1.55}
.mirror-foot.win strong{color:var(--ctk-green)}
.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.diff-card{display:flex;gap:13px;border:1px solid var(--border);border-left:4px solid var(--ac);border-radius:8px;padding:16px;background:linear-gradient(135deg,var(--acF) 0%,#fff 55%);box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22)}
.diff-ico{width:40px;height:40px;border-radius:6px;background:var(--card);border:1px solid var(--acF);display:grid;place-items:center;flex-shrink:0;box-shadow:0 6px 14px -10px var(--ac)}
.diff-card em{display:block;font:600 9px/1 var(--mono);letter-spacing:.13em;color:var(--ac)}
.diff-card h3{font:600 14.5px/1.3 var(--mono);margin:4px 0 9px}
.diff-card p{margin:4px 0 0;color:#3d4c58;font-size:12.5px;line-height:1.55}
.platform-card{border:1.5px solid var(--navy);border-radius:8px;background:var(--muted);overflow:hidden;box-shadow:0 26px 54px -34px rgba(28,43,50,.7)}
.plat-top{background:linear-gradient(150deg,var(--navy) 0%,var(--navy-3) 100%);padding:20px}
.plat-body{padding:16px 20px 20px}
.plat-head{display:flex;gap:16px;align-items:center;color:#fff;flex-wrap:wrap}
.plat-art{width:64px;height:64px;background:radial-gradient(circle at 35% 30%,#5c8fe2,var(--primary));flex-shrink:0}
.plat-head em{font:600 10.5px/1 var(--mono);letter-spacing:.16em;color:var(--gold)}
.plat-head h3{font:600 20px/1.2 var(--serif);margin:5px 0 4px;color:#fff}
.plat-head p{margin:0;color:rgba(255,255,255,.72);font-size:12.5px}
.plat-head>div{flex:1;min-width:220px}
.plat-tag{display:inline-flex;align-items:center;gap:6px;font:600 10px/1 var(--mono);letter-spacing:.1em;color:var(--navy);background:var(--gold);border-radius:20px;padding:7px 11px}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 0}
.cap-item{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:12.5px;font-weight:500;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:9px 11px}
.plat-pkgs{margin-top:4px}
.plat-note{margin:12px 4px 0;color:var(--mfg);font-size:12px;line-height:1.55}
.package-card.pkg-out{opacity:.62;filter:saturate(.25)}
.package-card.pkg-out:hover{opacity:.85}
.proof-mini.out b{font-size:12px;color:var(--mfg)}
.pkg-out-note{color:var(--mfg);font-size:12.5px;border-top:1px dashed var(--border);padding-top:10px}
/* Team Org Board v38 */
.stake-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;align-items:stretch}
.stake-col{border:1.5px solid var(--border);border-top:4px solid var(--col-ac,var(--primary));border-radius:8px;background:var(--card);padding:14px 14px 12px;box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22);display:flex;flex-direction:column;gap:10px;position:relative}
.stake-col-head{margin-bottom:2px}
.stake-col-head b{display:block;font-size:12.5px;font-weight:700;color:var(--fg);line-height:1.3}
.stake-col-head span{display:block;font-size:11px;color:var(--mfg);line-height:1.4;margin-top:3px}
.stake-col-chips{display:flex;flex-direction:column;gap:7px;min-height:24px;flex:1}
.stake-col-empty{margin:0;font-size:11.5px;color:#b0bdc9;font-style:italic;line-height:1.4;padding:4px 0}
.stake-chip{display:flex;align-items:center;gap:8px;background:var(--muted);border:1px solid var(--border);border-radius:6px;padding:8px 9px;position:relative}
.stake-avatar{width:28px;height:28px;border-radius:28px;color:#fff;display:grid;place-items:center;font:700 11px/1 var(--mono);flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}
.stake-chip-info{flex:1;min-width:0}
.stake-chip-info b{display:block;font-size:12.5px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stake-chip-info small{display:block;font-size:11px;color:var(--mfg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stake-chip-send{display:flex;align-items:center;color:var(--mfg);padding:3px;border-radius:6px;text-decoration:none;flex-shrink:0}
.stake-chip-send:hover{color:var(--col-ac,var(--primary-deep));background:var(--muted)}
.stake-chip-remove{appearance:none;border:0;background:none;padding:3px;cursor:pointer;color:#b0bdc9;border-radius:6px;flex-shrink:0;display:flex;align-items:center}
.stake-chip-remove:hover{color:var(--destructive);background:#fdf2f1}
.stake-add-trigger{appearance:none;border:1px dashed var(--border);background:none;border-radius:9px;padding:7px 11px;font-size:12px;font-weight:600;color:var(--col-ac,var(--primary-deep));cursor:pointer;display:inline-flex;align-items:center;gap:6px;width:100%;justify-content:center;transition:background .12s,border-color .12s}
.stake-add-trigger:hover{background:rgba(0,0,0,.03);border-color:var(--col-ac,var(--primary-deep))}
.stake-add-form{display:flex;flex-direction:column;gap:6px;background:var(--muted);border:1px solid var(--border);border-radius:6px;padding:10px 11px}
.stake-add-form[hidden]{display:none}
.stake-add-form input{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:12.5px;background:var(--card);width:100%}
.stake-add-form input:focus{outline:2px solid rgba(21,141,191,.3);border-color:transparent}
.stake-add-form input.stake-input-error{border-color:var(--destructive);outline:2px solid rgba(197,82,63,.25)}
.stake-add-actions{display:flex;gap:7px}
.stake-add-done{appearance:none;background:var(--col-ac,var(--primary-deep));color:#fff;border:0;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer}
.stake-add-done:hover{filter:brightness(1.1)}
.stake-add-cancel{appearance:none;background:none;border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;color:var(--mfg);cursor:pointer}
.stake-add-cancel:hover{background:var(--muted)}
.stake-action-bar{margin:20px 0 0;border:1px solid var(--border);border-radius:8px;background:var(--muted);padding:16px 18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.stake-count{font:600 12px/1.4 var(--mono);letter-spacing:.04em;color:var(--mfg);flex:1;min-width:180px}
.stake-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.stake-schedule-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap}
.stake-share-btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.ae-seat-row-v38{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:6px;padding:11px 13px;background:var(--card)}
.ae-seat-row-v38 b{font-size:12.5px;font-weight:700}
.ae-seat-person{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ae-seat-row-v38 input{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:12.5px}
@media(prefers-reduced-motion:reduce){.stake-add-trigger{transition:none}}
.teaser-strip{margin:30px 0 0;border:1px solid var(--border);border-radius:8px;background:var(--muted);padding:17px 19px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.teaser-strip>div:first-child{flex:1;min-width:260px}
.teaser-strip b{font-size:14px}
.teaser-strip p{margin:4px 0 0;color:var(--mfg);font-size:12.5px;line-height:1.5}
.teaser-chips{display:flex;gap:8px;flex-wrap:wrap}
.teaser-chip{appearance:none;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--card);border-radius:22px;padding:8px 13px;font-weight:600;font-size:12.5px;cursor:pointer;color:var(--fg)}
.teaser-chip:hover{border-color:var(--ac)}
.proposal-card{border:1px solid var(--border);border-radius:8px;background:var(--card);padding:22px;box-shadow:0 1px 2px rgba(28,43,50,.04),0 18px 38px -28px rgba(28,43,50,.3)}
.proposal-card header em{font:600 10.5px/1 var(--mono);letter-spacing:.14em;color:var(--primary-deep)}
.proposal-card header h3{font:600 21px/1.2 var(--serif);margin:6px 0 14px}
.prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.prop-grid>div{border:1px solid var(--border);border-radius:6px;padding:14px;background:var(--muted)}
.prop-grid b{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--mono);color:var(--mfg)}
.prop-grid p{margin:7px 0 0;font-size:13px;line-height:1.55}
.prop-grid small{display:block;margin-top:6px;color:var(--mfg);font-size:11.5px}
.prop-price{border-radius:6px;padding:18px}
.prop-price em{display:block;font:600 10.5px/1 var(--mono);letter-spacing:.14em;margin-bottom:7px}
.prop-price strong{font:600 19px/1.3 var(--serif);display:block}
.prop-price.sample{border:2px dashed var(--border);background:var(--muted);color:var(--mfg)}
.prop-price.sample span{display:block;margin-top:6px;font-size:12px;line-height:1.5}
.prop-price.live{background:linear-gradient(150deg,var(--navy),var(--navy-3));color:#fff}
.prop-price.live em{color:var(--gold)}
.mult-chip{display:inline-flex;align-items:baseline;gap:8px;margin-top:10px;background:rgba(249,210,48,.14);border:1px solid rgba(249,210,48,.4);border-radius:6px;padding:8px 12px;font-size:12px;color:rgba(255,255,255,.85)}
.mult-chip b{font:700 19px/1 var(--serif);color:var(--gold)}
.memo-zone .memo{box-shadow:0 36px 80px -40px rgba(28,43,50,.6);border-color:var(--border)}
.export-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 16px}
.export-row span{color:var(--mfg);font-size:12px}
.outline-btn.export-word{display:inline-flex;align-items:center;gap:8px}
.memo-k{font:600 10.5px/1 var(--mono);letter-spacing:.16em;color:var(--primary-deep);text-transform:uppercase;margin:20px 0 8px;padding-top:14px;border-top:1px solid var(--border)}
.memo-roi{background:var(--muted);border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:6px;padding:13px 15px;font-size:13px;line-height:1.6}
.memo-roi.sample{border-style:dashed;border-left-style:dashed;color:var(--mfg);font-style:italic}
.memo-row.aside{background:#f9fbfe}
.memo-row.aside b::after{content:' (non-dollar)';color:var(--mfg);font-weight:500;font-size:11px}
.map-list{border:1px solid var(--border);border-radius:8px;background:var(--card);overflow:hidden;box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22)}
.map-row{grid-template-columns:auto 1fr auto auto auto;align-items:flex-start}
.map-row:first-child{border-top:0}
.map-main b{display:block;font-size:13.5px}
.map-main small{display:block;color:var(--mfg);font-size:11.5px;line-height:1.45;margin:2px 0 7px}
.map-owners{display:flex;gap:14px;flex-wrap:wrap}
.map-owners span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--fg)}
.map-owners i{font:600 9px/1 var(--mono);letter-spacing:.08em;color:var(--mfg);background:var(--muted);border-radius:4px;padding:3px 5px;font-style:normal;text-transform:uppercase}
.map-dates{font:500 11px/1.5 var(--mono);color:var(--mfg);text-align:right;font-style:normal}
.map-dates b{color:var(--fg)}
.map-status{border:1px solid;border-radius:20px;padding:4px 10px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.map-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.map-invite,.map-prep{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:11.5px;font-weight:600;color:var(--primary-deep);background:var(--muted);text-decoration:none;cursor:pointer;appearance:none}
.map-invite:hover,.map-prep:hover{background:var(--muted)}
.primer-card{border:1px solid var(--border);border-left:4px solid var(--primary-deep);border-radius:8px;background:var(--card);padding:17px 19px;margin:0 0 22px;box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22)}
.primer-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:13px}
.primer-head b{display:block;font-size:14.5px}
.primer-head small{display:block;color:var(--mfg);font-size:12px;line-height:1.5;margin-top:2px}
.close-chip.linky{cursor:pointer;appearance:none}
.close-chip.linky:hover{border-color:var(--primary-deep);color:var(--primary-deep)}
.review-tracks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:stretch;margin:14px 0 10px}
.review-track-btn{appearance:none;background:var(--card);border:1.5px solid var(--border);border-radius:6px;padding:14px 13px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;border-top:3px solid var(--ac,var(--primary));transition:box-shadow .15s}
.review-track-btn:hover{box-shadow:0 4px 14px rgba(28,43,50,.1);border-color:var(--ac)}
.rtb-ico{display:flex;width:32px;height:32px;border-radius:8px;background:rgba(0,0,0,.05);align-items:center;justify-content:center}
.review-track-btn b{font-size:13px;font-weight:700;color:var(--fg);line-height:1.3}
.review-track-btn small{font-size:11px;color:var(--mfg)}
.primer-parallel-note{margin:0;color:var(--mfg);font-size:12.5px;line-height:1.5}
@media(max-width:700px){.review-tracks{grid-template-columns:1fr 1fr}}
.pkg-case-study{border:1px solid var(--border);border-radius:6px;background:var(--muted);padding:13px 16px;margin:12px 0 0;display:flex;flex-direction:column;gap:5px}
.pkg-case-study b{font-size:12px;font-weight:700;color:var(--primary-deep);text-transform:uppercase;letter-spacing:.06em}
.pkg-case-study p{margin:0;font-size:14px;font-weight:600;color:var(--fg);line-height:1.4}
.pkg-case-study small{color:var(--mfg);font-size:12px;line-height:1.5}
.pkg-case-study.out{opacity:.7}
.ae-pkg-cases{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}
.ae-pkg-case{border:1px solid var(--border);border-radius:8px;padding:12px 14px;background:var(--muted);display:grid;gap:6px}
.ae-pkg-case b{font-size:12px;font-weight:700;color:var(--fg)}
.ae-pkg-case input{width:100%;border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:12.5px;background:var(--card)}
.ae-pkg-case-lib{display:flex;flex-direction:column;gap:4px}
.ae-pkg-case-lib span{font:600 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#9fb3c0}
.ae-pkg-case-lib select{width:100%}
.cs-logo-slot{display:inline-flex;align-items:center;justify-content:flex-start;width:132px;height:42px;flex-shrink:0}
.proof-logo-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.proof-logo-placeholder{display:inline-flex;align-items:center;gap:6px;background:var(--navy);border-radius:8px;padding:5px 9px 5px 7px;flex-shrink:0}
.plh-mark{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background:rgba(249,210,48,.15);color:var(--gold);flex-shrink:0}
.plh-label{font:700 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.75);white-space:nowrap}
.case-logo-wrap{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.pkg-auto-note{display:flex;align-items:center;gap:5px;color:var(--ctk-green);font-size:11.5px;margin-top:4px}
.pkg-auto-note svg{flex-shrink:0}
.pkg-override-note{display:block;color:var(--mfg);font-size:11.5px;margin-top:4px}
.testi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.testi-quote{margin:0;border:1px solid var(--border);border-radius:8px;background:var(--muted);padding:17px 19px}
.testi-quote p{margin:0 0 10px;font:500 14.5px/1.55 var(--serif);color:var(--fg)}
.testi-quote footer{font:600 10.5px/1.4 var(--mono);letter-spacing:.06em;color:var(--mfg);text-transform:uppercase}
.testi-video{max-width:460px;margin-bottom:14px}
.bo-flow{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.bo-step{display:flex;gap:15px;border:1px solid var(--border);border-radius:8px;padding:18px;background:var(--card);box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22)}
.bo-step>span{width:34px;height:34px;border-radius:34px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font:600 14px/1 var(--mono);flex-shrink:0}
.bo-step h3{font:600 16px/1.25 var(--mono);margin:5px 0 6px}
.bo-step p{margin:0;color:var(--mfg);font-size:13px;line-height:1.55}
.bo-step>div{flex:1;min-width:0}
.bo-pkgs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.bo-pkg{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ac);border-radius:22px;padding:7px 12px;font-size:12px;background:var(--card)}
.bo-pkg b{font-weight:600}
.bo-pkg i{font-style:normal;font:600 11px/1 var(--mono);color:var(--ac)}
.bo-docs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.cs-card.slim{margin-top:12px;padding:13px 15px}
.bo-step .target-card{margin-top:14px}
.ae-gate{border:1.5px dashed var(--border);border-radius:8px;padding:15px 17px;background:var(--muted);margin-bottom:6px}
.ae-gate.on{border-style:solid;border-color:var(--ctk-green);background:rgba(90,158,75,.07)}
.ae-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:12.5px}
.ae-check input{margin-top:3px}
.ae-check.big b{display:block;font-size:14px}
.ae-check.big small{display:block;color:var(--mfg);font-size:12px;margin-top:3px;line-height:1.5}
.ae-champs,.ae-pris,.ae-pkgs,.ae-seats{display:flex;flex-direction:column;gap:8px}
.ae-champ-row,.ae-pri-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}
.ae-pri-row{grid-template-columns:1.4fr auto auto}
.ae-champ-row input,.ae-pri-row input[type=text],.ae-pri-row input:not([type]),.ae-seat-row input{border:1px solid var(--border);border-radius:8px;padding:9px 11px;font-size:13px}
.ae-champ-row button,.ae-pri-row button,.ae-plan-row button{appearance:none;border:1px solid var(--border);background:var(--card);border-radius:8px;padding:8px 11px;font-size:12px;color:var(--destructive);cursor:pointer}
.ae-pkg-row{display:flex;gap:10px;align-items:center;border:1px solid var(--border);border-radius:6px;padding:11px 13px;background:var(--card);cursor:pointer;font-size:13px}
.ae-pkg-row.off{opacity:.6}
.ae-pkg-row span{color:var(--mfg);font-size:11.5px;margin-left:auto}
.ae-seat-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;align-items:center}
.ae-seat-row b{font-size:12.5px}
.ae-plan{display:flex;flex-direction:column;gap:8px}
.ae-plan-row{display:grid;grid-template-columns:1.5fr 1fr 1fr .7fr .7fr .9fr 1fr 1.4fr auto;gap:6px;align-items:center}
.ae-plan-row input,.ae-plan-row select{border:1px solid var(--border);border-radius:8px;padding:8px 9px;font-size:12px;min-width:0}
@media print{body.print-memo .no-print{display:none !important}
body.print-memo main,body.print-memo main section>div{padding:0}
body.print-memo .memo{box-shadow:none !important;border:0 !important}}
@media (max-width:760px){.pri-grid,.diff-grid,.mirror-grid,.testi-grid,.prop-grid{grid-template-columns:1fr}
.stake-board{grid-template-columns:1fr}
.cap-grid{grid-template-columns:1fr 1fr}
.map-row{grid-template-columns:auto 1fr;grid-auto-flow:row}
.map-dates{text-align:left;grid-column:2}
.map-status{justify-self:start;grid-column:2}
.map-actions{flex-direction:row;grid-column:2}
.ae-plan-row,.ae-seat-row,.ae-champ-row,.ae-pri-row{grid-template-columns:1fr 1fr}
.ae-seat-person{grid-template-columns:1fr}
.contact-menu{right:auto;left:0}
.teaser-strip,.stake-action-bar{flex-direction:column;align-items:flex-start}
.stake-actions{width:100%}}
.conv-grid.two .media-card:first-child{grid-column:1/-1}
.fc-deck{display:block;border:1px solid var(--border);border-radius:15px;overflow:hidden;background:var(--card);text-decoration:none;box-shadow:0 1px 2px rgba(28,43,50,.04),0 16px 32px -26px rgba(28,43,50,.35)}
.fc-deck-outer{position:relative;padding:14px 16px 0;background:var(--muted)}
/* ROOT CAUSE of the slide-advance page jump (Chris, live). This box used the
   padding-top:56.25% aspect hack, so its height was 56.25% of the CONTAINER
   WIDTH with no ceiling: a 1400px-wide container makes a 788px-tall embed,
   which does not fit the ~737px of usable height in an 800px window. An
   element that cannot fit is one the browser will ALWAYS try to scroll into
   view when it takes focus - and the slide-advance control lives inside the
   cross-origin frame, so clicking it focuses the frame. That is why the jump
   was intermittent: it depended entirely on window width vs height. A narrow
   window renders a short embed that fits and never jumps, which is why it did
   not reproduce here at 1058x723.
   Capping height to the viewport (and width to the matching 16:9 figure, so
   the shape is preserved and the box centres instead of letterboxing) means
   the embed always fits, so there is nothing to scroll into view and the jump
   cannot occur - rather than occurring and being corrected afterwards. */
.fc-deck-frame{position:relative;aspect-ratio:16/9;max-height:calc(100vh - 120px);max-width:calc((100vh - 120px) * 16 / 9);margin-inline:auto;border-radius:10px 10px 0 0;overflow:hidden;box-shadow:0 -6px 0 -2px #fff,0 -12px 0 -5px var(--border)}
.fc-deck-stage{position:absolute;inset:0;background:linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 60%,var(--navy-3) 100%)}
.fc-deck-logo{position:absolute;left:22px;top:18px;height:19px;width:auto;display:block;filter:brightness(0) invert(1)}
.fc-deck-page{position:absolute;right:18px;top:16px;font:700 10px/1 var(--mono);letter-spacing:.08em;color:rgba(255,255,255,.9);background:rgba(28,43,50,.4);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:6px 11px}
.fc-deck-titlewrap{position:absolute;left:24px;right:24px;bottom:24px}
.fc-deck-rule{width:34px;height:4px;border-radius:4px;background:var(--gold);margin-bottom:12px}
.fc-deck-title{font:700 22px/1.22 var(--serif);letter-spacing:-.01em;color:#fff;max-width:84%}
.fc-deck-foot{background:var(--card);border-top:1px solid var(--border);padding:14px 18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fc-deck-tiles{display:inline-flex;gap:5px;flex-shrink:0}
.fc-deck-tiles i{width:28px;height:18px;border-radius:4px;background:var(--muted);border:1px solid var(--border);display:block}
.fc-deck-tiles i:first-child{background:linear-gradient(150deg,var(--navy),var(--navy-3));border-color:transparent}
.fc-cap{flex:1;min-width:170px;font:400 12.5px/1.45 var(--mono);color:var(--mfg)}
.fc-link{display:inline-flex;align-items:center;gap:6px;font:700 12.5px/1 var(--mono);color:var(--primary);white-space:nowrap;text-decoration:none}
.fc-sample{display:inline-flex;align-items:center;font:700 9.5px/1 var(--mono);letter-spacing:1.2px;background:rgba(249,211,50,.22);color:rgb(138,109,27);border-radius:4px;padding:4px 8px}
.fc-rec{margin-top:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid var(--border);border-radius:15px;background:var(--card);text-decoration:none;padding:14px 18px;box-shadow:0 1px 2px rgba(28,43,50,.04),0 16px 32px -26px rgba(28,43,50,.35)}
.fc-rec-play{flex-shrink:0;width:44px;height:44px;border-radius:44px;background:linear-gradient(135deg,var(--primary-deep),var(--navy));display:grid;place-items:center;color:#fff}
.fc-rec-text{min-width:150px}
.fc-rec-text .t{font:700 13.5px/1.2 var(--serif);color:var(--navy)}
.fc-rec-text .s{font:400 11.5px/1.3 var(--mono);color:var(--mfg);margin-top:3px}
.fc-rec-wave{flex:1;min-width:140px;display:flex;align-items:center;gap:2px;overflow:hidden;height:28px}
.fc-rec-wave i{display:block;width:3px;border-radius:3px;flex-shrink:0}
.fc-rec-dur{font:700 10.5px/1 var(--mono);letter-spacing:.08em;color:var(--mfg);background:var(--muted);border:1px solid var(--border);border-radius:20px;padding:6px 11px;flex-shrink:0}
.fc-rec-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.cs-card.slim{align-items:center;gap:18px}
.cs-avatars{display:flex;flex-shrink:0}
.cs-avatars span:nth-child(1){background:var(--primary)}
.cs-avatars span:nth-child(2){background:var(--ctk-green);margin-left:-10px}
.cs-avatars span:nth-child(3){background:var(--gold-muted);margin-left:-10px}
.cs-doc{flex:1;min-width:220px}
.ae-pkg-ctrl{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:6px;padding:13px 14px;background:var(--muted)}
.ae-pkg-ctrl-label{font-size:12px;font-weight:600;color:var(--mfg)}
.ae-pkg-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:26px}
.ae-pkg-chip{display:inline-flex;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:5px 11px;font-size:12.5px;font-weight:600;color:var(--fg)}
.ae-pkg-empty{font-size:12px;color:#b0bdc9;font-style:italic}
.ae-pkg-override-input{border:1px solid var(--border);border-radius:8px;padding:9px 11px;font-size:13px;background:var(--card)}
.ae-pkg-ctrl-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cs-monogram{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--border);color:var(--fg);font:700 14px/1 var(--mono);letter-spacing:.03em;flex-shrink:0;text-transform:uppercase}
.cs-collapsible{border:1px solid var(--border);border-radius:6px;background:var(--muted);margin:12px 0 0;overflow:hidden}
.cs-collapsible summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:11px 14px;user-select:none}
.cs-collapsible summary::-webkit-details-marker{display:none}
.wb-pkg::-webkit-details-marker{display:none}
.cs-sum-logo{flex-shrink:0;display:flex;align-items:center}
.cs-sum-text{flex:1;min-width:0}
.cs-sum-text b{font-size:13.5px;font-weight:700;color:var(--navy);line-height:1.35;display:block}
.cs-chevron{width:16px;height:16px;flex-shrink:0;border-right:2px solid var(--mfg);border-bottom:2px solid var(--mfg);transform:rotate(45deg) translateY(-3px);transition:transform .18s;margin-right:2px}
.cs-collapsible[open] .cs-chevron{transform:rotate(-135deg) translateY(-3px)}
.cs-body{padding:0 14px 13px;border-top:1px solid var(--border)}
.cs-narrative{margin:11px 0 6px;font-size:13px;color:#3d4c58;line-height:1.6}
.cs-basis{display:block;font-size:11.5px;color:var(--mfg);line-height:1.5;margin-bottom:9px}
.cs-read-link{display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;color:var(--primary);text-decoration:none}
.cs-read-link:hover{text-decoration:underline}
.cs-box{display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:var(--card);padding:11px 14px;box-shadow:0 2px 8px rgba(28,43,50,.18)}
.cs-box-logo{flex-shrink:0;display:flex;align-items:center}
.cs-box .cs-monogram{background:var(--border);color:var(--fg)}
.cs-box .proof-logo-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.cs-box-body{flex:1;min-width:0}
.cs-box-body b{display:block;font-size:13px;font-weight:700;color:var(--navy);line-height:1.4;margin-bottom:5px}
.cs-box .cs-read-link{color:var(--primary);font-size:12px}
.cs-box .cs-read-link:hover{color:var(--primary-deep)}
.cs-lib-box{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--border);background:var(--muted);border-radius:15px;padding:14px 16px;margin-top:2px}
.cs-lib-box .cs-monogram{width:40px;height:40px;flex-shrink:0}
/* Logo slot: real logo when we have one, else the client NAME - never initials
   (Chris, 2026-08-04). Both variants occupy the same 92px slot so rows align. */
.cs-lib-logo{width:92px;height:40px;object-fit:contain;flex:0 0 auto}
.cs-lib-name{width:92px;min-height:40px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:Raleway,sans-serif;font-weight:700;font-size:10.5px;line-height:1.25;color:var(--mfg)}
.cs-lib-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.cs-lib-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cs-lib-headline{font-size:13.5px;font-weight:700;color:var(--navy);line-height:1.35}
.cs-lib-metric{font:700 11px/1 var(--mono);color:var(--primary);white-space:nowrap}
.cs-lib-client{font-size:11.5px;color:var(--mfg)}
.cs-lib-summary{margin:2px 0 0;font-size:12.5px;color:#3d4c58;line-height:1.5}
.wcn-metric-grid>article{flex:0 1 calc((100% - 32px)/3);min-width:220px}
@media(max-width:900px){.wcn-metric-grid>article{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:620px){.wcn-metric-grid>article{flex-basis:100%}}
.cs-pick-field{gap:6px}
.cs-pick-actions{display:flex;gap:6px;flex-wrap:wrap}
.cs-pick-btn{appearance:none;display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--primary);color:var(--primary);border-radius:7px;padding:7px 11px;font-family:Figtree,sans-serif;font-weight:600;font-size:12px;cursor:pointer}
.cs-pick-btn:hover{background:rgba(25,145,218,.08)}
.cs-pick-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.cs-pick-clear{appearance:none;background:none;border:1px solid var(--border);color:var(--destructive);border-radius:7px;padding:7px 11px;font-family:Figtree,sans-serif;font-weight:600;font-size:12px;cursor:pointer}
.cs-pick-clear:hover{background:#fdf2f1}
.insp-sec-item .insp-list-item-head{gap:8px}
.insp-sec-label{flex:1;font-family:Figtree,sans-serif;font-weight:600;font-size:12.5px;color:var(--navy)}
.cs-pick-overlay{position:fixed;inset:0;z-index:1200;background:rgba(28,43,50,.5);display:flex;align-items:center;justify-content:center;padding:24px}
.cs-pick-modal{width:100%;max-width:520px;max-height:80vh;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}
.cs-pick-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}
.cs-pick-head b{font-family:Raleway,sans-serif;font-size:16px;color:var(--navy)}
.cs-pick-x{appearance:none;background:none;border:0;padding:4px;color:var(--mfg);cursor:pointer;display:flex;border-radius:6px}
.cs-pick-x:hover{background:#f1f7f9}
.cs-pick-search{margin:14px 18px 0;border:1px solid var(--border);border-radius:var(--radius);padding:9px 12px;font-family:Figtree,sans-serif;font-size:14px}
.cs-pick-search:focus{outline:0;border-color:var(--ring);box-shadow:var(--ring-soft)}
.cs-pick-verts{display:flex;gap:6px;padding:12px 18px 0;flex-wrap:wrap}
.cs-pick-vert-btn{appearance:none;background:var(--muted);border:1px solid var(--border);border-radius:var(--pill);padding:5px 12px;font-family:Figtree,sans-serif;font-weight:600;font-size:11.5px;color:var(--mfg);cursor:pointer}
.cs-pick-vert-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}
.cs-pick-list{overflow-y:auto;padding:12px 18px 18px;display:flex;flex-direction:column;gap:8px}
.cs-pick-row{width:100%;text-align:left;appearance:none;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:12px;cursor:pointer}
.cs-pick-row:hover{border-color:var(--primary);background:var(--muted)}
.cs-pick-row-vert{flex:0 0 auto;font:700 9.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mfg);background:#f1f7f9;border-radius:5px;padding:4px 6px}
.cs-pick-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cs-pick-row-body b{font-size:12.5px;color:var(--navy)}
.cs-pick-row-body span{font-size:11.5px;color:var(--mfg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-pick-row-metric{flex:0 0 auto;font:700 11px/1 var(--mono);color:var(--primary);text-align:right;max-width:120px}
.cs-pick-empty{margin:0;padding:8px 4px;font-family:Figtree,sans-serif;font-size:12.5px;color:var(--mfg)}
.cmt-chip{appearance:none;border:1px solid var(--border);background:var(--card);color:var(--mfg);border-radius:999px;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;margin-left:8px;cursor:pointer;vertical-align:middle;opacity:0;transition:opacity .15s ease,color .15s ease,border-color .15s ease}
.cmt-chip:hover,.cmt-chip:focus-visible{color:var(--primary-deep);border-color:var(--primary-deep);opacity:1}
.cmt-chip i{font:700 9.5px/1 var(--mono);font-style:normal;color:#fff;background:var(--destructive);border-radius:999px;padding:2px 5px}
.cmt-chip.has{opacity:1}
.cmt-host:hover .cmt-chip{opacity:1}
@media (hover:none){.cmt-chip{opacity:.8}}
.path-card .cmt-chip,.seat-card .cmt-chip,.stake-col .cmt-chip,.proposal-card .cmt-chip{position:absolute;top:10px;right:10px;margin:0}
.path-card,.seat-card,.stake-col,.proposal-card{position:relative}
.roi-hero .cmt-chip{margin-left:auto;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3);color:#fff}
.roi-hero .cmt-chip:hover{color:var(--gold);border-color:var(--gold)}
.pkg-cmt-row{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.pkg-cmt-row .cmt-chip{margin-left:0}
.pkg-cmt-row small{font:500 11px/1.4 var(--mono);color:#8a99a6}
.map-actions .cmt-chip{margin-left:0;align-self:flex-start}
.export-row .cmt-chip{margin-left:auto}
.step{position:relative}
.step-badge{font:700 9.5px/1 var(--mono);font-style:normal;color:#fff;background:var(--destructive);border-radius:999px;padding:2px 5px;margin-left:2px}
#cmt-panel{position:fixed;right:18px;bottom:18px;top:auto;width:min(380px,calc(100vw - 36px));max-height:min(560px,calc(100vh - 90px));background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 18px 50px -18px rgba(28,43,50,.45);z-index:90;display:flex;flex-direction:column;overflow:hidden}
.cmt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--muted)}
.cmt-head em{display:block;font:600 9.5px/1 var(--mono);letter-spacing:.14em;color:var(--primary-deep);margin-bottom:4px}
.cmt-head b{font:700 13.5px/1.3 var(--mono);color:var(--fg)}
.cmt-close{appearance:none;border:0;background:none;font-size:22px;line-height:1;color:var(--mfg);cursor:pointer;padding:0 2px}
.cmt-body{padding:14px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}
.cmt-empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:18px 8px;color:var(--mfg)}
.cmt-empty p{margin:0;font:500 13px/1.6 var(--mono)}
.cmt-none{margin:0;font:500 12.5px/1.6 var(--mono);color:var(--mfg)}
.cmt-thread{border:1px solid var(--border);border-radius:6px;padding:11px 12px;display:flex;flex-direction:column;gap:10px}
.cmt-thread.res{opacity:.72;background:#fbfcfe}
.cmt-item p{margin:4px 0 0;font:500 13px/1.55 var(--mono);color:var(--fg);white-space:pre-wrap;word-break:break-word}
.cmt-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.cmt-meta b{font:700 12px/1 var(--mono);color:var(--fg)}
.cmt-meta time{font:500 10.5px/1 var(--mono);color:#8a99a6}
.cmt-role{font:700 8.5px/1 var(--mono);letter-spacing:.1em;border-radius:4px;padding:3px 5px;background:var(--muted);color:var(--primary-deep)}
.cmt-role.ae{background:var(--navy);color:var(--gold)}
.cmt-resolve{appearance:none;align-self:flex-start;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);background:var(--card);color:var(--ctk-green);border-radius:8px;padding:6px 9px;font:600 11px/1 var(--mono);cursor:pointer}
.cmt-resolved summary{cursor:pointer;font:600 11.5px/1 var(--mono);color:var(--mfg);padding:4px 0}
.cmt-resolved .cmt-thread{margin-top:8px}
.cmt-compose{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:12px}
.cmt-compose textarea,.cmt-name{border:1px solid var(--border);border-radius:6px;padding:9px 11px;font:500 13px/1.5 var(--mono);color:var(--fg);resize:vertical;background:var(--card)}
.cmt-compose-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cmt-post{padding:9px 16px;font-size:12.5px}
.cmt-err{font:600 11px/1.4 var(--mono);color:var(--destructive);flex:1}
.vid-scrim{position:fixed;inset:0;background:rgba(28,43,50,.5);z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;animation:vidFade .16s ease}
@keyframes vidFade{from{opacity:0}to{opacity:1}}
.vid-card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:28px 28px 22px;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}
.vid-eyebrow{font:700 10.5px/1 var(--serif);letter-spacing:.14em;color:var(--accent-blue)}
.vid-h{margin:10px 0 0;font:800 21px/1.25 var(--serif);color:var(--navy)}
.vid-sub{margin:8px 0 0;font:400 13px/1.55 var(--mono);color:var(--mfg)}
.vid-lab{margin:16px 0 6px;font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mfg)}
.vid-in{border:1px solid var(--border);border-radius:var(--radius);padding:11px 13px;font:500 14px/1.4 var(--mono);color:var(--navy);background:var(--card);width:100%}
.vid-in:focus{outline:none;border-color:var(--ring);box-shadow:var(--ring-soft)}
.vid-err{margin-top:12px;font:600 12px/1.45 var(--mono);color:var(--destructive)}
.vid-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px}
.vid-btn{appearance:none;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:8px;padding:10px 20px;font:700 13px/1 var(--mono);cursor:pointer;box-shadow:var(--shadow-sm)}
.vid-btn:hover{background:var(--primary-deep);border-color:var(--primary-deep)}
.vid-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.vid-btn[disabled],.vid-btn-ghost[disabled]{opacity:.5;cursor:default}
.vid-btn-ghost{appearance:none;border:0;background:none;color:var(--mfg);padding:10px 8px;font:600 13px/1 var(--mono);cursor:pointer}
.vid-btn-ghost:hover{color:var(--navy);text-decoration:underline}
.vid-note{margin:16px 0 0;font:500 11px/1.5 var(--mono);color:#8a99a6}
.gate-scrim{position:fixed;inset:0;background:linear-gradient(160deg,#16242b,#0f1b21);z-index:1300;display:flex;align-items:center;justify-content:center;padding:24px;animation:vidFade .16s ease}
.gate-link{color:var(--accent-blue);text-decoration:underline}
.gate-link:hover{color:#1b6f9f}
.awl-group{margin-top:14px}
.awl-sub{margin:2px 0 12px;font:500 11.5px/1.55 var(--mono);color:var(--mfg)}
.awl-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.awl-empty{font:500 11.5px/1.5 var(--mono);color:#8a99a6}
.awl-chip{display:inline-flex;align-items:center;gap:6px;background:#eef3f7;border:1px solid #dbe4ea;border-radius:14px;padding:4px 10px;font:600 11.5px/1.2 var(--mono);color:var(--navy)}
.awl-chip-primary{background:#e7f2fb;border-color:#bcdcf2}
.awl-chip-tag{font:700 9px/1 var(--serif);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);font-style:normal}
.awl-chip-x{appearance:none;border:0;background:none;padding:0 0 0 2px;font-size:15px;line-height:1;color:#7d8c99;cursor:pointer}
.awl-chip-x:hover{color:var(--destructive)}
.awl-addrow{display:flex;gap:7px;align-items:stretch}
.awl-input{flex:1}
.awl-add-btn{appearance:none;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:8px;padding:0 16px;font:700 12px/1 var(--mono);cursor:pointer;box-shadow:var(--shadow-sm)}
.awl-add-btn:hover{background:var(--primary-deep);border-color:var(--primary-deep)}
.awl-add-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.awl-hs-btn{appearance:none;border:1px solid var(--border);background:var(--card);color:var(--navy);border-radius:8px;padding:8px 14px;font:700 11.5px/1 var(--mono);cursor:pointer;margin-bottom:10px}
.awl-hs-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}
.awl-hs-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.awl-hs-btn[disabled]{opacity:.5;cursor:default}
.awl-hs-note{font:500 11px/1.5 var(--mono);color:#8a99a6;margin-bottom:10px}
.awl-sugg{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.awl-sugg-row{display:flex;align-items:center;gap:8px;width:100%;text-align:left;appearance:none;border:1px solid var(--border);background:#fbfcfe;border-radius:8px;padding:7px 10px;cursor:pointer}
.awl-sugg-row:hover{border-color:var(--accent-blue);background:#f2f8fd}
.awl-sugg-name{font:600 12px/1.3 var(--mono);color:var(--navy)}
.awl-sugg-title{font:500 10.5px/1.3 var(--mono);color:#8a99a6}
/* Shown only when the name beside it was DERIVED from this address - the row
   grants access to the address, so it must stay readable. */
.awl-sugg-em{font:500 10.5px/1.3 var(--mono);color:#8a99a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.awl-sugg-add{margin-left:auto;font:700 11px/1 var(--mono);color:var(--accent-blue)}
.awl-err{margin-top:8px;font:600 11px/1.4 var(--mono);color:var(--destructive)}
.deal-notice{background:var(--navy);color:var(--gold);font:600 10.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:7px 12px}
.ae-conn{border:1px solid var(--border);border-radius:8px;background:#fbfcfe;padding:16px 18px;margin:0 0 18px;display:flex;flex-direction:column;gap:12px}
.ae-conn h3{margin:0;font:700 15px/1.3 var(--mono)}
.ae-conn p{margin:0;font:500 12.5px/1.6 var(--mono);color:var(--mfg)}
.ae-session-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ae-session-email{font:700 12.5px/1.4 var(--mono);color:var(--navy)}
.ae-signout-link{appearance:none;background:none;border:0;padding:0;font:600 11.5px/1.4 var(--mono);color:var(--primary-deep);text-decoration:none;cursor:pointer}
.ae-signout-link:hover{text-decoration:underline}
.ae-signin-wrap{display:flex;justify-content:center;padding:64px 24px}
.ae-signin-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--border);border-radius:15px;padding:40px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;box-shadow:0 24px 54px -32px rgba(28,43,50,.35)}
.ae-signin-eyebrow{font:700 11px/1 var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-muted)}
.ae-signin-card h1{margin:6px 0 0;font:800 24px/1.25 var(--serif);color:var(--navy)}
.ae-signin-card p{margin:0;font:500 13.5px/1.6 var(--mono);color:var(--mfg)}
.ae-google-btn{appearance:none;text-decoration:none;margin-top:10px;display:inline-flex;align-items:center;gap:10px;background:var(--card);color:var(--navy);border:1px solid #C9D4DC;border-radius:4px;padding:12px 22px;font:700 13.5px/1 var(--mono);cursor:pointer}
.ae-google-btn:hover{border-color:var(--primary);color:var(--primary)}
.ae-skel-block{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:8px}
.ae-skel-bar{width:80%;height:13px;border-radius:6px;background:linear-gradient(90deg,#eef2fb 25%,#e2e8f5 37%,#eef2fb 63%);background-size:400% 100%;animation:skelpulse 1.4s ease infinite}
.ae-skel-bar-lg{width:60%;height:22px;margin-top:2px}
.ae-skel-bar-sm{width:45%}
@keyframes skelpulse{0%{background-position:100% 50%}100%{background-position:0 50%}}
.ae-conn-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ae-conn-row span{font:500 12px/1.5 var(--mono);color:var(--mfg);flex:1;min-width:220px}
.ae-conn-out{font:600 12px/1.5 var(--mono);color:var(--primary-deep);word-break:break-all}
.ae-conn-out.bad,.ae-warn{color:var(--destructive)}
.ae-warn{margin:0;font:600 12px/1.5 var(--mono)}
.ae-conn-foot{font:500 11.5px/1.6 var(--mono)}
.ae-conn-foot a{color:var(--primary-deep);font-weight:700}
.deal-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;background:var(--card);padding:8px 13px;flex:0 1 auto;min-width:0}
.deal-chip em{font:600 9px/1 var(--mono);letter-spacing:.12em;color:#8a99a6;font-style:normal}
.deal-chip b{font:700 12px/1 var(--mono);color:var(--fg)}
.deal-dot{width:8px;height:8px;border-radius:99px;background:var(--amber)}
.deal-dot.ok{background:var(--ctk-green)}
.deal-dot.bad{background:var(--destructive)}
.ae-honesty{margin:22px 0 0;border:1px dashed #b9c6d0;border-radius:6px;background:#fbfcfe;padding:14px 16px;font:500 12px/1.7 var(--mono);color:var(--mfg)}
.deal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:12px;margin:0 0 16px}
.deal-tile{display:flex;flex-direction:column;gap:7px;border:1px solid var(--border);border-top:3px solid var(--seg-ac,var(--primary));border-radius:8px;background:var(--card);padding:15px 16px 14px;color:inherit;box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 26px -22px rgba(28,43,50,.22);transition:box-shadow .15s,transform .15s,border-color .15s}
.deal-tile:hover{box-shadow:0 12px 26px -14px rgba(28,43,50,.32);border-color:var(--seg-ac)}
.deal-tile-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.deal-tile-avatar{width:30px;height:30px;border-radius:30px;background:var(--seg-ac,var(--primary));color:#fff;display:grid;place-items:center;font:700 11px/1 var(--mono);letter-spacing:.03em;flex-shrink:0}
.deal-tile-badge{font:600 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--seg-ac,var(--primary));background:#F1F7F9;border-radius:20px;padding:4px 9px;white-space:nowrap}
.deal-tile-org{font-size:14.5px;font-weight:700;color:var(--navy);line-height:1.3;margin-top:2px}
.deal-tile-meta{font:500 11px/1.4 var(--mono);color:var(--mfg)}
.deal-tile-actions{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:11px}
.deal-btn{font-size:12px;font-weight:600;border-radius:7px;padding:7px 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid;line-height:1;transition:background .12s,border-color .12s,filter .12s}
.deal-btn-open{background:var(--seg-ac,var(--primary));color:#fff;border-color:var(--seg-ac,var(--primary))}
.deal-btn-open:hover{filter:brightness(1.08)}
.deal-btn-edit{background:var(--card);color:var(--fg);border-color:var(--border)}
.deal-btn-edit:hover{background:#F1F7F9}
.deal-btn-del{background:none;color:var(--destructive);border-color:transparent;margin-left:auto;padding:7px 9px}
.deal-btn-del:hover{background:#fdf2f1}
.deal-modal-overlay{position:fixed;inset:0;background:rgba(28,43,50,.45);display:grid;place-items:center;z-index:1000;padding:20px}
.deal-modal{background:var(--card);border-radius:12px;padding:24px 26px;max-width:390px;width:100%;box-shadow:0 30px 70px -30px rgba(28,43,50,.6)}
.deal-modal h3{font:600 18px/1.3 var(--serif,Raleway),sans-serif;margin:0 0 8px;color:var(--navy)}
.deal-modal p{margin:0 0 18px;color:var(--fg);font-size:13.5px;line-height:1.55}
.deal-modal-actions{display:flex;justify-content:flex-end;gap:9px}
.deal-modal-cancel{appearance:none;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;color:var(--fg);cursor:pointer}
.deal-modal-cancel:hover{background:#F1F7F9}
.deal-modal-del{appearance:none;background:var(--destructive);border:0;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700;color:#fff;cursor:pointer}
.deal-modal-del:hover{filter:brightness(1.08)}
.deal-modal-del:disabled{opacity:.6;cursor:default}
.deal-modal-err{color:var(--destructive);font-size:12px;margin:10px 0 0}
@media(max-width:760px){.deal-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.deal-grid{grid-template-columns:1fr}}
.small-btn{font-size:12px;font-weight:600;color:var(--primary);text-decoration:none;white-space:nowrap;border:1px solid var(--border);border-radius:6px;padding:5px 10px;cursor:pointer;background:none}
.small-btn:hover{background:#F1F7F9}
.deal-template-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 18px}
.deal-template-row>span{font-size:12.5px;color:var(--fg)}
.rollup{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.rollup-row{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:6px;background:var(--card);padding:11px 13px}
.rollup-row.res{opacity:.65}
.rollup-main{flex:1;min-width:0}
.rollup-main b{display:block;font:700 12.5px/1.3 var(--mono);color:var(--fg)}
.rollup-main small{display:block;font:500 11.5px/1.5 var(--mono);color:var(--mfg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rollup-main small strong{color:var(--primary-deep)}
.rollup-meta{font:600 10px/1.3 var(--mono);color:#8a99a6;white-space:nowrap}
.rollup-actions{display:flex;gap:6px}
.up-note{display:block;font:600 11px/1.5 var(--mono);color:var(--ctk-green);margin-top:5px}
.up-note.bad{color:var(--destructive)}
.up-note:empty{display:none}
.upload-stub.real{cursor:pointer}
.admin-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.admin-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.admin-actions .outline-btn{text-decoration:none;display:inline-flex;align-items:center}
.admin-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.admin-ledes{margin-bottom:24px}
.admin-row,.admin-map-row{display:grid;gap:8px;border:1px solid var(--border);border-radius:6px;background:var(--card);padding:11px}
.admin-row{grid-template-columns:1fr 1.4fr auto}
.admin-map-row{grid-template-columns:1.4fr .7fr 1.6fr 1fr auto auto;align-items:center}
.admin-row input,.admin-row textarea,.admin-map-row input,.admin-map-row select,.admin-faq input,.admin-faq textarea{border:1px solid var(--border);border-radius:9px;padding:8px 10px;font:500 12.5px/1.5 var(--mono);color:var(--fg);min-width:0}
.admin-row textarea{resize:vertical;min-height:44px}
.admin-row button,.admin-map-row button,.admin-faq>button{appearance:none;border:1px solid var(--border);background:var(--card);color:var(--destructive);border-radius:8px;padding:7px 10px;font:600 11px/1 var(--mono);cursor:pointer;align-self:center;justify-self:end}
.admin-surface{border:1px solid var(--border);border-radius:6px;background:#fbfcfe;padding:13px;display:flex;flex-direction:column;gap:10px}
.admin-surface h4{margin:0;font:700 13.5px/1 var(--mono)}
.admin-faq{display:grid;grid-template-columns:1fr;gap:6px;border:1px solid var(--border);border-radius:6px;background:var(--card);padding:10px}
.admin-faq textarea{resize:vertical;min-height:64px}
.admin-faq>button{justify-self:start}
.admin-kicker{font:500 10.5px/1.4 var(--mono);color:#8a99a6}
@media (max-width:760px){#cmt-panel{left:10px;right:10px;bottom:10px;width:auto;max-height:62vh}.admin-row,.admin-map-row{grid-template-columns:1fr}.admin-row button,.admin-map-row button{justify-self:start}.rollup-row{flex-wrap:wrap}.ae-conn-row span{min-width:0;flex-basis:100%}}
@media (prefers-reduced-motion:reduce){.cmt-chip{transition:none}}
@media print{#cmt-panel,.cmt-chip,.step-badge,.deal-notice{display:none !important}}
.door-eyebrow{font:700 9.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mfg);margin-bottom:8px;display:block}
.door-card.win .door-eyebrow{color:rgba(255,255,255,.78)}
.bridge-note{margin:22px 0 0;padding:14px 18px;border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:12px;background:var(--card);color:var(--mfg);font-size:13px;line-height:1.65}
.verdict-note{margin:18px 0 0;padding:13px 17px;border-radius:12px;background:linear-gradient(135deg,#f7fbf6 0%,#fff 80%);border:1px solid #c6e3c2;color:#3a5c38;font-size:13px;line-height:1.65;font-weight:600}
.stake-col-gets{display:block;font-size:10.5px;color:var(--col-ac,var(--primary-deep));font-weight:600;margin-top:4px;font-style:normal}
.review-parallel-subhead{margin:0 0 10px;color:var(--mfg);font-size:12.5px;line-height:1.5}
.sc-scorecard{display:flex;flex-direction:column;gap:24px;margin-bottom:12px}
.sc-section{border:1px solid var(--border);border-radius:8px;background:var(--card);overflow:hidden;box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22)}
.sc-section-title{margin:0;background:var(--navy);color:#fff;padding:11px 16px;font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.sc-section-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;align-items:start}
.sc-group{display:flex;flex-direction:column;min-width:0}
.sc-group-label{padding:0 2px 6px;font:600 9.5px/1 var(--mono);letter-spacing:.1em;color:#9fb3c0;text-transform:uppercase}
.sc-metric-rows{display:flex;flex-direction:column;gap:8px;padding:0}
.sc-metric-rows .m-card--row{flex:1 1 auto;min-width:0}
.m-card--row{box-shadow:none;border:1px solid var(--border);border-radius:var(--radius);padding:11px 13px 10px}
.m-card--row .m-num{font-size:24px;margin-bottom:5px}
.m-card--row .m-label{font-size:9px;margin-bottom:6px;padding-right:0}
.m-card--row .m-delta{font-size:11px;margin-bottom:4px}
.m-card--row .m-sub{font-size:10px;gap:8px}
.m-flag-modeled{display:inline-flex;align-items:center;gap:5px;background:#F9D230;color:var(--navy);font:800 8px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;border-radius:4px;padding:4px 7px;margin-bottom:8px}
.m-flag-note{display:block;margin-top:6px;font:500 9.5px/1.4 var(--mono);color:#9fb3c0;font-style:italic}
.m-card--modeled{border-color:#F9D230;background:linear-gradient(180deg,rgba(249,210,48,.10),rgba(249,210,48,.02))}
@media(max-width:900px){.sc-section-body{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.sc-section-body{grid-template-columns:1fr}.m-card--row .m-num{font-size:19px}}
.pe-overview{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px 16px;margin:12px 0;}
.pe-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);}
.pe-row:last-child{border-bottom:none;}
.pe-row-label{flex:1;font-family:var(--mono,monospace);font-size:13px;color:var(--ink);}
.pe-vis{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--mfg);}
.pe-vis input{margin:0;}
.pe-prev{font-size:12px;padding:2px 8px;border-radius:4px;text-decoration:none;color:var(--royal-a,#3b5bdb);border:1px solid currentColor;}
.pe-prev:hover{background:var(--royal-a,#3b5bdb);color:#fff;}
.pe-edit-btn{font-size:12px;padding:2px 8px;border-radius:4px;color:var(--royal-a,#3b5bdb);border:1px solid currentColor;background:transparent;cursor:pointer;}
.pe-edit-btn:hover{background:var(--royal-a,#3b5bdb);color:#fff;}
.pe-edit-na{font-size:12px;color:var(--mfg);padding:2px 8px;}
.ae-section-head{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mfg);margin:0 0 8px 0;}
.call-actions{margin-top:14px;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:12px 16px}
.ca-head{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mfg);display:flex;align-items:center;gap:6px;margin-bottom:8px}
.ca-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--border)}
.ca-row:first-of-type{border-top:0}
.ca-dot{flex-shrink:0;width:16px;height:16px;border-radius:50%;border:2px solid #b9c6d0;display:inline-flex;align-items:center;justify-content:center}
.ca-dot.done{background:var(--ctk-green);border-color:var(--ctk-green)}
.ca-action{flex:1;min-width:0;font-size:13px;color:var(--navy)}
.ca-row.done .ca-action{color:#9fb3c0;text-decoration:line-through}
.ca-who{font-size:11.5px;color:var(--mfg);background:var(--muted);border-radius:10px;padding:2px 9px;white-space:nowrap}
.ca-due{font-size:11.5px;color:var(--mfg);white-space:nowrap;min-width:48px;text-align:right}
.ae-ca-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.ae-ca-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ae-ca-row input[type=text],.ae-ca-row>input{flex:1;min-width:120px}
.ae-ca-done{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--mfg)}
.edit-page-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;box-sizing:border-box;background:var(--navy);color:#fff;border:0;border-radius:var(--radius);padding:0 14px;font-weight:600;font-size:13px;cursor:pointer}
.edit-page-btn:hover{background:#14384a}
.edit-page-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
#inspector{position:fixed;top:0;right:0;width:360px;height:100vh;overflow-y:auto;background:var(--navy);color:#fff;z-index:200;display:flex;flex-direction:column}
.insp-header{padding:14px 16px 10px;border-bottom:1px solid rgba(255,255,255,.12);flex-shrink:0}
.insp-header-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.insp-page{font-size:13px;font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.insp-chip{font:600 9.5px/1 monospace;letter-spacing:.1em;text-transform:uppercase;background:var(--gold);color:var(--navy);border-radius:4px;padding:3px 8px;flex-shrink:0}
.insp-nav-row{margin-bottom:8px}
.insp-nav-sel{width:100%;background:#14384a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:6px 8px;font-size:12px;cursor:pointer}
.insp-nav-sel option{background:var(--navy)}
.insp-action-row{display:flex;gap:6px}
.insp-publish-btn{flex:1;background:var(--gold);color:var(--navy);border:0;border-radius:7px;padding:7px 0;font-weight:700;font-size:12px;cursor:pointer}
.insp-publish-btn:hover{background:#ffdd4d}
.insp-preview-btn,.insp-discard-btn{flex:1;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:7px;padding:7px 0;font-weight:600;font-size:12px;cursor:pointer}
.insp-preview-btn:hover,.insp-discard-btn:hover{background:rgba(255,255,255,.1)}
.insp-body{flex:1;overflow-y:auto;padding:14px 14px 8px;min-height:0}
.insp-body-previewing{opacity:.45;pointer-events:none}
.insp-preview-note{font-size:12px;color:#9fb3c0;text-align:center;padding:20px 0}
.insp-footer{padding:10px 14px 14px;border-top:1px solid rgba(255,255,255,.12);flex-shrink:0}
.insp-page-vis{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;margin-bottom:8px}
.insp-page-vis input{margin:0;accent-color:var(--gold)}
.insp-allpages summary{font-size:11.5px;font-weight:600;opacity:.7;cursor:pointer;list-style:none}
.insp-allpages summary::-webkit-details-marker{display:none}
.insp-vis-list{display:flex;flex-direction:column;gap:5px;margin-top:6px}
.insp-vis-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:11.5px}
.insp-vis-toggle input{margin:0;accent-color:var(--gold)}
.insp-welcome{padding:12px 0;display:flex;flex-direction:column;gap:10px;font-size:13px}
#app.editmode{padding-right:360px}
@media(max-width:1023px){#inspector{display:none}#app.editmode{padding-right:0}}
.insp-body .ae-grid{display:flex;flex-direction:column;gap:8px}
.insp-body label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#dfe8ed}
.insp-body label span{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9fb3c0}
.insp-body input[type=text],.insp-body input[type=number],.insp-body input:not([type]),.insp-body select,.insp-body textarea{background:#14384a;color:#dfe8ed;border:1px solid rgba(255,255,255,.18);border-radius:5px;padding:6px 8px;font-size:12px;width:100%;box-sizing:border-box}
.insp-body textarea{min-height:60px;resize:vertical}
.insp-body .ae-roi-line{background:#14384a;border-radius:6px;padding:8px 10px;margin-bottom:6px;display:flex;flex-direction:column;gap:6px}
.insp-body .ae-plan-row{display:flex;flex-direction:column;gap:5px;background:#14384a;border-radius:6px;padding:8px 10px;margin-bottom:6px}
.insp-body .ae-ca-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}
.insp-body button.small-btn{background:rgba(255,255,255,.1);color:#dfe8ed;border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:5px 10px;font-size:11px;cursor:pointer;margin-top:4px}
.insp-body button.small-btn:hover{background:rgba(255,255,255,.18)}
#inspector .ae-pkg-row{flex-direction:row;align-items:center;background:#14384a;border-color:rgba(255,255,255,.18)}
#inspector .ae-pkg-row b{color:#dfe8ed;font-weight:500}
#inspector .ae-pkg-row span{color:#8ea0ab}
#inspector .ae-pkg-row.off{opacity:.55}
#inspector .ae-pkg-ctrl{background:#14384a;border-color:rgba(255,255,255,.18)}
#inspector .ae-pkg-ctrl-label{color:#9fb3c0}
#inspector .ae-pkg-chip{background:#1e4a60;border-color:rgba(255,255,255,.18);color:#dfe8ed}
#inspector .ae-pkg-override-input{background:#14384a;border-color:rgba(255,255,255,.18);color:#dfe8ed}
#inspector .ae-pkg-empty{color:#8ea0ab}
#inspector .pkg-auto-note{color:var(--ctk-green)}
#inspector .pkg-override-note{color:#8ea0ab}
.insp-body .ae-pkg-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 0;color:#dfe8ed}
.insp-body .ae-pkg-case{background:#14384a;border-radius:6px;padding:8px 10px;margin-bottom:6px;display:flex;flex-direction:column;gap:5px}
.insp-body .ae-seat-row{background:#14384a;border-radius:6px;padding:8px 10px;margin-bottom:6px}
.insp-body .ae-seat-row b{display:block;font-size:11px;color:#9fb3c0;margin-bottom:5px}
.insp-body .ae-seat-person{display:flex;gap:5px;margin-bottom:3px}
.insp-body .ae-res-row{background:#14384a;border-radius:6px;padding:8px 10px;margin-bottom:6px}
.insp-body .section-title{font-size:11.5px;font-weight:700;color:#9fb3c0;text-transform:uppercase;letter-spacing:.06em;margin:12px 0 6px}
.insp-body .ae-pri-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}
.ae-champ-label{display:flex;flex-direction:column;gap:4px}
.ae-champ-label span{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em}
.obj-faq-section{margin-top:28px}
.obj-faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{border:1px solid var(--border);border-radius:8px;background:var(--card);overflow:hidden;box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.18);transition:border-color .2s}
.faq-item[open]{border-color:var(--border)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 16px;font:600 13.5px/1.4 var(--mono);color:var(--navy)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"";width:9px;height:9px;flex-shrink:0;margin-left:auto;border-right:2px solid #8aa0ae;border-bottom:2px solid #8aa0ae;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.faq-item>div{padding:0 16px 15px;border-top:1px solid var(--border);color:var(--mfg);font-size:13px;line-height:1.65}
.sec-title h3,.persona-card h2,.door-card h3,.claim-grid h3,.proof-surface h3,.blast-steps h3,.ae-plan-phase h3,.diff-card h3,.bo-step h3,.how-card h3,.add-res h3,.claude-panel h3,.modal-card h3,.ae-conn h3,.pri-card h4,.cs-sum-text b{font-family:var(--serif)}
.m-card,.welcome-step,.how-card,.persona-card,.pri-card,.media-card,.package-card,.claim-grid article,.phase,.blast-steps article,.plan-metrics section,.platform-card,.memo,.faq-item,.fold-card,.review-surface,.add-res,.ae-res-group,.cs-collapsible,.acc,.score-acc,.modal-card,.deal-tile,.ae-pkg-case,.deal-modal,.door-card{border-radius:var(--radius);border-color:var(--border);box-shadow:var(--shadow-sm)}
.hero-band,.roi-hero,.now-card,.target-card,.claude-panel{border-radius:15px;box-shadow:none}
.cs-box{border-radius:15px}
.small-btn,.pri-tag,.plat-tag,.res-action.chip,.step-badge,.cmt-chip i,.insp-chip,.insp-publish-btn,.insp-preview-btn,.insp-discard-btn,.ae-link,.deal-btn-open,.deal-modal-cancel,.deal-modal-del{border-radius:4px}
.seg-tagline{color:var(--mfg);font-weight:700;letter-spacing:.1em}
.golive-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(249,211,50,.16);border:1.5px solid var(--gold);padding:8px 14px;white-space:nowrap}
.golive-pill b{font:700 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8a6d1f;font-style:normal}
.golive-pill strong{font:700 12.5px/1 var(--mono);color:var(--navy)}
.golive-pill span{font:500 11px/1 var(--mono);color:var(--mfg)}
.persona-line.golive-row{background:rgba(249,211,50,.14);margin:10px -20px -20px;padding:10px 20px 16px;border-top:1px solid rgba(249,211,50,.4);border-radius:0 0 15px 15px}
.door-card{position:relative}
.door-card .reco-badge{position:absolute;top:14px;right:14px;font:700 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:var(--navy);background:var(--gold);padding:5px 9px}
.door-card.win .path-num{color:var(--gold)}
.door-card h3{color:var(--primary)}
.door-card.win h3{color:#fff}
@media(max-width:900px){.golive-pill{display:none}}
.trust-center-card{background:linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 60%,var(--navy-3) 100%);border-radius:15px;padding:28px 30px;color:#fff;display:flex;flex-direction:column;gap:18px;box-shadow:0 28px 56px -36px rgba(28,43,50,.65)}
.trust-center-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.trust-icon-tile{width:52px;height:52px;border-radius:10px;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.trust-center-copy{flex:1;min-width:220px;display:flex;flex-direction:column;gap:3px}
.trust-center-copy em{font-style:normal;font:700 10.5px/1 var(--mono);letter-spacing:.14em;color:var(--gold)}
.trust-center-copy h3{margin:0;font-family:var(--serif);font-weight:700;font-size:22px;color:#fff}
.trust-center-copy p{margin:0;font-size:13.5px;color:rgba(255,255,255,.75)}
.trust-center-card .primary-btn{white-space:nowrap}
.trust-pills{display:flex;gap:10px;flex-wrap:wrap}
.trust-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:600;color:#fff}
.trust-pill i{font-style:normal;color:var(--gold);font-weight:800}
.trust-q-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.trust-q-card{background:var(--card);border:1px solid var(--border);border-radius:15px;padding:24px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22)}
.trust-q-ico{width:44px;height:44px;border-radius:8px;background:rgba(25,145,218,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.trust-q-card b{font-family:var(--serif);font-weight:700;font-size:17px;line-height:1.25;color:var(--navy)}
.trust-q-card p{margin:0;color:var(--mfg);font-size:13.5px;line-height:1.55}
.procurement-table{border:1px solid var(--border);border-radius:15px;overflow:hidden;background:var(--card);margin-top:6px}
.procurement-head{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;padding:10px 18px;background:var(--muted);font:700 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mfg)}
.procurement-row{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;padding:11px 18px;border-top:1px solid var(--border)}
.procurement-row b{font-weight:600;font-size:13px;color:var(--navy)}
.procurement-row span{font-size:13px;color:var(--mfg)}
.procurement-note{margin:10px 0 0;color:var(--mfg);font-size:12.5px}
.faq-item>div p{margin:0 0 10px}
.faq-item>div p:last-child{margin-bottom:0}
.trust-agreement-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start;margin-top:8px}
.trust-agreement-card{background:var(--card);border:1px solid var(--border);border-radius:15px;padding:26px 28px;display:flex;flex-direction:column;gap:12px}
.trust-agreement-card>b{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--navy)}
.trust-reviewer-aside{background:var(--muted);border-radius:15px;padding:26px 28px;display:flex;flex-direction:column;gap:12px}
.trust-reviewer-aside b{font-family:var(--serif);font-weight:700;font-size:16px;color:var(--navy)}
.trust-reviewer-aside p{margin:0;color:var(--mfg);font-size:13.5px;line-height:1.6}
.trust-reviewer-aside .primary-btn{align-self:flex-start}
@media(max-width:760px){.trust-q-grid{grid-template-columns:1fr}.trust-agreement-grid{grid-template-columns:1fr}}
.bp-stepper{scrollbar-width:thin;scroll-padding-inline:24px}
.bp-stepper-inner{max-width:1140px;margin-inline:auto;padding-inline:24px;display:flex;align-items:stretch;justify-content:space-between;gap:4px;min-width:max-content}
.bp-stepper .tab{flex:0 0 auto;min-height:44px;white-space:nowrap;padding:12px 9px;gap:8px;font-size:12px;line-height:20px}
.bp-stepper .tab .num{flex:0 0 20px;width:20px;height:20px;font-size:10px;line-height:1}
.bp-stepper .tab .num svg{display:block;flex:none}
.bp-stepper .tab-label{display:block;line-height:20px}
.bp-stepper::-webkit-scrollbar{height:6px}
.bp-stepper::-webkit-scrollbar-thumb{background:rgba(28,43,50,.25);border-radius:3px}
.bp-stepper::-webkit-scrollbar-track{background:transparent}
@media(max-width:620px){.bp-stepper{scroll-padding-inline:14px}.bp-stepper-inner{padding-inline:14px;gap:4px}.bp-stepper .tab{padding:12px 8px}}

@media(max-width:900px){.rgrid3,.rgrid4{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr!important}}
@media(max-width:640px){.rgrid,.rgrid3,.rgrid4,.memo-row-grid,.score-head,.score-row{grid-template-columns:1fr!important}.memo-row-grid strong{text-align:left!important}.grid-head-row{display:none!important}}
.logo-strip-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))!important}
.contact-dd:not([open]) .contact-menu{display:none}
.contact-dd summary:hover{background:var(--gold-deep)}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.si-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1100px 600px at 50% -10%,#1c3340 0%,#0f1b22 60%);box-sizing:border-box}
.si-col{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center}
.si-sample-link{margin-top:20px;font-family:Figtree,sans-serif;font-weight:600;font-size:12.5px;color:#9fc6de;text-decoration:none}
.si-sample-link:hover{color:#fff;text-decoration:underline}
.si-wordmark{text-align:center;margin:0 0 22px}
.si-word-main{font-family:Raleway,sans-serif;font-weight:800;font-size:26px;line-height:1.15;color:#fff}
.si-word-sub{margin-top:4px;font-family:Figtree,sans-serif;font-weight:600;font-size:13px;letter-spacing:.02em;color:#7fa9c2}
.si-card{width:100%;box-sizing:border-box;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);padding:34px 32px;display:flex;flex-direction:column;gap:14px}
.si-h1{margin:0;font-family:Raleway,sans-serif;font-weight:800;font-size:22px;line-height:1.3;color:var(--navy)}
.si-body{margin:0;font-family:Figtree,sans-serif;font-size:14px;line-height:1.6;color:var(--mfg)}
.si-body b{color:var(--navy)}
.si-label{margin-top:2px;font-family:Figtree,sans-serif;font-weight:600;font-size:12.5px;color:var(--navy)}
.si-input{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-family:Figtree,sans-serif;font-size:14px;color:var(--navy);outline:none}
.si-input:focus{border-color:var(--ring);box-shadow:var(--ring-soft)}
.si-btn{width:100%;box-sizing:border-box;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius);padding:13px 18px;font-family:Figtree,sans-serif;font-weight:700;font-size:14.5px;cursor:pointer;text-decoration:none;border:1px solid transparent}
.si-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
/* The sign-in gate is the first .si-btn that is ever rendered disabled (the
   name/title step waits for both fields), and without this it stayed full
   strength and read as clickable. Same treatment as .vid-btn[disabled]. */
.si-btn[disabled]{opacity:.5;cursor:default}
.si-btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}
.si-btn-primary:hover{background:var(--primary-deep);border-color:var(--primary-deep)}
.si-btn-google{background:var(--card);border-color:var(--border);color:var(--navy)}
.si-btn-google:hover{background:var(--muted)}
.si-link-back{align-self:flex-start;appearance:none;background:none;border:0;padding:4px 0;margin-top:2px;font-family:Figtree,sans-serif;font-weight:600;font-size:13px;color:var(--primary-deep);cursor:pointer}
.si-link-back:hover{color:var(--primary);text-decoration:underline}
.si-error{border-radius:9px;background:#fdecef;color:var(--destructive);font-family:Figtree,sans-serif;font-size:13px;line-height:1.5;padding:10px 13px}
/* .si-notice: the "your link stopped working" line on the sign-in gate. Same
   box as .si-error, deliberately NOT the same colour - an expired link is
   information, not the visitor's mistake, and painting it destructive-red
   reads as blame on a page whose readers are prospect CFOs and CEOs. */
.si-notice{border-radius:9px;background:rgba(25,145,218,.09);color:var(--primary-deep);font-family:Figtree,sans-serif;font-size:13px;line-height:1.5;padding:10px 13px}
.si-hint{margin:2px 0 0;border-top:1px solid #eef2f4;padding-top:14px;font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.55;color:var(--mfg)}
.si-hint b{color:var(--navy)}
.si-badge{align-self:flex-start;display:inline-flex;align-items:center;border-radius:20px;padding:5px 12px;font-family:Raleway,sans-serif;font-weight:800;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
.si-badge-ae{background:rgba(25,145,218,.1);color:var(--primary-deep)}
.si-badge-prospect{background:#d4edb8;color:#2f5e26}
.si-sent{display:flex;align-items:flex-start;gap:10px;background:#eef8e4;border-radius:10px;padding:13px 14px;font-family:Figtree,sans-serif;font-size:13.5px;line-height:1.55;color:#2f5e26}
.si-sent svg{flex:0 0 auto;margin-top:1px}
.si-footer{margin:18px 0 0;max-width:380px;text-align:center;font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.6;color:var(--mfg)}
.adm-shell{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;box-sizing:border-box}
.adm-loading-wrap{color:var(--mfg);font-family:Figtree,sans-serif;font-size:14px}
.adm-gate-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:34px 30px;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 50px -30px rgba(28,43,50,.3);box-sizing:border-box}
.adm-gate-card h1{font-family:Raleway,sans-serif;font-weight:800;font-size:20px;color:var(--navy);margin:0 0 10px}
.adm-gate-card p{font-family:Figtree,sans-serif;font-size:13.5px;color:var(--mfg);margin:0 0 16px;line-height:1.5}
.adm-gate-link{display:inline-block;background:var(--primary);color:#fff;border-radius:8px;padding:10px 18px;font-family:Figtree,sans-serif;font-weight:700;font-size:13.5px;text-decoration:none}
.adm-gate-link:hover{background:var(--primary-deep)}
.adm-top{background:var(--navy);padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;box-sizing:border-box}
.adm-top-left{display:flex;align-items:center;gap:14px;min-width:0}
.adm-wordmark{font-family:Raleway,sans-serif;font-weight:800;font-size:16px;color:#fff;white-space:nowrap;flex-shrink:0}
.adm-top-divider{width:1px;height:18px;background:rgba(255,255,255,.25);flex-shrink:0}
.adm-top-sub{font-family:Figtree,sans-serif;font-size:12.5px;color:#a9b8bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.adm-top-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.adm-search{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);padding:8px 12px;font-family:Figtree,sans-serif;font-size:13px;color:#fff;flex:1 1 140px;min-width:120px;max-width:260px;box-sizing:border-box}
.adm-search::placeholder{color:var(--mfg)}
.adm-search:focus{outline:none;border-color:var(--primary);background:rgba(255,255,255,.12)}
.adm-avatar{width:30px;height:30px;border-radius:var(--radius);background:var(--primary);color:#fff;display:grid;place-items:center;font:700 11px/1 Figtree,sans-serif;flex-shrink:0}
.adm-main{max-width:1120px;margin:0 auto;padding:30px 22px 70px;box-sizing:border-box}
.adm-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.adm-header-row h1{font-family:Raleway,sans-serif;font-weight:800;font-size:22px;color:var(--navy);margin:0 0 6px}
.adm-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.adm-subtext{font-family:Figtree,sans-serif;font-size:13.5px;color:var(--mfg);margin:0;max-width:520px;line-height:1.5}
.adm-lens-row{display:flex;margin-bottom:16px}
.adm-lens-toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;padding:3px;gap:3px;background:var(--card)}
.adm-lens-btn{appearance:none;border:0;background:none;color:var(--mfg);border-radius:8px;padding:7px 16px;font-family:Figtree,sans-serif;font-weight:700;font-size:12.5px;cursor:pointer}
.adm-lens-btn:hover{color:var(--navy)}
.adm-lens-btn.active{background:var(--navy);color:#fff}
.adm-summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}
.adm-stat-tile{border:1px solid var(--border);border-left:4px solid var(--border);background:var(--card);border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}
.adm-stat-tile b{font-family:Raleway,sans-serif;font-weight:800;font-size:24px;color:var(--navy);line-height:1}
.adm-stat-tile span{font-family:Figtree,sans-serif;font-size:11.5px;font-weight:600;color:var(--mfg);letter-spacing:.02em}
.adm-stat-accent-blue{border-left-color:var(--primary)}
.adm-stat-accent-gold{border-left-color:var(--gold)}
.adm-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.adm-pill{appearance:none;border:1px solid var(--border);background:var(--card);color:var(--mfg);border-radius:20px;padding:7px 14px;font-family:Figtree,sans-serif;font-weight:600;font-size:12.5px;cursor:pointer}
.adm-pill:hover{border-color:var(--primary)}
.adm-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}
.adm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.adm-card{border-radius:8px;padding:16px 16px 14px;border:1px solid var(--border);background:var(--card);box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22);display:flex;flex-direction:column;min-width:0}
.adm-card-top{display:flex;align-items:flex-start;gap:12px}
.adm-card-id{width:38px;height:38px;border-radius:var(--radius);color:#fff;display:grid;place-items:center;font:700 13px/1 var(--serif);flex-shrink:0}
.adm-card-title{min-width:0;flex:1}
.adm-card-title b{display:block;font-size:15px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-card-title span{display:block;font-size:12px;color:var(--mfg);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:3px 8px;border:1px solid var(--border);background:var(--muted);border-radius:var(--radius-sm);font:700 10.5px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--seg,var(--mfg));white-space:nowrap}
.adm-card-status-row{display:flex;margin-top:10px}
.adm-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px rgba(28,43,50,.04);padding:4px 10px;white-space:nowrap;flex-shrink:0}
.adm-status-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}
.adm-card-engagement{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--border);font-family:Figtree,sans-serif;font-size:12.5px;color:var(--mfg)}
.adm-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.adm-chip{display:inline-flex;align-items:center;font-family:Figtree,sans-serif;font-weight:600;font-size:11px;color:var(--mfg);background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px rgba(28,43,50,.04);padding:3px 9px}
.adm-chip-activity{color:var(--fg)}
.adm-chip-gold{background:#fdf0c4;color:#8a6d16}
.adm-chip-muted{background:var(--muted);color:var(--mfg)}
.adm-chip-cmt{appearance:none;cursor:pointer;background:#fdf0c4;border-color:#f0dda0;color:#8a6d16;font-weight:700}
.adm-chip-cmt:hover{background:#f9e6ab}
.adm-card-engagement .adm-chip{box-shadow:none}
.adm-card-divider{height:1px;background:var(--border);margin:12px 0}
.adm-card-actions{display:flex;flex-wrap:wrap;gap:8px}
.btn.adm-act-btn-on{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.adm-act-btn-on:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.adm-empty{grid-column:1/-1;border:1.5px dashed var(--border);border-radius:14px;padding:40px 20px;text-align:center;font-family:Figtree,sans-serif;font-size:14px;color:var(--mfg)}
.adm-empty a{color:var(--primary-deep);font-weight:700;text-decoration:none}
.adm-empty a:hover{text-decoration:underline}
.adm-modal-overlay{position:fixed;inset:0;background:rgba(28,43,50,.5);display:grid;place-items:center;z-index:1000;padding:20px;box-sizing:border-box}
.adm-modal{background:var(--card);border-radius:var(--radius-card);padding:28px 26px;max-width:420px;width:100%;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto;box-sizing:border-box;position:relative}
.wiz-close-x{position:sticky;top:0;float:right;appearance:none;background:var(--card);border:none;font-size:22px;line-height:1;color:var(--mfg);cursor:pointer;padding:4px 6px;border-radius:6px;z-index:5;margin:-4px -6px -22px 0}
.wiz-close-x:hover{background:var(--bg-subtle);color:var(--fg)}
.adm-modal h2{font-family:Raleway,sans-serif;font-weight:800;font-size:20px;color:var(--navy);margin:0 0 6px}
.adm-modal-sub{font-family:Figtree,sans-serif;font-size:13px;color:var(--mfg);margin:0 0 18px;line-height:1.5}
.adm-field-label{display:block;font-family:Figtree,sans-serif;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mfg);margin:14px 0 6px}
.adm-field-label:first-of-type{margin-top:0}
.adm-field-hint{text-transform:none;font-weight:500;color:var(--mfg);letter-spacing:0}
.adm-seg-row{display:flex;gap:8px;flex-wrap:wrap}
.adm-seg-btn{appearance:none;border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:8px;padding:8px 14px;font-family:Figtree,sans-serif;font-weight:600;font-size:12.5px;cursor:pointer}
.adm-seg-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}
.adm-input{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-family:Figtree,sans-serif;font-size:14px;color:var(--navy)}
.adm-input:focus{outline:none;border-color:var(--ring);box-shadow:var(--ring-soft)}
.adm-modal-err{margin-top:12px;color:var(--destructive);font-family:Figtree,sans-serif;font-size:12.5px}
.adm-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.adm-modal-cancel{appearance:none;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px 16px;font-family:Figtree,sans-serif;font-weight:600;font-size:13px;color:var(--fg);cursor:pointer}
.adm-modal-cancel:hover{background:var(--muted)}
.adm-modal-create{appearance:none;background:var(--gold);border:0;border-radius:8px;padding:10px 18px;font-family:Figtree,sans-serif;font-weight:700;font-size:13px;color:var(--navy);cursor:pointer}
.adm-modal-create:hover{filter:brightness(.97)}
.adm-hs-block{margin-top:16px;padding-top:14px;border-top:1px solid #EDF2F4}
.adm-hs-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.adm-hs-btn{appearance:none;background:var(--card);border:1px solid var(--primary);border-radius:8px;padding:8px 14px;font-family:Figtree,sans-serif;font-weight:700;font-size:12.5px;color:var(--primary);cursor:pointer;white-space:nowrap}
.adm-hs-btn:hover{background:rgba(25,145,218,.08)}
.adm-hs-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.adm-hs-btn:disabled{opacity:.5;cursor:default}
.adm-hs-hint{font-family:Figtree,sans-serif;font-size:11.5px;color:var(--mfg);line-height:1.4}
.adm-hs-msg{margin-top:10px;font-family:Figtree,sans-serif;font-size:12.5px;color:var(--mfg);line-height:1.45}
.adm-hs-msg.adm-hs-err{color:var(--destructive)}
.adm-hs-msg.adm-hs-ok{color:#1C7C54}
.adm-hs-card{margin-top:12px;background:#F7FBFD;border:1px solid #DDEBF2;border-radius:10px;padding:12px 13px}
.adm-hs-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.adm-hs-card-top b{font-family:Raleway,sans-serif;font-weight:800;font-size:14px;color:var(--navy)}
.adm-hs-tag{font-family:Figtree,sans-serif;font-weight:700;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);background:#EAF5FC;border-radius:5px;padding:2px 7px}
.adm-hs-meta{margin-top:5px;font-family:Figtree,sans-serif;font-size:12px;color:var(--mfg)}
.adm-hs-apply{appearance:none;margin-top:10px;background:var(--primary);border:0;border-radius:7px;padding:7px 14px;font-family:Figtree,sans-serif;font-weight:700;font-size:12px;color:#fff;cursor:pointer}
.adm-hs-apply:hover{filter:brightness(.97)}
.adm-hs-contacts{margin-top:12px;border-top:1px dashed #DDEBF2;padding-top:10px}
.adm-hs-contacts-h{font-family:Figtree,sans-serif;font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--mfg);margin-bottom:7px}
.adm-hs-contact{display:flex;align-items:baseline;gap:8px;padding:4px 0;font-family:Figtree,sans-serif;font-size:12.5px;color:var(--navy);cursor:pointer}
.adm-hs-contact input{margin:0;flex:0 0 auto;position:relative;top:1px}
.adm-hs-contact-name{font-weight:600}
.adm-hs-contact-title{color:var(--mfg);font-size:11.5px}
/* Shown only when the displayed name was DERIVED from this address (the
   HubSpot contact had no firstname/lastname) - see adminHubspotContactsHtml. */
.adm-hs-contact-em{color:var(--mfg);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.adm-nd-emailrow{display:flex;gap:8px;align-items:center}
.adm-nd-emailrow .adm-input{flex:1 1 auto;min-width:0}
.adm-hs-champ{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed #DDEBF2;font-family:Figtree,sans-serif;font-size:13px;color:var(--navy)}
.adm-hs-champ-title{color:var(--mfg);font-size:12px}
.adm-hs-champ-em{color:var(--mfg);font-size:11.5px}
/* ADDRESS RECOVERY (Chris, 2026-08-03) - "HubSpot has X, but recent email is on
   Y - using Y". Takes the whole row so it reads as a sentence rather than a
   third inline chip next to the title and the address; amber because it is a
   correction the AE has to actually read, not a neutral fact. */
.adm-hs-champ-swap{flex:1 0 100%;margin-top:4px;font-size:11.5px;line-height:1.45;color:rgb(146,88,12);background:rgba(249,211,50,.16);border-radius:6px;padding:5px 8px}
.adm-nd-rv-block{margin-top:14px;padding:12px 14px;border:1px solid #DDEBF2;border-radius:10px;background:#F8FBFC}
.adm-nd-rv-head{font-family:Figtree,sans-serif;font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--mfg);margin-bottom:8px}
.adm-nd-rv-msg{font-family:Figtree,sans-serif;font-size:12.5px;color:var(--mfg);line-height:1.45}
/* The Gong block can now stack a truncation notice above its result line, so
   two adjacent messages must not read as one run-on paragraph. */
.adm-nd-rv-msg + .adm-nd-rv-msg{margin-top:6px}
/* Retry affordance for an INCOMPLETE Gong scan (see adminNewDealGongBlockHtml). */
.adm-nd-rv-actions{margin-top:10px}
.adm-nd-rv-ok{color:#1F7A5C;font-weight:600}
.adm-nd-ml-row{display:flex;align-items:center;gap:8px;margin-top:8px}
.adm-nd-ml-link{flex:1 1 auto;min-width:0;font-size:12px}
.adm-nd-rv-keep{display:flex;align-items:center;gap:8px;font-family:Figtree,sans-serif;font-size:12.5px;font-weight:600;color:var(--navy);cursor:pointer;margin-bottom:6px}
.adm-nd-rv-keep input{margin:0}
/* ONE-BUTTON SETUP (auto-setup). A keep row here wraps a full sentence rather
   than a short label, so unlike .adm-nd-rv-keep it aligns the box to the FIRST
   LINE of the text (align-items:flex-start) instead of centring it against a
   two-line block. */
.adm-nd-rv-row{display:flex;align-items:flex-start;gap:8px;font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.45;color:var(--mfg);cursor:pointer;margin-top:8px}
.adm-nd-rv-row input{margin:2px 0 0 0;flex:0 0 auto}
/* The deck slot offer is subordinate to the deck itself - it only applies when
   the row above it is ticked, and the indent is what says so. */
.adm-nd-rv-sub{margin-left:22px;margin-top:4px}
/* A DECK THAT WAS LEFT OUT. Amber, and its own block rather than another
   message line, for the same reason .adm-hs-champ-swap is amber: this is a
   correction the AE has to actually read and then go fix in the file, not a
   neutral fact in a list. Without the tint it ran on from the checkbox rows
   above it and read as one more offer. */
.adm-nd-rv-skip{margin-top:10px;padding:8px 10px;border-radius:6px;background:rgba(249,211,50,.16);color:rgb(146,88,12);font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.45}
/* The offending sentence itself, quoted out of the deck. Muted and italic so
   the AE can tell the evidence from our description of it - .adm-field-hint
   carries no size or colour of its own outside a label, so it rendered
   identically to the sentence above it. */
.adm-nd-rv-quote{display:block;margin-top:5px;font-style:italic;font-size:12px;color:rgb(122,74,10);opacity:.9}
/* The .adm-nd-rv-msg + .adm-nd-rv-msg rule above does not cover a message that
   follows an amber skip block, so the context lead-in sat 2px under it. */
.adm-nd-rv-skip + .adm-nd-rv-msg,.adm-nd-rv-skip + .adm-nd-rv-row{margin-top:10px}
/* The one-button action sits above the ordinary Cancel/Create pair, with its
   own explanation, because it is a different size of decision. */
.adm-nd-auto-row{display:flex;flex-direction:column;gap:6px;margin-top:16px;padding:12px 14px;border:1px solid #DDEBF2;border-radius:10px;background:#F8FBFC}
.adm-nd-auto-row .adm-field-hint{line-height:1.45;font-size:11.5px;color:#5B7482}
/* The context list is background reading, not a decision - it must not compete
   with the rows that have checkboxes next to them. */
.adm-nd-rv-ctx{margin-top:4px;font-size:12px;color:#5B7482;line-height:1.5}
/* The attribution line under a team question, and under a deck slot offer. */
.adm-nd-rv-attrib{display:block;margin-top:3px;font-size:11.5px;color:#5B7482;line-height:1.4}
.adm-nd-rv-match{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-family:Figtree,sans-serif;font-size:13px;color:var(--navy);margin-bottom:4px}
.adm-nd-rv-src{color:var(--mfg);font-size:11.5px}
.adm-nd-rv-list{margin-top:8px;display:flex;flex-direction:column;gap:6px;max-height:210px;overflow-y:auto}
.adm-nd-rv-item{display:flex;align-items:flex-start;gap:8px;cursor:pointer}
.adm-nd-rv-item input{margin:0;flex:0 0 auto;position:relative;top:3px}
.adm-nd-rv-item-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.adm-nd-rv-lead{font-family:Figtree,sans-serif;font-size:12.5px;font-weight:700;color:var(--navy);line-height:1.4}
.adm-nd-rv-snip{font-family:Figtree,sans-serif;font-size:12.5px;color:var(--navy);line-height:1.4}
.adm-nd-rv-snip-para{color:#5a6b74}
.adm-nd-rv-meta{font-family:Figtree,sans-serif;font-size:11px;color:var(--mfg)}
/* B2 (update mode re-entry): a Gong snippet whose prompt already matches
   something on the live deal's page - the checkbox is disabled (the dedupe
   in ndReviewFinish would no-op it anyway; this just makes that visible)
   rather than left looking like a normal, live offer. */
.adm-nd-rv-item-disabled{opacity:.55;cursor:default}
.adm-nd-rv-item-disabled input{cursor:not-allowed}
@media(max-width:480px){.adm-card-actions{flex-direction:column;align-items:stretch}.adm-card-actions .adm-act-btn{width:100%}.adm-nd-emailrow{flex-direction:column;align-items:stretch}}

/* ---- SETUP WIZARD (Chris, 2026-08-12): the 4-step new-deal flow rendered
   by adminNewDealStep1Html (js/app.js). Variable choices below are mapped
   to this file's REAL theme tokens (see index.html's :root) - the spec
   this was built from assumed a --gold-500/--green-600/--surface/--hover/
   etc scale that does not exist here; --gold/--ctk-green/--card/--muted/
   --mfg/--border/--muted-2/--navy/--radius(-sm) are the closest equivalents
   actually defined, same as every other .adm-* rule in this file. Tint
   backgrounds (chips, the selected-company card) reuse the exact rgba(gold)
   triplet .adm-nd-rv-skip already established above, rather than inventing
   a new approximation of --gold. ---- */
.wiz-stepper{display:flex;gap:4px;margin-bottom:16px}
.wiz-step-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}
.wiz-step-dot.active{background:var(--gold)}
.wiz-step-dot.done{background:var(--ctk-green)}
.wiz-step-title{font-family:Figtree,sans-serif;font-size:13px;font-weight:600;color:var(--mfg);margin-bottom:12px}

.wiz-combo{position:relative}
.wiz-combo-input{width:100%}
.wiz-combo-list{position:absolute;top:100%;left:0;right:0;max-height:240px;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:10;margin-top:4px}
.wiz-combo-item{padding:8px 12px;cursor:pointer;font-family:Figtree,sans-serif;font-size:13px}
.wiz-combo-item:hover{background:var(--muted)}
.wiz-combo-item-selected{background:var(--muted);font-weight:600}
.wiz-combo-item-name{font-weight:500;color:var(--navy)}
.wiz-combo-item-sub{font-size:12px;color:var(--mfg)}
.wiz-combo-empty{padding:12px;color:var(--mfg);font-family:Figtree,sans-serif;font-size:13px;text-align:center}
.wiz-manual-hint{font-family:Figtree,sans-serif;font-size:12px;color:var(--mfg);margin-top:10px}
.wiz-manual-hint a{color:var(--primary)}

.wiz-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.wiz-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(249,211,50,.14);border:1px solid rgba(249,211,50,.4);border-radius:12px;font-family:Figtree,sans-serif;font-size:12px;color:var(--navy)}
.wiz-chip-primary{background:rgba(249,211,50,.3);border-color:var(--gold)}
.wiz-chip-x{cursor:pointer;opacity:.6;font-size:13px;line-height:1}
.wiz-chip-x:hover{opacity:1}
.wiz-lead-tag{font-style:italic;font-size:11px;color:var(--gold-deep);font-weight:600}
.wiz-chip-lead-toggle{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;transition:background .15s;opacity:1;color:var(--mfg)}
.wiz-chip-lead-toggle:hover{background:rgba(249,211,50,.25)}
.wiz-chip-primary .wiz-chip-lead-toggle{color:var(--gold-deep)}

.wiz-selected{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(141,198,63,.1);border:1px solid rgba(141,198,63,.4);border-radius:var(--radius-sm);margin-bottom:8px}
.wiz-selected-name{font-family:Figtree,sans-serif;font-weight:600;font-size:13px;color:var(--navy)}
.wiz-selected-domain{font-family:Figtree,sans-serif;font-size:12px;color:var(--mfg)}
.wiz-selected-clear{margin-left:auto;cursor:pointer;font-family:Figtree,sans-serif;font-size:12px;color:var(--mfg);white-space:nowrap}
.wiz-selected-clear:hover{color:var(--navy)}

.wiz-dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed var(--border);border-radius:var(--radius);padding:24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.wiz-dropzone:hover,.wiz-dropzone.wiz-dragover{border-color:var(--gold-deep);background:rgba(249,211,50,.08)}
.wiz-dropzone-text{font-family:Figtree,sans-serif;font-size:13px;color:var(--mfg)}
.wiz-file-list{margin-top:8px}
.wiz-file-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-family:Figtree,sans-serif;font-size:13px;color:var(--navy);border-bottom:1px solid var(--border)}
.wiz-file-row:last-child{border-bottom:0}
.wiz-file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wiz-file-size{color:var(--mfg);font-size:12px;white-space:nowrap}
.wiz-file-remove{cursor:pointer;color:var(--mfg);font-size:12px}
.wiz-file-remove:hover{color:var(--destructive)}
/* UPDATE-MODE GAP STEP (Chris, 2026-08-24) - adminNewDealGapHtml, js/app.js */
.nd-gap-list{margin:14px 0 0}
.nd-gap-row{padding:12px 0;border-bottom:1px solid var(--border)}
.nd-gap-row:last-child{border-bottom:0}
.nd-gap-row-head{font-family:Figtree,sans-serif;font-size:13px;color:var(--navy);line-height:1.5}
.nd-gap-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.nd-gap-resolved{margin-top:6px}
.nd-gap-gong-row{border-bottom:0;margin-top:6px;padding-top:18px;border-top:1px dashed var(--border)}
.nd-gap-gong-unsure{margin-top:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nd-gap-routine{margin-top:6px;padding:10px 0;border-bottom:1px dashed var(--border)}
.nd-gap-routine-toggle{background:none;border:0;padding:0;cursor:pointer;font-family:Figtree,sans-serif;font-size:12.5px;color:var(--mfg);text-align:left}
.nd-gap-routine-toggle:hover{color:var(--navy)}
.nd-gap-routine-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.nd-gap-routine-item{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:Figtree,sans-serif;font-size:12.5px;color:var(--navy)}

.wiz-manual-champion-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:6px}
.wiz-manual-champion-row .adm-input{flex:1 1 120px;min-width:0}

.wiz-summary{background:var(--muted-2);border-radius:var(--radius);padding:12px;margin-bottom:12px}
.wiz-summary-row{display:flex;gap:8px;padding:5px 0;font-family:Figtree,sans-serif;font-size:13px}
.wiz-summary-label{font-weight:600;min-width:80px;color:var(--mfg)}
.wiz-summary-value{flex:1;color:var(--navy)}

/* Integration alignment panel (Step 4) */
.wiz-match-panel{background:var(--muted-2);border-radius:var(--radius);padding:12px;margin-bottom:12px}
.wiz-match-panel-title{font-family:Figtree,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mfg);margin-bottom:8px}
.wiz-match-row{display:flex;align-items:center;gap:8px;padding:5px 0;font-family:Figtree,sans-serif;font-size:13px;flex-wrap:wrap}
.wiz-match-icon{flex:0 0 auto;width:18px;text-align:center;font-weight:700}
.wiz-match-ok{color:var(--ctk-green)}
.wiz-match-warn{color:var(--amber)}
.wiz-match-error{color:var(--destructive)}
.wiz-match-pending{color:var(--mfg)}
.wiz-match-label{flex:0 0 76px;font-weight:600;color:var(--navy)}
.wiz-match-value{flex:1;min-width:0;color:var(--mfg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wiz-match-fix{flex:0 0 auto;font-size:12px;color:var(--primary);cursor:pointer;white-space:nowrap}
.wiz-match-expand{display:flex;gap:6px;padding:4px 0 8px 26px;width:100%}
.wiz-match-expand .adm-input{flex:1;min-width:0}

.wiz-combo-inline .wiz-combo-list{position:relative;top:auto;margin-top:4px;max-height:200px;box-shadow:none;border:1px solid var(--border)}
.wiz-nav{display:flex;justify-content:space-between;align-items:center;position:sticky;bottom:-28px;background:var(--card);margin:16px -26px -28px;padding:16px 26px 28px;border-top:1px solid var(--border);z-index:5}
.wiz-nav-group{display:flex;gap:10px}
@media(max-width:480px){.wiz-manual-champion-row{flex-direction:column;align-items:stretch}.wiz-match-row{align-items:flex-start}.wiz-match-expand{padding-left:0}}

.pb-shell{min-height:100vh;display:flex;flex-direction:column;background:#F1F7F9}
.pb-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--mfg);font-family:Figtree,sans-serif;font-size:14px}
.pb-gate-card{margin:auto;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:34px 30px;max-width:380px;width:calc(100% - 40px);text-align:center;box-shadow:0 20px 50px -30px rgba(28,43,50,.3);box-sizing:border-box}
.pb-gate-card h1{font-family:Raleway,sans-serif;font-weight:800;font-size:20px;color:var(--navy);margin:0 0 10px}
.pb-gate-card p{font-family:Figtree,sans-serif;font-size:13.5px;color:var(--mfg);margin:0 0 16px;line-height:1.5}
.pb-gate-link{display:inline-block;background:var(--primary);color:#fff;border-radius:8px;padding:10px 18px;font-family:Figtree,sans-serif;font-weight:700;font-size:13.5px;text-decoration:none}
.pb-gate-link:hover{background:var(--primary-deep)}
.pb-header{background:var(--navy);padding:11px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;box-sizing:border-box}
.pb-header-left{display:flex;align-items:center;gap:12px;min-width:0}
.pb-back{display:inline-flex;align-items:center;font-family:var(--sans);font-weight:600;font-size:12.5px;color:#a9b8bf;text-decoration:none;white-space:nowrap;flex-shrink:0;padding:6px 8px;border-radius:var(--radius-sm);transition:background .12s,color .12s}
.pb-back:hover{color:#fff;background:rgba(255,255,255,.1)}
.pb-header-div{width:1px;height:16px;background:rgba(255,255,255,.22);flex-shrink:0}
.pb-wordmark{font-family:Raleway,sans-serif;font-weight:800;font-size:15px;color:#fff;white-space:nowrap;flex-shrink:0}
.pb-header-sub{font-family:Figtree,sans-serif;font-size:12.5px;color:#a9b8bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pb-header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pb-save{display:inline-flex;align-items:center;gap:5px;font-family:Figtree,sans-serif;font-weight:600;font-size:12px;color:#a9b8bf;white-space:nowrap;background:rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:4px 8px}
.pb-save.saved{color:var(--ctk-green)}
.pb-save.local{color:#e5b84b}
.pb-mode-pill{font-family:Raleway,sans-serif;font-weight:800;font-size:10px;letter-spacing:.08em;border-radius:20px;padding:5px 11px;white-space:nowrap;background:var(--gold);color:var(--navy)}
.pb-mode-pill.preview{background:rgba(255,255,255,.14);color:#dbe6ea}
.pb-preview-toggle{appearance:none;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:var(--radius);padding:7px 13px;font-family:Figtree,sans-serif;font-weight:600;font-size:12.5px;cursor:pointer;white-space:nowrap}
.pb-preview-toggle:hover{background:rgba(255,255,255,.1)}
/* P2-6: prospect-preview chrome is anchored to the BOTTOM of the viewport, not the
   top. Both pills are position:fixed at z-index 999 while the prospect header is a
   sticky top:0 bar at z-index 60, so at the top they painted straight over the
   header - the draft pill covered the logo and org name ("Everwise Credit Union"
   rendered as "Credit Union") and this exit pill covered the champion chips. The
   header's own left edge is fixed at x=24 below 1188px and its content re-centres
   above that, so no left/right offset clears it at every width, and it wraps (and
   grows taller) on narrow screens so no fixed top offset clears it either. Nothing
   is anchored to the bottom of a prospect page, so bottom placement cannot occlude
   content at any width. .pb-toast is lifted above these two for the same reason. */
.pb-preview-exit{position:fixed;bottom:16px;right:16px;z-index:999;appearance:none;display:inline-flex;align-items:center;gap:9px;background:var(--navy);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px;cursor:pointer;box-shadow:0 14px 34px -14px rgba(28,43,50,.55)}
.pb-preview-exit-label{font-family:Figtree,sans-serif;font-weight:600;font-size:12.5px;color:#fff;background:rgba(255,255,255,.12);border-radius:999px;padding:7px 13px}
.pb-preview-exit:hover .pb-preview-exit-label{background:rgba(255,255,255,.22)}
.pb-dirty{display:inline-flex;align-items:center;gap:6px;font-family:Figtree,sans-serif;font-weight:600;font-size:11px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:var(--radius-sm);padding:5px 10px}
.pb-dirty .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}
.pb-dirty.dirty{background:rgba(249,210,48,.18);border-color:rgba(249,210,48,.5);color:var(--gold)}
.pb-dirty.clean{background:rgba(141,198,63,.14);border-color:rgba(141,198,63,.5);color:var(--ctk-green)}
.pb-dirty.unpub{background:rgba(139,154,164,.16);border-color:rgba(139,154,164,.4);color:#a9b8bf}
.pb-publish{appearance:none;background:var(--gold);border:0;color:var(--navy);border-radius:var(--radius);padding:7px 16px;font-family:Figtree,sans-serif;font-weight:600;font-size:12.5px;cursor:pointer;white-space:nowrap}
.pb-publish:hover{background:var(--gold-deep)}
.pb-publish.active{background:var(--gold-deep)}
.pb-publish[disabled]{opacity:.5;cursor:default}
.pb-publish.blocked{opacity:1;background:var(--muted);color:var(--mfg);border:1px solid var(--border);box-shadow:none;cursor:not-allowed}
.pb-publish.blocked[disabled]{opacity:1;cursor:not-allowed}
.pb-prepub{margin:0 0 14px;border:1px solid rgba(180,95,20,.28);background:#fffbf6;border-radius:10px;padding:11px 12px 6px}
.pb-prepub.ready{display:flex;align-items:center;gap:7px;border-color:rgba(47,138,47,.3);background:rgba(141,198,63,.1);padding:9px 12px;font-family:Figtree,sans-serif;font-weight:600;font-size:12px;color:#2f6a2a}
.pb-prepub-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:Raleway,sans-serif;font-weight:800;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#b45f14}
.pb-prepub-head em{font-style:normal;font-family:Figtree,sans-serif;font-weight:800;font-size:11px;color:#fff;background:#b45f14;border-radius:20px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.pb-prepub-sub{font-family:Figtree,sans-serif;font-size:11.5px;line-height:1.4;color:#7a6a58;margin:5px 0 9px}
.pb-prepub-grp{margin-bottom:8px}
.pb-prepub-grp-h{font-family:Figtree,sans-serif;font-weight:700;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#a08a72;margin:0 0 3px 2px}
.pb-prepub-item{display:flex;align-items:center;gap:7px;width:100%;text-align:left;appearance:none;background:transparent;border:0;border-radius:6px;padding:5px 7px;margin:1px 0;cursor:pointer;font-family:Figtree,sans-serif;font-size:12px;color:var(--navy)}
.pb-prepub-item:hover{background:rgba(180,95,20,.09)}
.pb-prepub-dot{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#e08a2e}
.pend-badge{display:inline-block;vertical-align:middle;margin-left:7px;font-family:Figtree,sans-serif;font-weight:700;font-size:9.5px;letter-spacing:.4px;text-transform:uppercase;color:#b45f14;background:rgba(180,95,20,.12);border:1px solid rgba(180,95,20,.28);border-radius:20px;padding:1px 7px;white-space:nowrap;user-select:none;cursor:default}
.edtxt-pending{outline-color:rgba(180,95,20,.55)!important;background-color:rgba(180,95,20,.05)}
.pb-draft-banner{position:fixed;bottom:16px;left:16px;z-index:999;display:inline-flex;align-items:center;gap:8px;max-width:min(70vw,520px);background:var(--navy);color:#dbe6ea;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 15px;font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.35;box-shadow:0 14px 34px -14px rgba(28,43,50,.55)}
.pb-draft-banner b{color:var(--gold);font-weight:800}
.pb-draft-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(249,210,48,.25)}
@media print{.pb-draft-banner,.pb-preview-exit,.pb-toast{display:none!important}}
/* ---- STALE-TAB VERSION PROMPT (see the version-check block in js/app.js) ----
   Fixed to the bottom-left, never in page flow, so it can never shift a prospect
   page under someone mid-read and never blocks what is behind it. No bottom
   offset is hard-coded per breakpoint: .pb-draft-banner shares this corner (16px
   on desktop, 72px and full-width below 920px), so positionVersionPrompt()
   measures whatever is there and sets `bottom` to sit above it. Above the pills
   at z-index 999 and below the send/comment popovers at 1150+. */
.bp-vprompt{position:fixed;left:16px;bottom:16px;z-index:1002;display:flex;align-items:center;gap:8px;max-width:min(520px,calc(100vw - 32px));background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:999px;padding:7px 8px 7px 16px;font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.35;box-shadow:0 14px 34px -14px rgba(28,43,50,.4)}
.bp-vprompt-txt{min-width:0;color:var(--mfg)}
.bp-vprompt-txt b{font-weight:700;color:var(--navy)}
.bp-vprompt-reload{appearance:none;border:0;cursor:pointer;white-space:nowrap;background:var(--muted);color:var(--navy);border-radius:999px;padding:6px 14px;font-family:Figtree,sans-serif;font-weight:700;font-size:12.5px}
.bp-vprompt-reload:hover{background:var(--border)}
.bp-vprompt-x{appearance:none;border:0;cursor:pointer;background:transparent;color:var(--mfg);font-family:Figtree,sans-serif;font-size:16px;line-height:1;padding:5px 9px;border-radius:999px}
.bp-vprompt-x:hover{background:var(--muted);color:var(--fg)}
/* AE variant - same component, louder. An AE tab is the one that can fire a
   real email at a prospect from a handler prod has already replaced, so it
   reads as navy chrome with a gold action; the champion keeps the page palette. */
.bp-vprompt.ae{background:var(--navy);border-color:rgba(255,255,255,.16);box-shadow:0 14px 34px -14px rgba(28,43,50,.55)}
.bp-vprompt.ae .bp-vprompt-txt{color:#b9c8ce}
.bp-vprompt.ae .bp-vprompt-txt b{color:#fff}
.bp-vprompt.ae .bp-vprompt-reload{background:var(--gold);color:var(--navy)}
.bp-vprompt.ae .bp-vprompt-reload:hover{background:var(--gold-deep)}
.bp-vprompt.ae .bp-vprompt-x{color:#8fa3ac}
.bp-vprompt.ae .bp-vprompt-x:hover{background:rgba(255,255,255,.12);color:#fff}
@media print{.bp-vprompt{display:none!important}}
/* P2-6: raised clear of the bottom-anchored preview pills (bottom:16px, up to
   ~44px tall, and the draft pill can be min(70vw,520px) wide from the left edge,
   which reaches past centre on a normal laptop). */
.pb-toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);z-index:1001;display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;border-radius:999px;padding:11px 20px;font-family:Figtree,sans-serif;font-weight:700;font-size:13px;box-shadow:0 18px 44px -18px rgba(28,43,50,.7)}
/* P2-6 (found while verifying, pre-existing): the draft pill and the exit pill run
   into EACH OTHER once the viewport is narrow enough that min(70vw,520px) from the
   left reaches the exit pill's ~274px from the right - true at 768px and below, and
   equally true when both sat at the top. Below 920px they stack instead: the exit
   pill keeps the bottom row, the draft pill sits above it and spans the full width
   (where its message fits on fewer lines anyway), and the toast clears both. */
@media (max-width:920px){
  .pb-draft-banner{left:16px;right:16px;bottom:72px;max-width:none}
  .pb-toast{bottom:164px}
}
.pb-body{display:grid;grid-template-columns:320px 1fr;align-items:start;flex:1 1 auto;min-height:0}
.pb-body.preview{grid-template-columns:1fr}
.pb-rail{background:var(--muted);border-right:1px solid var(--border);padding:15px 13px;box-sizing:border-box;position:sticky;top:0;align-self:stretch;max-height:100vh;overflow-y:auto}
.pb-rail-head{font-family:Raleway,sans-serif;font-weight:800;font-size:10.5px;letter-spacing:.08em;color:var(--mfg);margin:0 0 10px;padding:0 4px}
.pb-rail-head small{font-weight:600;letter-spacing:0;text-transform:none;color:#a9b8bf}
.pb-rail-row{display:flex;align-items:center;gap:9px;border-radius:8px;padding:8px 6px}
.pb-rail-row.active{background:rgba(25,145,218,.1)}
.pb-vis-dot{appearance:none;padding:0;border:0;width:9px;height:9px;border-radius:50%;background:#cdd8dd;cursor:pointer;flex-shrink:0}
.pb-vis-dot.on{background:var(--ctk-green)}
.pb-vis-dot.disabled{cursor:default;opacity:.55}
.pb-rail-name{appearance:none;background:none;border:0;padding:0;text-align:left;font-family:Figtree,sans-serif;font-weight:600;font-size:13px;color:var(--navy);cursor:pointer;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-rail-div{height:1px;background:var(--border);margin:14px 4px}
.insp{display:flex;flex-direction:column;gap:18px;padding-bottom:8px}
.insp-empty{margin:4px;font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.5;color:var(--mfg)}
.insp-group{display:flex;flex-direction:column;gap:9px}
.insp-group-head{font-family:Raleway,sans-serif;font-weight:800;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mfg);padding:0 4px}
.insp-field{display:flex;flex-direction:column;gap:4px;padding:0 4px}
.insp-field-wide{width:100%;box-sizing:border-box}
.insp-label{font-family:Figtree,sans-serif;font-weight:600;font-size:13px;color:var(--fg)}
/* Growth-rate assumption row (fldRoiRate): "required before publish" tag + the
   org's own scorecard figure printed under the input as read-only context. */
.insp-req{font-style:normal;font-family:Raleway,sans-serif;font-weight:800;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#b3541e;margin-left:4px}
.insp-ctx{font-family:Figtree,sans-serif;font-size:11.5px;line-height:1.45;color:var(--mfg)}
.insp-input{width:100%;box-sizing:border-box;height:38px;appearance:none;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:0 12px;font-family:Figtree,sans-serif;font-size:14px;color:var(--fg)}
.insp-input:focus{outline:0;border-color:var(--ring);box-shadow:var(--ring-soft)}
.insp-textarea{height:auto;resize:vertical;min-height:84px;padding:9px 12px;line-height:1.55;font-family:Figtree,sans-serif}
.insp-toggle{display:flex;align-items:center;gap:8px;padding:2px 4px;font-family:Figtree,sans-serif;font-weight:600;font-size:12.5px;color:var(--fg);cursor:pointer}
.insp-toggle input{width:16px;height:16px;flex-shrink:0;accent-color:var(--primary)}
.insp-list{display:flex;flex-direction:column;gap:10px}
.insp-list-item{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}
.insp-list-item-head{display:flex;align-items:center;justify-content:space-between}
.insp-list-item-num{font-family:Raleway,sans-serif;font-weight:800;font-size:10.5px;color:#a9b8bf}
.insp-list-item-actions{display:flex;align-items:center;gap:4px}
.insp-list-btn{appearance:none;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1;color:var(--mfg);cursor:pointer}
.insp-list-btn:hover{background:var(--muted)}
.insp-list-btn:disabled{opacity:.35;cursor:default}
.insp-list-btn-del{color:var(--destructive)}
.insp-list-item-body{display:flex;flex-direction:column;gap:8px}
.insp-list-item-body .insp-field{padding:0}
.insp-list-add{appearance:none;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:none;border:1px dashed var(--border);border-radius:var(--radius);padding:7px 12px;font-family:Figtree,sans-serif;font-weight:600;font-size:12px;color:var(--primary);cursor:pointer}
.insp-list-add:hover{background:rgba(25,145,218,.08)}
/* fldList's opt-in clear-all. Deliberately QUIETER than the add button next to
   it - borderless, muted, small - so the destructive control never out-competes
   the constructive one for the pointer. It only turns destructive-red on hover,
   at which point the AE is already on it and the confirm dialog is next. */
.insp-list-clear{appearance:none;align-self:flex-start;background:none;border:0;padding:2px 0;font-family:Figtree,sans-serif;font-weight:600;font-size:11.5px;color:var(--mfg);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.insp-list-clear:hover{color:var(--destructive)}
.file-fld{gap:8px}
.file-fld-chip{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;color:var(--fg);box-sizing:border-box}
.file-fld-chip svg{flex:0 0 auto;color:var(--mfg)}
.file-fld-chip-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Figtree,sans-serif;font-weight:600;font-size:12.5px}
.file-fld-chip-size{font-family:Figtree,sans-serif;font-size:11px;color:var(--mfg);white-space:nowrap}
.file-fld-chip-view{font-family:Figtree,sans-serif;font-weight:600;font-size:12px;color:var(--primary);text-decoration:none;white-space:nowrap}
.file-fld-chip-view:hover{text-decoration:underline}
.file-fld-drop{appearance:none;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:none;border:1px dashed var(--border);border-radius:var(--radius);padding:7px 12px;font-family:Figtree,sans-serif;font-weight:600;font-size:12px;color:var(--primary);cursor:pointer}
.file-fld-drop:hover{background:rgba(25,145,218,.08)}
.file-fld-drop.is-uploading{opacity:.6;cursor:default;pointer-events:none}
.file-fld-status{display:inline-flex;align-items:center;gap:6px;font-family:Figtree,sans-serif;font-size:12px;color:var(--mfg)}
.file-fld-error{color:var(--destructive)}
/* RESOURCE LOCKER (per-deal upload/link manifest) - AE dashboard modal +
   editor picker. Reuses .adm-modal-wide, .file-fld-chip/-name/-size/-view,
   .insp-list-btn, .cs-pick-* and .seg-badge for every piece that already has
   a shape of its own; only the drop zone, the add-link row and the manifest
   list wrapper below are genuinely new. */
.rl-drop{display:flex;align-items:center;gap:10px;border:1.5px dashed var(--border);border-radius:var(--radius-card);padding:16px 18px;cursor:pointer;font-family:Figtree,sans-serif;font-size:13px;color:var(--mfg);box-sizing:border-box}
.rl-drop:hover,.rl-drop.is-dragover{border-color:var(--primary);background:rgba(25,145,218,.06);color:var(--primary)}
.rl-drop svg{flex:0 0 auto}
.rl-drop b{color:var(--navy);font-weight:700}
.rl-drop.is-dragover b{color:var(--primary)}
.rl-link-row{display:flex;gap:8px;align-items:center;margin-top:14px}
.rl-link-row .adm-input{flex:1 1 auto;min-width:0}
.rl-list{display:flex;flex-direction:column;gap:8px;margin-top:14px;max-height:320px;overflow-y:auto}
.rl-empty{margin:14px 0 0;padding:16px;text-align:center;border:1.5px dashed var(--border);border-radius:var(--radius);font-family:Figtree,sans-serif;font-size:12.5px;color:var(--mfg);line-height:1.5}
@media(max-width:480px){.rl-link-row{flex-direction:column;align-items:stretch}}
/* RESOURCE INBOX (Chris, 2026-08-05): the deal-agnostic Add Resources modal
   reuses every .rl-*/.adm-modal-* rule above verbatim (it is the same
   component, see resourceLockerModalHtml) - only the assign row (add-time
   override + live match preview) and the per-row status/reassign block
   below are new. */
.ri-assign-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.ri-assign-label{font-family:Figtree,sans-serif;font-size:12px;font-weight:600;color:var(--navy);flex:0 0 auto}
.ri-assign-row select.adm-input,.ri-assign-row input.adm-input{flex:1 1 160px;min-width:0}
.ri-assign-or{font-family:Figtree,sans-serif;font-size:12px;color:var(--mfg);flex:0 0 auto}
.adm-input-sm{padding:7px 10px;font-size:12.5px}
.ri-preview{margin:6px 0 10px;font-family:Figtree,sans-serif;font-size:12px;color:var(--mfg)}
.ri-preview b{color:var(--navy)}
.ri-preview-match{color:var(--ctk-green)}
.ri-preview-match b{color:inherit}
.ri-preview-ambiguous{color:var(--amber)}
.file-fld-chip.ri-row{flex-wrap:wrap}
.ri-row-status{flex:1 1 100%;display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}
.ri-status{font-family:Figtree,sans-serif;font-size:12px;font-weight:600}
.ri-status-matched{color:var(--ctk-green)}
.ri-status-pending{color:var(--amber)}
.ri-status-unmatched{color:var(--mfg)}
.ri-candidates{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-family:Figtree,sans-serif;font-size:11.5px;color:var(--mfg)}
.ri-candidate-chip{border:1px solid var(--border);background:var(--card);border-radius:var(--pill);padding:3px 10px;font-family:Figtree,sans-serif;font-size:11.5px;color:var(--primary-deep);cursor:pointer}
.ri-candidate-chip:hover{border-color:var(--primary);background:rgba(25,145,218,.06)}
.ri-row-assign{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ri-row-assign select.adm-input,.ri-row-assign input.adm-input{flex:1 1 140px;min-width:0}
@media(max-width:480px){.ri-assign-row{flex-direction:column;align-items:stretch}}
/* RESOURCE MATCH PROVENANCE (Item 2, Chris 2026-08-05): the rm-badge line
   is shown on EVERY resourceLocker row - inbox or already inside a deal
   locker - see resourceMatchBadgeHtml/resourceProvenanceBlockHtml. Color by
   method so an auto-match reads visually distinct from a deliberate AE
   placement at a glance, not just from the label text. */
.ri-preview-pending{color:var(--amber)}
.ri-preview-pending b{color:inherit}
.ri-fallback-note{margin:0 0 10px;padding:8px 11px;border-radius:8px;background:rgba(217,152,48,.1);font-family:Figtree,sans-serif;font-size:11.5px;line-height:1.4;color:#96691f}
.rm-badge{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-family:Figtree,sans-serif;font-size:11px}
.rm-badge b{font:700 9.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:5px;padding:3px 6px;flex:0 0 auto}
.rm-badge span{color:var(--mfg);overflow-wrap:anywhere}
.rm-badge-auto b{background:rgba(141,198,63,.16);color:#4a7a1e}
.rm-badge-backfill b{background:rgba(25,145,218,.14);color:var(--primary-deep)}
.rm-badge-manual b{background:var(--muted);color:var(--navy)}
.rm-badge-unmatched b{background:rgba(191,40,65,.1);color:var(--destructive)}
.rm-badge-low b{background:rgba(217,152,48,.16);color:#96691f}
.pb-canvas{background:#F1F7F9;padding:28px 20px 60px;box-sizing:border-box;min-width:0}
.pb-canvas-note{max-width:900px;margin:0 auto 14px;font-family:Figtree,sans-serif;font-size:12px;color:var(--mfg);text-align:center}
.pb-sc-bar{max-width:900px;margin:0 auto 14px;display:flex;flex-direction:column;align-items:center;gap:8px}
.pb-sc-bar-top{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.pb-sc-btn{appearance:none;display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid #cdd8de;color:var(--accent-blue);border-radius:8px;padding:8px 15px;font-family:Figtree,sans-serif;font-weight:700;font-size:12.5px;cursor:pointer;white-space:nowrap}
.pb-sc-btn:hover{border-color:var(--accent-blue);background:#f3f9fd}
.pb-sc-btn svg{display:block}
.pb-sc-override-toggle{appearance:none;background:none;border:0;color:#6b7a83;font-family:Figtree,sans-serif;font-size:12px;text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:2px}
.pb-sc-override-toggle:hover{color:var(--accent-blue)}
.pb-sc-override{width:100%;max-width:560px;background:var(--card);border:1px solid #d7e0e5;border-radius:10px;padding:13px 15px}
.pb-sc-override-lbl{display:block;font-family:Figtree,sans-serif;font-weight:700;font-size:12px;color:#3a4a52;margin-bottom:7px}
.pb-sc-override-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pb-sc-url-input{flex:1;min-width:220px;border:1px solid #cdd8de;border-radius:7px;padding:8px 10px;font-family:Figtree,sans-serif;font-size:12.5px;color:#333}
.pb-sc-url-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px rgba(33,131,191,.15)}
.pb-sc-url-btn{appearance:none;background:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff;border-radius:7px;padding:8px 14px;font-family:Figtree,sans-serif;font-weight:700;font-size:12.5px;cursor:pointer;white-space:nowrap}
.pb-sc-url-btn:hover:not(:disabled){background:#1b6f9f}
.pb-sc-url-btn:disabled,.pb-sc-url-input:disabled{opacity:.6;cursor:default}
.pb-sc-override-help{margin:8px 0 0;font-family:Figtree,sans-serif;font-size:11.5px;color:#7a8891;line-height:1.45}
.pb-sc-override-err{margin:7px 0 0;font-family:Figtree,sans-serif;font-size:12px;color:#c0392b;line-height:1.45}
.pb-sc-prov{display:inline-flex;align-items:center;gap:6px;font-family:Figtree,sans-serif;font-size:12px;color:#5a7a4a}
.pb-sc-prov svg{display:block}
/* Change 2 (2026-08 Novation incident): same warm warning treatment as
   .pb-gong-stale, reused here so every "this is not sourced yet" signal in
   the builder reads as one visual language. */
.pb-sc-unsourced{font-family:Figtree,sans-serif;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#7a6a3a;background:#f6efd8;border-radius:4px;padding:3px 8px}
.pb-gong-bar{max-width:640px;margin:0 auto 14px;background:var(--card);border:1px solid #d7e0e5;border-left:3px solid #6f47c9;border-radius:10px;padding:13px 15px;display:flex;flex-direction:column;gap:11px}
.pb-gong-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pb-gong-btn{appearance:none;display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid #cdd8de;color:#6f47c9;border-radius:8px;padding:8px 15px;font-family:Figtree,sans-serif;font-weight:700;font-size:12.5px;cursor:pointer;white-space:nowrap}
.pb-gong-btn:hover:not(:disabled){border-color:#6f47c9;background:#f6f3fc}
.pb-gong-btn:disabled{opacity:.6;cursor:default}
.pb-gong-btn svg{display:block}
.pb-gong-hint{font-family:Figtree,sans-serif;font-size:12px;color:#7a8891;line-height:1.4}
.pb-gong-msg{font-family:Figtree,sans-serif;font-size:12.5px;color:#6b7a83;line-height:1.45}
.pb-gong-err{color:#c0392b}
.pb-gong-summary{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-family:Figtree,sans-serif;font-size:13px;color:#3a4a52}
.pb-gong-stale{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#7a6a3a;background:#f6efd8;border-radius:4px;padding:2px 6px}
.pb-gong-sub{flex-basis:100%;font-size:11.5px;font-weight:400;color:#7a8891}
.pb-gong-list{display:flex;flex-direction:column;gap:9px}
.pb-gong-group{display:flex;flex-direction:column;gap:7px}
.pb-gong-grouphead{font-family:Figtree,sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7a8891}
.pb-gong-sums{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid #eef2f4;border-radius:9px;background:#fbfcfd}
.pb-gong-sumrow{display:flex;flex-direction:column;gap:3px}
.pb-gong-sumtext{font-family:Roboto,sans-serif;font-size:12.5px;line-height:1.5;color:#44535b}
.pb-gong-prov{font-family:Figtree,sans-serif;font-size:10px;font-weight:700;letter-spacing:.03em;color:var(--mfg);background:#f2f5f7;border-radius:4px;padding:2px 6px}
.pb-gong-prov-ai{color:#2f6f4f;background:#e8f4ec}
.pb-gong-lead{font-family:Figtree,sans-serif;font-size:12.5px;font-weight:700;color:var(--navy);line-height:1.45}
.pb-gong-item{border:1px solid #eef2f4;border-radius:9px;padding:10px 12px;display:flex;flex-direction:column;gap:7px;background:#fbfcfd}
.pb-gong-item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pb-gong-sig{font-family:Figtree,sans-serif;font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6f47c9;background:#f0eafc;border-radius:4px;padding:2px 7px}
.pb-gong-call{font-family:Figtree,sans-serif;font-size:11.5px;font-weight:600;color:#3a4a52}
.pb-gong-date{font-family:Figtree,sans-serif;font-size:11px;color:#9aa8b0}
.pb-gong-snippet{font-family:Roboto,sans-serif;font-size:12.5px;line-height:1.5;color:#44535b}
.pb-gong-snippet-para{color:#5a6b74}
.pb-gong-para-tag{font-family:Figtree,sans-serif;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:#8a969c;white-space:nowrap}
.pb-gong-add{appearance:none;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:none;border:1px dashed #c9bce4;border-radius:8px;padding:6px 12px;font-family:Figtree,sans-serif;font-weight:700;font-size:12px;color:#6f47c9;cursor:pointer}
.pb-gong-add:hover{background:rgba(111,71,201,.08)}
.pb-gong-add svg{display:block}
.pb-gong-added{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-family:Figtree,sans-serif;font-weight:700;font-size:12px;color:#5a7a4a}
.pb-sfaq-bar{border-left-color:#2f6f4f}
.pb-sfaq-bar .pb-gong-btn{color:#2f6f4f}
.pb-sfaq-bar .pb-gong-btn:hover:not(:disabled){border-color:#2f6f4f;background:#eff7f2}
.pb-sfaq-bar .pb-gong-sig{color:#2f6f4f;background:#e8f4ec}
.pb-sfaq-bar .pb-gong-add{border-color:#b3d4c1;color:#2f6f4f}
.pb-sfaq-bar .pb-gong-add:hover{background:rgba(47,111,79,.08)}
.pb-sfaq-a{font-family:Roboto,sans-serif;font-size:12.5px;line-height:1.55;color:#44535b;border-left:2px solid #e3ebe6;padding-left:10px}
.pb-gong-added svg{display:block}
/* ---------- PASS B5: drafted answer under an extracted objection ----------
   Visually subordinate to the objection it answers, and visually distinct
   from the prospect's own words above it: a draft is a suggestion, and must
   never read like something already agreed. */
.pb-gong-draft{border-left:2px solid #b3d4c1;padding-left:10px;display:flex;flex-direction:column;gap:4px}
.pb-gong-draft-tag{font-family:Figtree,sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.2px;color:#2f6f4f}
.pb-gong-draft-a{font-family:Roboto,sans-serif;font-size:12.5px;line-height:1.55;color:#44535b}
.pb-gong-draft-none{border-left-color:#dfe5e9}
.pb-gong-draft-none .pb-gong-draft-tag{color:#8b979e;font-weight:600}
.pb-gong-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pb-gong-actions .pb-gong-add{align-self:auto}
.pb-gong-add-draft{border-color:#b3d4c1;color:#2f6f4f}
.pb-gong-add-draft:hover{background:rgba(47,111,79,.08)}
.faq-gong-src{display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;font-family:Figtree,sans-serif;font-size:11px;font-weight:600;color:#6f47c9;background:#f0eafc;border-radius:5px;padding:3px 8px}
.faq-gong-src svg{display:block}
.pb-sc-conflicts{margin:6px 0 0;padding-left:18px;font-family:Figtree,sans-serif;font-size:12px;color:#5a6b74;line-height:1.5}
.pb-sc-conflicts code{font-family:ui-monospace,Menlo,monospace;font-size:11px;background:#f0f4f6;padding:1px 4px;border-radius:3px}
/* "Use NV" - the AE picking one state out of an ambiguous scorecard refusal.
   Sits inline at the end of its candidate row, sized to sit under the 12px
   list text without pushing the row height around. */
.pb-sc-pick{margin-left:7px;font-family:Figtree,sans-serif;font-size:11px;font-weight:600;line-height:1.2;color:var(--primary);background:#eaf4fb;border:1px solid #bcdcf1;border-radius:5px;padding:2px 7px;cursor:pointer}
.pb-sc-pick:hover{background:#d9ecf8;border-color:#8fc6e8}
.pb-sc-pick:focus-visible{outline:2px solid var(--ring);outline-offset:1px}
.pb-scgap{width:100%;max-width:640px;background:var(--card);border:1px solid #d7e0e5;border-left:3px solid var(--accent-blue);border-radius:10px;padding:13px 15px;display:flex;flex-direction:column;gap:10px}
.pb-scgap-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;font-family:Figtree,sans-serif;font-size:12.5px;font-weight:600;color:#3a4a52;line-height:1.45}
.pb-scgap-x{appearance:none;background:none;border:0;color:#9aa8b0;cursor:pointer;padding:0;line-height:0;flex:0 0 auto}
.pb-scgap-x:hover{color:var(--accent-blue)}
.pb-scgap-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:9px;border-top:1px solid #eef2f4}
.pb-scgap-main{min-width:0;display:flex;flex-direction:column;gap:3px}
.pb-scgap-map{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.3}
.pb-scgap-box{color:#8a97a0;text-decoration:line-through}
.pb-scgap-arrow{display:inline-flex;color:#9aa8b0}
.pb-scgap-arrow svg{display:block}
.pb-scgap-alt{font-weight:700;color:var(--navy)}
.pb-scgap-has{font-family:Figtree,sans-serif;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#5a7a4a;background:#eef6e6;border-radius:4px;padding:2px 6px}
.pb-scgap-note{font-family:Figtree,sans-serif;font-size:11px;color:#7a8891;line-height:1.4}
.pb-scgap-btn{appearance:none;flex:0 0 auto;background:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff;border-radius:7px;padding:7px 15px;font-family:Figtree,sans-serif;font-weight:700;font-size:12px;cursor:pointer}
.pb-scgap-btn:hover{background:#1b6f9f}
/* ROI assumption cross-check - AE-only, rail-only. Same amber vocabulary as
   .pb-sc-unsourced (the other "this figure is not sourced" warning), so the two
   read as one class of problem. No button styles: the panel carries no controls
   by design, only a link out to the suggested case study. */
.pb-roichk{background:#f6efd8;border:1px solid #e3d5a6;border-left:3px solid #b99a3c;border-radius:8px;padding:10px 12px;margin:0 4px 3px;display:flex;flex-direction:column;gap:7px}
.pb-roichk-head{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;font-family:Figtree,sans-serif;font-size:11.5px;font-weight:700;color:#5f5327;line-height:1.45}
.pb-roichk-tag{font-family:Figtree,sans-serif;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#7a6a3a;background:#efe3bd;border-radius:4px;padding:2px 6px;flex:0 0 auto}
.pb-roichk-row{border-top:1px solid #e6dcbb;padding-top:6px;font-family:Figtree,sans-serif;font-size:11.5px;line-height:1.5;color:#5f5327;overflow-wrap:anywhere}
.pb-roichk-row b{color:#453c1c}
.pb-roichk-row a{color:#6b5a1f;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.pb-roichk-row a:hover{color:#453c1c}
.pb-roichk-foot{border-top:1px solid #e6dcbb;padding-top:6px;font-family:Figtree,sans-serif;font-size:10.5px;color:#8a7c4d;line-height:1.5}
/* Case-study PROPOSALS (BUILD 1, step 4) - a value line with NOTHING linked
   yet, so this is a suggestion rather than a warning: same blue "here is a
   swap you might want" vocabulary as .pb-scgap, not the amber problem tone
   above. No button styles here either - this only proposes, never attaches. */
.pb-roiprop{background:var(--card);border:1px solid #d7e0e5;border-left:3px solid var(--accent-blue);border-radius:8px;padding:10px 12px;margin:0 4px 3px;display:flex;flex-direction:column;gap:7px}
.pb-roiprop-head{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;font-family:Figtree,sans-serif;font-size:11.5px;font-weight:700;color:#3a4a52;line-height:1.45}
.pb-roiprop-tag{font-family:Figtree,sans-serif;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#1b6f9f;background:#d9ecf8;border-radius:4px;padding:2px 6px;flex:0 0 auto}
.pb-roiprop-row{border-top:1px solid #eef2f4;padding-top:6px;font-family:Figtree,sans-serif;font-size:11.5px;line-height:1.5;color:#3a4a52;overflow-wrap:anywhere}
.pb-roiprop-row b{color:var(--navy)}
.pb-roiprop-row a{color:#1b6f9f;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.pb-roiprop-row a:hover{color:var(--navy)}
.pb-roiprop-foot{border-top:1px solid #eef2f4;padding-top:6px;font-family:Figtree,sans-serif;font-size:10.5px;color:#7a8891;line-height:1.5}
/* Champion preview self-check (BUILD 2, step 12) - burnt-orange, matching the
   existing inline "withheld from your prospect until replaced" marker in
   roiValueLineHtml. Amber (.pb-roichk) means the math/citation is off; this
   means the content will not reach the prospect at all - a different class
   of problem gets a different color, on purpose. .pb-selfchk-severe (the
   whole section collapses to its placeholder) gets a heavier left border. */
.pb-selfchk{background:#fbe8dc;border:1px solid #eecab0;border-left:3px solid #b3541e;border-radius:8px;padding:10px 12px;margin:0 4px 3px;display:flex;flex-direction:column;gap:7px}
.pb-selfchk[hidden]{display:none}
.pb-selfchk-severe{border-left-width:4px;background:#fadecb}
.pb-selfchk-head{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;font-family:Figtree,sans-serif;font-size:11.5px;font-weight:700;color:#7a3f16;line-height:1.45}
.pb-selfchk-tag{font-family:Figtree,sans-serif;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#8a4a1c;background:#f3d9c2;border-radius:4px;padding:2px 6px;flex:0 0 auto}
.pb-selfchk-row{border-top:1px solid #f0d7c3;padding-top:6px;font-family:Figtree,sans-serif;font-size:11.5px;line-height:1.5;color:#6b3712;overflow-wrap:anywhere}
.pb-selfchk-row b{color:#4a270c}
.pb-selfchk-foot{border-top:1px solid #f0d7c3;padding-top:6px;font-family:Figtree,sans-serif;font-size:10.5px;color:#9c7550;line-height:1.5}
.pb-canvas-frame{margin:0 auto;background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 20px 50px -30px rgba(28,43,50,.35);border:1px solid var(--border)}
.pb-canvas-edit{position:relative}
.pb-canvas-edit [data-go]{pointer-events:none}
.pb-canvas-edit .bp-stepper [data-go]{pointer-events:auto;cursor:pointer}
.pb-canvas-preview{background:var(--card);padding:0}
.edtxt{cursor:text;border-radius:3px;outline:1px dashed transparent;outline-offset:2px;transition:outline-color .15s,background-color .15s}
.edtxt:hover{outline-color:rgba(25,145,218,.5)}
.edtxt:focus{outline-color:rgba(25,145,218,.9);background-color:rgba(25,145,218,.06)}
.edtxt:empty::before{content:"+ add";font-family:Figtree,sans-serif;font-weight:600;font-size:.85em;color:rgba(25,145,218,.7);letter-spacing:0}
.edtxt:empty{outline-color:rgba(25,145,218,.35)}
.edtxt:empty:focus::before{content:"\00a0"}
.cmt-anchor{display:none}
.cmx-fab{position:fixed;right:18px;bottom:18px;z-index:1000;appearance:none;display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:11px 18px;font-family:Figtree,sans-serif;font-weight:700;font-size:13px;line-height:1;cursor:pointer;box-shadow:0 16px 38px -16px rgba(28,43,50,.65)}
.cmx-fab:hover{background:var(--navy-3)}
.cmx-fab.on{background:var(--accent-blue);border-color:var(--accent-blue)}
.cmx-fab svg{display:block;flex:0 0 auto}
.cmx-fab i{font-style:normal;font-family:Figtree,sans-serif;font-weight:800;font-size:10.5px;line-height:1;color:var(--navy);background:var(--gold);border-radius:999px;padding:3px 6px}
.cmx-hint{position:fixed;right:18px;bottom:68px;z-index:999;max-width:min(320px,calc(100vw - 36px));background:var(--card);border:1px solid var(--border);border-radius:10px;padding:9px 13px;font-family:Figtree,sans-serif;font-size:12px;line-height:1.45;color:var(--mfg);box-shadow:0 14px 34px -18px rgba(28,43,50,.5)}
body.cmx-on .cmt-host{cursor:pointer;border-radius:10px;transition:box-shadow .12s ease,background-color .12s ease}
body.cmx-on .cmt-host:hover{background-color:rgba(33,131,191,.06);box-shadow:0 0 0 4px rgba(33,131,191,.16)}
@media (prefers-reduced-motion:reduce){body.cmx-on .cmt-host{transition:none}}
.cmx-pin{appearance:none;display:inline-flex;align-items:center;gap:4px;vertical-align:middle;margin-left:8px;background:var(--card);color:var(--accent-blue);border:1px solid rgba(28,43,50,.1);border-radius:999px;padding:4px 9px;cursor:pointer;line-height:1;box-shadow:0 4px 12px -4px rgba(28,43,50,.45)}
.cmx-pin:hover{color:#fff;background:var(--accent-blue);border-color:var(--accent-blue)}
.cmx-pin.res{color:var(--mfg)}
.cmx-pin.res:hover{background:var(--mfg);border-color:var(--mfg);color:#fff}
.cmx-pin i{font-style:normal;font-family:Figtree,sans-serif;font-weight:800;font-size:10.5px;line-height:1;color:var(--navy)}
.cmx-pin:hover i{color:#fff}
.cmx-pin svg{display:block}
.cmx-pop{position:fixed;left:0;top:0;z-index:1150;width:min(360px,calc(100vw - 24px));max-height:min(70vh,520px);display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 26px 60px -24px rgba(28,43,50,.55);overflow:hidden}
.cmx-pop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);background:#F1F7F9}
.cmx-pop-title{min-width:0}
.cmx-pop-title em{display:block;font-family:Raleway,sans-serif;font-weight:800;font-style:normal;font-size:9px;letter-spacing:.14em;color:var(--accent-blue)}
.cmx-pop-title b{display:block;margin-top:3px;font-family:Figtree,sans-serif;font-weight:700;font-size:13.5px;line-height:1.3;color:var(--navy);overflow-wrap:anywhere}
.cmx-pop-x{appearance:none;background:none;border:0;font-size:22px;line-height:1;color:var(--mfg);cursor:pointer;padding:0 2px}
.cmx-pop-x:hover{color:var(--navy)}
.cmx-pop-body{flex:1 1 auto;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.cmx-none{margin:0;font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.55;color:var(--mfg)}
.cmx-thread{border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:9px}
.cmx-thread.res{opacity:.72;background:#fbfcfe}
.cmx-res{display:flex;flex-direction:column;gap:9px}
.cmx-res summary{cursor:pointer;font-family:Figtree,sans-serif;font-weight:700;font-size:11.5px;color:var(--mfg);list-style:none}
.cmx-res summary::-webkit-details-marker{display:none}
.cmx-res summary::before{content:"\25B8 ";color:var(--mfg)}
.cmx-res[open] summary::before{content:"\25BE "}
.cmx-item{display:flex;flex-direction:column;gap:3px}
.cmx-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.cmx-meta b{font-family:Figtree,sans-serif;font-weight:700;font-size:12px;color:var(--navy);overflow-wrap:anywhere}
.cmx-meta time{font-family:Figtree,sans-serif;font-size:10.5px;color:var(--mfg)}
.cmx-role{font-family:Raleway,sans-serif;font-weight:800;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:3px 5px;background:var(--navy);color:var(--gold)}
.cmx-item p{margin:0;font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.55;color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere}
.cmx-resolve{appearance:none;align-self:flex-start;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:6px 11px;font-family:Figtree,sans-serif;font-weight:600;font-size:11.5px;color:#4e7d18;cursor:pointer}
.cmx-resolve:hover{background:#F1F7F9;border-color:var(--ctk-green)}
.cmx-pop-foot{flex:0 0 auto;border-top:1px solid var(--border);padding:11px 14px;display:flex;flex-direction:column;gap:9px;background:var(--card)}
.cmx-ta{width:100%;border:1px solid var(--border);border-radius:8px;padding:9px 11px;font-family:Figtree,sans-serif;font-size:13px;line-height:1.5;color:var(--navy);resize:vertical;background:var(--card)}
.cmx-ta:focus{outline:2px solid rgba(33,131,191,.45);outline-offset:1px;border-color:var(--accent-blue)}
.cmx-pop-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cmx-note{font-family:Figtree,sans-serif;font-size:11px;color:var(--mfg);flex:1;min-width:0}
.cmx-err{font-family:Figtree,sans-serif;font-weight:600;font-size:11px;line-height:1.4;color:var(--destructive);flex:1;min-width:0}
.cmx-post{appearance:none;background:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff;border-radius:8px;padding:8px 16px;font-family:Figtree,sans-serif;font-weight:700;font-size:12.5px;cursor:pointer;white-space:nowrap}
.cmx-post:hover{background:#1b6f9f;border-color:#1b6f9f}
.cmx-post[disabled],.cmx-ta[disabled]{opacity:.6;cursor:default}
@media(max-width:520px){.cmx-pop{width:calc(100vw - 24px)}.cmx-fab span{display:none}.cmx-fab{padding:13px}}
@media print{.cmx-fab,.cmx-hint,.cmx-pop,.cmx-pin{display:none!important}}
/* ---- Send-link compose menu (AE dashboard) --------------------------------
   Same shell as .cmx-pop above (fixed, pinned by JS, rounded card with a
   tinted head and a sticky foot) so the two popovers in this product read as
   one component rather than two. Slightly wider because the body holds a
   recipient chip list, and z-index one step above the comment popover only
   because they can never be open at the same time and this one is the AE
   surface. */
.dsend-pop{position:fixed;left:0;top:0;z-index:1160;width:min(420px,calc(100vw - 24px));max-height:min(74vh,560px);display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 26px 60px -24px rgba(28,43,50,.55);overflow:hidden}
.dsend-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);background:#F1F7F9}
.dsend-title{min-width:0}
.dsend-title em{display:block;font-family:Raleway,sans-serif;font-weight:800;font-style:normal;font-size:9px;letter-spacing:.14em;color:var(--accent-blue)}
.dsend-title b{display:block;margin-top:3px;font-family:Figtree,sans-serif;font-weight:700;font-size:13.5px;line-height:1.3;color:var(--navy);overflow-wrap:anywhere}
.dsend-x{appearance:none;background:none;border:0;font-size:22px;line-height:1;color:var(--mfg);cursor:pointer;padding:0 2px}
.dsend-x:hover{color:var(--navy)}
.dsend-body{flex:1 1 auto;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.dsend-empty{font-family:Figtree,sans-serif;font-size:12px;line-height:1.5;color:var(--mfg)}
.dsend-chips{display:flex;flex-wrap:wrap;gap:6px}
.dsend-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;background:#eef3f7;border:1px solid #dbe4ea;border-radius:14px;padding:4px 8px 4px 10px;font:600 11.5px/1.2 var(--mono);color:var(--navy)}
.dsend-chip-em{overflow-wrap:anywhere}
.dsend-chip-warn{background:#fdf6e6;border-color:#f0dda6}
.dsend-chip-tag{font:700 8.5px/1 var(--serif);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);font-style:normal;white-space:nowrap}
.dsend-chip-tag-warn{color:#9a6b12;cursor:help}
.dsend-chip-x{appearance:none;border:0;background:none;padding:0 0 0 1px;font-size:15px;line-height:1;color:#7d8c99;cursor:pointer}
.dsend-chip-x:hover{color:var(--destructive)}
/* "Already on this deal" one-click add row. Sits between the recipient chips
   and the free-text box, in that order, because it is the faster path and
   should be seen before the AE starts typing an address from memory. */
.dsend-people{display:flex;flex-direction:column;gap:5px}
.dsend-people-lab{font-family:Raleway,sans-serif;font-weight:800;font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mfg)}
.dsend-people-row{display:flex;flex-wrap:wrap;gap:6px}
.dsend-person{appearance:none;display:inline-flex;align-items:center;gap:5px;max-width:100%;background:var(--card);border:1px dashed var(--border);border-radius:14px;padding:4px 10px 4px 8px;font-family:Figtree,sans-serif;font-size:11.5px;color:var(--navy);cursor:pointer;text-align:left}
.dsend-person:hover{border-style:solid;border-color:var(--accent-blue);background:#F1F7F9}
.dsend-person svg{flex:0 0 auto;color:var(--accent-blue)}
.dsend-person>span{display:flex;flex-direction:column;min-width:0}
.dsend-person b,.dsend-person>span{font-weight:600;overflow-wrap:anywhere}
.dsend-person small{font:400 10px/1.3 var(--mono);color:var(--mfg);overflow-wrap:anywhere}
.dsend-addrow{display:flex;gap:7px;align-items:stretch}
.dsend-input{flex:1;min-width:0;border:1px solid var(--border);border-radius:8px;padding:8px 11px;font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.4;color:var(--navy);background:var(--card)}
.dsend-input:focus{outline:2px solid rgba(33,131,191,.45);outline-offset:1px;border-color:var(--accent-blue)}
.dsend-add{appearance:none;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 13px;font-family:Figtree,sans-serif;font-weight:600;font-size:12px;color:var(--navy);cursor:pointer;white-space:nowrap}
.dsend-add:hover{background:#F1F7F9;border-color:var(--accent-blue)}
.dsend-hint{font-family:Figtree,sans-serif;font-size:11px;line-height:1.45;color:var(--mfg)}
.dsend-err{font-family:Figtree,sans-serif;font-weight:600;font-size:11.5px;line-height:1.45;color:var(--destructive)}
.dsend-result{border-radius:9px;padding:9px 11px;font-family:Figtree,sans-serif;font-size:12px;line-height:1.5}
.dsend-result-head{font-weight:700}
.dsend-result-ok{background:#f0f8e8;border:1px solid #cfe6ab;color:#3f6c14}
.dsend-result-part{background:#fdf6e6;border:1px solid #f0dda6;color:#7a5a10}
.dsend-result-bad{background:#fdeef1;border:1px solid #f3c6ce;color:#8d1f31}
.dsend-fails{margin:6px 0 0;padding-left:16px;display:flex;flex-direction:column;gap:3px}
.dsend-fails li{overflow-wrap:anywhere}
.dsend-fails b{font-weight:700}
.dsend-foot{flex:0 0 auto;border-top:1px solid var(--border);padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card)}
.dsend-count{font-family:Figtree,sans-serif;font-size:11px;color:var(--mfg)}
.dsend-send{appearance:none;background:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff;border-radius:8px;padding:8px 16px;font-family:Figtree,sans-serif;font-weight:700;font-size:12.5px;cursor:pointer;white-space:nowrap}
.dsend-send:hover{background:#1b6f9f;border-color:#1b6f9f}
.dsend-send[disabled],.dsend-add[disabled],.dsend-input[disabled]{opacity:.6;cursor:default}
@media(max-width:520px){.dsend-pop{width:calc(100vw - 24px)}}
@media print{.dsend-pop{display:none!important}}
.insp-group-flash{animation:inspflash .6s ease}
@keyframes inspflash{0%{background:rgba(25,145,218,.16);border-radius:10px;box-shadow:0 0 0 6px rgba(25,145,218,.10)}100%{background:transparent;box-shadow:0 0 0 6px rgba(25,145,218,0)}}
.pb-history-btn{appearance:none;display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:7px 13px;font-family:Figtree,sans-serif;font-weight:600;font-size:12.5px;cursor:pointer;white-space:nowrap}
.pb-history-btn:hover{background:rgba(255,255,255,.1)}
.pb-history-btn svg{display:block}
.pb-hist-scrim{position:fixed;inset:0;background:rgba(28,43,50,.42);z-index:1100;animation:pbHistFade .16s ease}
@keyframes pbHistFade{from{opacity:0}to{opacity:1}}
.pb-hist-drawer{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:calc(100vw - 40px);background:var(--card);z-index:1101;display:flex;flex-direction:column;box-shadow:-24px 0 60px -30px rgba(28,43,50,.6);animation:pbHistSlide .2s ease}
@keyframes pbHistSlide{from{transform:translateX(24px);opacity:.4}to{transform:translateX(0);opacity:1}}
.pb-hist-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 14px;border-bottom:1px solid var(--border)}
.pb-hist-title b{display:block;font-family:Raleway,sans-serif;font-weight:800;font-size:16px;color:var(--navy)}
.pb-hist-title span{display:block;font-family:Figtree,sans-serif;font-size:12px;color:var(--mfg);margin-top:2px}
.pb-hist-x{appearance:none;background:none;border:0;color:var(--mfg);cursor:pointer;padding:2px;line-height:0;border-radius:6px}
.pb-hist-x:hover{background:#F1F7F9;color:var(--navy)}
.pb-hist-list{flex:1 1 auto;overflow-y:auto;padding:12px}
.pb-hist-msg{font-family:Figtree,sans-serif;font-size:13px;color:var(--mfg);line-height:1.5;padding:20px 8px;text-align:center}
.pb-hist-err{color:var(--destructive)}
.pb-hist-retry{display:block;margin:12px auto 0;appearance:none;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 16px;font-family:Figtree,sans-serif;font-weight:600;font-size:12.5px;color:var(--fg);cursor:pointer}
.pb-hist-retry:hover{background:#F1F7F9}
.pb-hist-row{border:1px solid var(--border);border-radius:11px;padding:12px 13px;margin-bottom:9px;background:var(--card)}
.pb-hist-row.current{border-color:var(--ctk-green);background:rgba(141,198,63,.06)}
.pb-hist-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pb-hist-rel{font-family:Figtree,sans-serif;font-weight:700;font-size:13.5px;color:var(--navy)}
.pb-hist-current{font-family:Raleway,sans-serif;font-weight:800;font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:#4e7d18;background:rgba(141,198,63,.2);border-radius:20px;padding:3px 9px;white-space:nowrap}
.pb-hist-abs{font-family:Figtree,sans-serif;font-size:11.5px;color:var(--mfg);margin-top:2px}
.pb-hist-who{font-family:Figtree,sans-serif;font-size:12px;color:var(--mfg);margin-top:4px}
.pb-hist-actions{display:flex;gap:8px;margin-top:11px}
.pb-hist-btn{appearance:none;border-radius:7px;padding:7px 14px;font-family:Figtree,sans-serif;font-weight:600;font-size:12px;cursor:pointer;white-space:nowrap}
.pb-hist-btn.ghost{background:var(--card);border:1px solid var(--border);color:var(--fg)}
.pb-hist-btn.ghost:hover{background:#F1F7F9}
.pb-hist-btn.solid{background:var(--ctk-green);border:0;color:#12321a;font-weight:800}
.pb-hist-btn.solid:hover{filter:brightness(1.05)}
.pb-hist-btn[disabled]{opacity:.6;cursor:default;filter:none}
.pb-hist-confirm{margin-top:11px;border-top:1px dashed var(--border);padding-top:11px}
.pb-hist-confirm p{font-family:Figtree,sans-serif;font-size:12.5px;color:var(--mfg);line-height:1.45;margin:0 0 10px}
.pb-hist-confirm-actions{display:flex;gap:8px}
.pb-vp-banner{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:999;display:inline-flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);background:var(--navy);color:#dbe6ea;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 8px 7px 16px;font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.35;box-shadow:0 14px 34px -14px rgba(28,43,50,.55)}
.pb-vp-banner b{color:var(--gold);font-weight:800}
.pb-vp-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(249,210,48,.25)}
.pb-vp-close{appearance:none;background:rgba(255,255,255,.12);border:0;color:#fff;border-radius:999px;padding:6px 13px;font-family:Figtree,sans-serif;font-weight:600;font-size:12px;cursor:pointer;white-space:nowrap}
.pb-vp-close:hover{background:rgba(255,255,255,.22)}
.pbc-btn i{font-style:normal;font-family:var(--mono);font-weight:800;font-size:10px;line-height:1;color:var(--navy);background:var(--gold);border-radius:999px;padding:3px 6px}
.pbc-btn.has{border-color:rgba(249,210,48,.55)}
.pbc-switch-row{display:flex;align-items:flex-start;gap:11px;padding:13px 20px;border-bottom:1px solid var(--border);background:var(--muted)}
.pbc-switch{appearance:none;flex:0 0 auto;width:38px;height:22px;border-radius:999px;border:0;background:#cdd8dd;cursor:pointer;padding:0;position:relative;transition:background .15s ease}
.pbc-switch.on{background:var(--ctk-green)}
.pbc-switch[disabled]{opacity:.6;cursor:default}
.pbc-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--card);box-shadow:0 1px 3px rgba(28,43,50,.3);transition:transform .15s ease}
.pbc-switch.on .pbc-knob{transform:translateX(16px)}
.pbc-switch-txt b{display:block;font-family:Figtree,sans-serif;font-weight:700;font-size:12.5px;color:var(--navy)}
.pbc-switch-txt span{display:block;font-family:Figtree,sans-serif;font-size:11.5px;line-height:1.45;color:var(--mfg);margin-top:2px}
.pbc-err{font-family:Figtree,sans-serif;font-weight:600;font-size:12px;color:var(--destructive);background:rgba(191,40,65,.07);padding:9px 20px;line-height:1.4}
.pbc-row{border:1px solid var(--border);border-radius:11px;padding:12px 13px;margin-bottom:9px;background:var(--card)}
.pbc-row.res{opacity:.72;background:#fbfcfe}
.pbc-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px}
.pbc-where b{display:block;font-family:Figtree,sans-serif;font-weight:700;font-size:13px;color:var(--navy)}
.pbc-where span{display:block;font-family:Figtree,sans-serif;font-size:11.5px;color:var(--mfg);margin-top:1px}
.pbc-count{flex:0 0 auto;font-family:Figtree,sans-serif;font-weight:600;font-size:10.5px;color:var(--mfg);background:var(--muted);border-radius:999px;padding:3px 8px;white-space:nowrap}
.pbc-note-warn{margin:6px 0 2px;font-family:Figtree,sans-serif;font-size:11.5px;line-height:1.45;color:#8a5a12;background:rgba(249,211,50,.16);border-left:3px solid var(--gold);border-radius:0 6px 6px 0;padding:6px 9px}
.pbc-note{border-left:2px solid var(--border);padding:0 0 0 9px;margin-bottom:8px}
.pbc-note.ae{border-left-color:var(--primary)}
.pbc-note-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.pbc-note-meta b{font-family:Figtree,sans-serif;font-weight:700;font-size:12px;color:var(--fg)}
.pbc-note-meta time{font-family:Figtree,sans-serif;font-size:10.5px;color:var(--mfg)}
.pbc-role{font-family:Raleway,sans-serif;font-weight:800;font-size:8.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--primary-deep);background:var(--muted);border-radius:4px;padding:3px 5px}
.pbc-note p{margin:3px 0 0;font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.5;color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere}
.pbc-earlier,.pbc-resolved{margin-bottom:8px}
.pbc-earlier summary,.pbc-resolved summary{cursor:pointer;font-family:Figtree,sans-serif;font-weight:600;font-size:11.5px;color:var(--mfg);padding:4px 0}
.pbc-resolved{margin-top:14px;border-top:1px solid var(--border);padding-top:10px}
.pbc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
.pbc-flash{animation:pbcflash 1.2s ease}
@keyframes pbcflash{0%{background:rgba(249,210,48,.28);border-radius:10px;box-shadow:0 0 0 8px rgba(249,210,48,.2)}100%{background:transparent;box-shadow:0 0 0 8px rgba(249,210,48,0)}}
@media (prefers-reduced-motion:reduce){.pbc-flash{animation:none}.pbc-switch,.pbc-knob{transition:none}}
.dh-btn i{font-style:normal;font-family:var(--mono);font-weight:800;font-size:10px;line-height:1;color:#fff;border-radius:999px;padding:3px 6px;margin-left:2px}
.pb-dh-sheet{position:fixed;top:0;right:0;bottom:0;width:min(1040px,100vw);max-width:100vw;background:var(--card);z-index:1101;display:flex;flex-direction:column;box-shadow:-24px 0 60px -30px rgba(28,43,50,.6);animation:pbHistSlide .2s ease}
.dh-head{border-bottom:0;padding-bottom:12px}
.dh-tabs{display:flex;gap:8px;padding:0 20px 14px;border-bottom:1px solid var(--border)}
.dh-tab{display:inline-flex;align-items:center;gap:7px}
.dh-tab svg{display:block}
.dh-body{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}
.dh-rail{flex:0 0 300px;border-right:1px solid var(--border);overflow-y:auto;padding:18px 18px 26px;background:#fbfcfe;display:flex;flex-direction:column;gap:17px}
.dh-main{flex:1 1 auto;overflow-y:auto;padding:18px 22px 30px;min-width:0}
.dh-rail-row{display:flex;flex-direction:column;gap:5px;min-width:0}
.dh-rail-k{font:700 10px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mfg)}
.dh-rail-v{font-family:Figtree,sans-serif;font-weight:700;font-size:14px;color:var(--navy);line-height:1.3;overflow-wrap:anywhere}
.dh-rail-tag{align-self:flex-start;margin-top:2px;font:700 9.5px/1 var(--mono);letter-spacing:.03em;color:var(--primary-deep);background:var(--muted);border-radius:5px;padding:4px 6px}
.dh-rail-empty{font-family:Figtree,sans-serif;font-size:12px;color:var(--mfg)}
.dh-chips{display:flex;flex-direction:column;gap:6px}
.dh-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px}
.dh-chip-name{font-family:Figtree,sans-serif;font-weight:600;font-size:12px;color:var(--navy);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dh-chip-tag{flex:0 0 auto;font:800 8.5px/1 Raleway,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mfg);background:#f1f7f9;border-radius:5px;padding:4px 6px}
.dh-rail-meta{display:flex;flex-direction:column;gap:8px}
.dh-rail-meta>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.dh-rail-meta span{font:600 11px/1 var(--mono);color:var(--mfg)}
.dh-rail-meta b{font-family:Figtree,sans-serif;font-weight:600;font-size:12px;color:var(--fg);text-align:right;overflow-wrap:anywhere}
.dh-rail-crm{font-family:Figtree,sans-serif;font-size:11.5px;line-height:1.45;color:var(--mfg);background:var(--muted);border:1px dashed #d7e0e6;border-radius:8px;padding:9px 11px}
.dh-rail-gauge{gap:9px}
.dh-gauge{display:flex;flex-direction:column;align-items:center;gap:9px;padding:2px 0}
.dh-gauge-arc{position:relative;width:120px;height:66px}
.dh-gauge-svg{display:block}
.dh-gauge-read{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:baseline;justify-content:center;gap:2px}
.dh-gauge-read b{font-family:Raleway,sans-serif;font-weight:800;font-size:27px;color:var(--navy);line-height:1}
.dh-gauge-read b.dh-na{color:var(--mfg)}
.dh-gauge-read span{font-family:Figtree,sans-serif;font-size:12px;font-weight:600;color:var(--mfg)}
.dh-band-pill{font:800 10px/1 Raleway,sans-serif;letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:5px 11px}
.dh-why-toggle{appearance:none;background:none;border:0;color:var(--primary);font-family:Figtree,sans-serif;font-weight:600;font-size:12px;cursor:pointer;padding:2px;text-decoration:underline;text-underline-offset:2px}
.dh-why-toggle:hover{color:var(--primary-deep)}
.dh-summary{display:flex;align-items:center;gap:14px;padding:0 2px 16px;border-bottom:1px solid #eef2f4;margin-bottom:16px}
.dh-summary-score{font-family:Raleway,sans-serif;font-weight:800;font-size:34px;line-height:1}
.dh-summary-score span{font-size:15px;color:var(--mfg);font-weight:700;margin-left:2px}
.dh-summary-txt b{display:block;font-family:Figtree,sans-serif;font-weight:700;font-size:14px;color:var(--navy)}
.dh-summary-txt span{display:block;font-family:Figtree,sans-serif;font-size:11.5px;color:var(--mfg);margin-top:2px}
.dh-feed{display:flex;flex-direction:column;gap:16px}
.dh-sig-group{display:flex;flex-direction:column;gap:8px}
.dh-sig-head{display:flex;align-items:center;gap:8px;font:700 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mfg)}
.dh-sig-head span{font-family:var(--mono);font-weight:800;font-size:10px;color:var(--mfg);background:#f1f7f9;border-radius:999px;padding:2px 7px}
.dh-sig{flex-direction:row;align-items:flex-start;gap:11px;padding:13px 14px}
.dh-sig-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;margin-top:4px;background:#8b9aa4}
.dh-sig-dot.urgent{background:var(--destructive)}
.dh-sig-dot.high{background:var(--amber)}
.dh-sig-dot.medium{background:var(--primary)}
.dh-sig-body{min-width:0;flex:1}
.dh-sig-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.dh-sig-top b{font-family:Figtree,sans-serif;font-weight:700;font-size:13px;color:var(--navy);overflow-wrap:anywhere}
.dh-sig-cat{flex:0 0 auto;font:700 9.5px/1 Raleway,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mfg)}
.dh-sig p{margin:5px 0 0;font-family:Figtree,sans-serif;font-size:12px;line-height:1.5;color:var(--mfg);overflow-wrap:anywhere}
.dh-sig-ref{display:inline-block;margin-top:6px;font-family:var(--mono);font-size:10.5px;color:var(--mfg)}
.dh-missing{margin-top:14px;font-family:Figtree,sans-serif;font-size:11.5px;line-height:1.5;color:var(--mfg);background:var(--muted);border-radius:8px;padding:9px 11px}
.dh-why-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}
.dh-why-head b{font-family:Raleway,sans-serif;font-weight:800;font-size:15px;color:var(--navy)}
.dh-why-note{margin:0 0 14px;font-family:Figtree,sans-serif;font-size:11.5px;line-height:1.5;color:var(--mfg)}
.dh-dim{border:1px solid var(--border);border-radius:10px;padding:12px 13px;margin-bottom:10px;background:var(--card)}
.dh-dim.absent{opacity:.72;background:#fbfcfe;border-style:dashed}
.dh-dim-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.dh-dim-top b{font-family:Figtree,sans-serif;font-weight:700;font-size:13px;color:var(--navy)}
.dh-dim-w{flex:0 0 auto;font:700 10px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mfg)}
.dh-dim-bar{height:6px;border-radius:999px;background:#eef2f4;margin:9px 0 8px;overflow:hidden}
.dh-dim-bar i{display:block;height:100%;background:var(--primary);border-radius:999px}
.dh-dim-nums{display:flex;gap:16px;font-family:Figtree,sans-serif;font-size:11px;color:var(--mfg)}
.dh-dim-reason{margin-top:7px;font-family:Figtree,sans-serif;font-size:12px;line-height:1.5;color:var(--mfg)}
.dh-dim-inputs{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.dh-input{font-family:var(--mono);font-size:10.5px;color:var(--mfg);background:#f1f7f9;border-radius:6px;padding:3px 7px}
.dh-input em{font-style:normal;font-weight:700;color:var(--mfg);margin-right:4px}
.dh-placeholder{flex-direction:column;align-items:flex-start;gap:10px;padding:22px}
.dh-ph-icon{width:40px;height:40px;border-radius:10px;background:#f1f7f9;display:grid;place-items:center}
.dh-placeholder b{font-family:Raleway,sans-serif;font-weight:800;font-size:15px;color:var(--navy)}
.dh-placeholder p{margin:0;font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.55;color:var(--mfg)}
.dh-ph-tag{font:700 9.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mfg);background:#f1f7f9;border-radius:999px;padding:5px 9px}
.dh-error{font-family:Figtree,sans-serif;font-size:13px;line-height:1.5;color:var(--destructive);background:rgba(191,40,65,.07);border-radius:10px;padding:16px}
.dh-skel{display:flex;flex-direction:column;gap:12px;padding:6px 0}
.dh-skel-bar{height:16px;border-radius:8px;background:linear-gradient(90deg,#eef2f4,#f6f9fa,#eef2f4);background-size:200% 100%;animation:dhShimmer 1.3s ease infinite}
.dh-skel-bar.big{height:52px}
.dh-skel-bar.short{width:55%}
/* DEAL HEALTH ENGAGEMENT TAB (Item 4, Chris 2026-08-05): per-page read/
   ignored breakdown, fed by events/<dealId>.json via computeDealHealth -
   see dealHealthEngagementTabHtml. */
.dh-eng-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.dh-eng-stat{display:flex;flex-direction:column;gap:2px;padding:12px 10px;border:1px solid var(--border);border-radius:10px;background:var(--card);text-align:center}
.dh-eng-stat b{font-family:Raleway,sans-serif;font-weight:800;font-size:20px;color:var(--navy);line-height:1}
.dh-eng-stat span{font-family:Figtree,sans-serif;font-size:10.5px;color:var(--mfg)}
.dh-eng-list{display:flex;flex-direction:column;gap:7px}
.dh-eng-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--card)}
.dh-eng-row-ignored{opacity:.6;border-style:dashed}
.dh-eng-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--ctk-green)}
.dh-eng-row-ignored .dh-eng-dot{background:#c7d0d5}
.dh-eng-label{flex:1 1 auto;font-family:Figtree,sans-serif;font-weight:600;font-size:12.5px;color:var(--navy);min-width:0}
.dh-eng-views{flex:0 0 auto;font:700 11px/1 var(--mono);color:var(--navy)}
.dh-eng-views.dh-eng-na{color:var(--mfg);font-weight:600}
.dh-eng-last{flex:0 0 auto;font-family:Figtree,sans-serif;font-size:10.5px;color:var(--mfg)}
@media(max-width:640px){.dh-eng-summary{grid-template-columns:repeat(2,1fr)}.dh-eng-row{flex-wrap:wrap}}
@keyframes dhShimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.dh-skel-bar{animation:none}.pb-dh-sheet{animation:none}}
@media(max-width:820px){.dh-body{flex-direction:column;overflow-y:auto}.dh-rail{flex:0 0 auto;border-right:0;border-bottom:1px solid var(--border)}}
@media print{.pb-hist-scrim,.pb-hist-drawer,.pb-dh-sheet,.pb-vp-banner{display:none!important}}
@media(max-width:820px){.pb-body{grid-template-columns:1fr}.pb-rail{position:static;border-right:0;border-bottom:1px solid var(--border);max-height:none}}
/* ---------- BUTTONS (buttons.html) ---------- */
.btn{--btn-h:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--btn-h);padding:0 14px;border:1px solid transparent;border-radius:var(--radius);font:600 14px/1 var(--sans);white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .12s,border-color .12s,box-shadow .12s,color .12s}
.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.btn:disabled,.btn.is-disabled{opacity:.5;pointer-events:none}
.btn-sm{--btn-h:32px;font-size:13px;padding:0 12px;border-radius:var(--radius-sm)}
.btn-lg{--btn-h:44px;font-size:15px;padding:0 18px}
.btn-primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary);box-shadow:var(--shadow-sm)}
.btn-primary:hover{background:var(--primary-deep);border-color:var(--primary-deep)}
.btn-secondary{background:var(--card);color:var(--fg);border-color:var(--border);box-shadow:var(--shadow-sm)}
.btn-secondary:hover{background:var(--muted)}
.btn-ghost{background:transparent;color:var(--fg);border-color:transparent}
.btn-ghost:hover{background:var(--muted)}
.btn-destructive{background:var(--destructive);color:#fff;border-color:var(--destructive);box-shadow:var(--shadow-sm)}
.btn-destructive:hover{filter:brightness(.94)}
.btn-ghost-danger{background:transparent;color:var(--destructive);border-color:transparent}
.btn-ghost-danger:hover{background:rgba(191,40,65,.08)}
.btn-gold{background:var(--gold);color:var(--navy);border-color:var(--gold);box-shadow:var(--shadow-sm)}
.btn-gold:hover{background:var(--gold-deep);border-color:var(--gold-deep)}
.btn-on-navy{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.btn-on-navy:hover{background:rgba(255,255,255,.1)}
/* ---------- CARD (card.html) ---------- */
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.card-interactive{transition:box-shadow .12s,border-color .12s}
.card-interactive:hover{box-shadow:var(--shadow-md)}
.card-primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}
/* ---------- BADGES / PILLS (badges-chips.html) ---------- */
.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font:600 10.5px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase}
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--border);border-radius:var(--radius-sm);font:600 11px/1.4 var(--sans);letter-spacing:.02em}
.pill .dot,.status-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}
.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid;border-radius:var(--radius-sm);font:600 11px/1.4 var(--sans);letter-spacing:.04em;text-transform:uppercase}
.st-draft{color:#8a6d1f;border-color:rgba(249,210,48,.5);background:rgba(249,211,50,.14)}
.st-live{color:#4e7d10;border-color:rgba(141,198,63,.5);background:rgba(141,198,63,.14)}
.st-won{color:var(--primary-deep);border-color:rgba(25,145,218,.4);background:rgba(25,145,218,.12)}
.st-lost{color:var(--destructive);border-color:rgba(191,40,65,.4);background:rgba(191,40,65,.08)}
.st-archived{color:var(--mfg);border-color:var(--border);background:var(--muted)}
.m-badge{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid #f0e0a4;background:#fbf1cf;border-radius:var(--radius-sm);font:700 10px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:#8a6d1f}
/* ---------- CHIPS (engagement + data-state) ---------- */
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border);background:var(--card);border-radius:var(--radius-sm);font:600 11.5px/1 var(--sans);color:var(--fg)}
.chip .count{font-weight:700}
.chip .dot{width:6px;height:6px;border-radius:50%}
.chip.gold{border-color:rgba(249,210,48,.5);background:#fbf1cf;color:#8a6d16}
.chip.muted{background:var(--muted);color:var(--mfg)}
.ph-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px dashed #c9c9d1;border-radius:var(--radius-sm);font:600 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--mfg)}
.ph-chip.live{border-style:solid;border-color:#bbf7d0;background:#f0fdf4;color:#166534}
/* ---------- INPUTS (inputs.html) ---------- */
.input,.select,.textarea{width:100%;background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);font:400 14px/1.4 var(--sans);transition:border-color .12s,box-shadow .12s}
.input,.select{height:38px;padding:0 12px}
.textarea{padding:9px 12px;min-height:84px;line-height:1.55;resize:vertical}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--ring);box-shadow:var(--ring-soft)}
.input:disabled,.select:disabled,.textarea:disabled{opacity:.5;background:var(--muted)}
.input.is-error,.select.is-error,.textarea.is-error{border-color:var(--destructive);box-shadow:0 0 0 3px rgba(191,40,65,.18)}
.select-wrap{position:relative;display:block}
.select-wrap>.chev{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--mfg)}
.select-wrap .select{appearance:none;padding-right:34px}
.field-label,.lbl{display:block;font:600 13px/1.4 var(--sans);color:var(--fg);margin-bottom:6px}
.check{display:inline-flex;align-items:center;gap:8px;font:600 14px/1.3 var(--sans);color:var(--fg);cursor:pointer}
.check input{width:16px;height:16px;accent-color:var(--primary)}
.check .sub{display:block;font-weight:400;font-size:12.5px;color:var(--mfg)}
/* ---------- TABS (tabs.html) ---------- */
.tabs{display:inline-flex;gap:2px;border-bottom:1px solid var(--border)}
.tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:8px 4px 10px;font:700 13.5px/1 var(--serif);color:var(--mfg);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.tab.active{color:var(--primary);border-bottom-color:var(--primary)}
.tab .num{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:var(--muted);color:var(--mfg)}
.tab.active .num{background:var(--primary);color:var(--primary-fg)}
.tab.done .num{background:rgba(141,198,63,.14);color:var(--ctk-green)}
.tab.locked{color:var(--mfg)}
.tab.locked:disabled{cursor:not-allowed}
.tab.locked .num{background:var(--muted);color:var(--mfg)}
.seg-toggle{display:inline-flex;gap:3px;padding:3px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius)}
.seg-toggle button{appearance:none;border:0;background:none;padding:6px 14px;border-radius:var(--radius-sm);font:600 13px/1 var(--sans);color:var(--mfg);cursor:pointer}
.seg-toggle button.active{background:var(--card);color:var(--primary);box-shadow:var(--shadow-sm)}
/* ---------- PAGE-HEADER / EYEBROW (page-header.html) ---------- */
.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.eyebrow,.kicker{font:800 11px/1.4 var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--mfg)}
.page-header .h1{margin:2px 0 0;font:800 22px/1.2 var(--serif);color:var(--fg)}
.page-header .sub{margin-top:4px;font:400 14px/1.5 var(--sans);color:var(--mfg)}
/* ---------- DENSE METRIC GRID (card.html / scorecard-metric.html) ---------- */
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.m-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px}
.m-card.hero{border-left:3px solid var(--gold);background:color-mix(in srgb,var(--gold) 6%,var(--card));box-shadow:none}
.m-label{font:600 11px/1.3 var(--sans);letter-spacing:.02em;text-transform:uppercase;color:var(--mfg)}
.m-num{margin-top:6px;font:700 26px/1 var(--mono);color:var(--fg)}
.m-delta{display:inline-flex;align-items:center;gap:4px;font:600 12px/1 var(--sans)}
.m-delta.good{color:var(--ctk-green)}
.m-delta.bad{color:var(--destructive)}
.m-delta.mid{color:var(--mfg)}
.m-sub{display:flex;align-items:center;gap:6px;font:500 12px/1.3 var(--sans);color:var(--mfg)}
.m-sub .dot{width:7px;height:7px;border-radius:50%}
.m-sub .dot.peer{background:var(--accent-blue)}
.m-sub .dot.ind{background:var(--border)}

/* ---------- FEATURE A: upload-time thumbnails (fldFile chip + extraFiles cards) ----------
   thumbUrl is optional on every file object - these rules only ever apply
   when it is present; absent/broken-load falls back to the pre-existing
   icon/mockup treatment untouched (see js/app.js fldFile/extraFile*Html). */
.file-fld-chip-thumb{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;flex:0 0 auto;display:block;background:var(--muted)}
.deck-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.rec-wave-thumb{flex:1;min-width:140px;height:40px;border-radius:6px;object-fit:cover;display:block;background:var(--muted)}
.doc-thumb.has-img{padding:0;overflow:hidden}
.doc-thumb.has-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- INLINE DOCUMENT RENDER (Chris, 2026-08-02 rework) ----------
   The real document, live, inside every document box - replaces the
   thumbnail-image approach. .doc-embed/-img fill their aspect-ratio stage
   box (.deck-stage/.media-stage/.fc-deck-stage/.fc-gong-stage - all already
   position:relative with a padding-top aspect hack) the SAME way
   .deck-thumb-img/.fc-gong-stage img already do above - position:absolute;
   inset:0 - so every box stays exactly as responsive as it already was, no
   fixed pixel heights. See js/app.js inlineDocHtml()/DOC_EMBED_SANDBOX for
   the dispatch + the live-verified iframe sandbox value.
   .doc-embed-video/-audio are used in TWO different contexts and need TWO
   different rules - a naive unconditional position:absolute (matching
   .doc-embed-img above) is correct inside a stage box, but BREAKS inside
   recordingPlaceholder()/extraFileRecHtml()'s .rec-card row (a plain flex
   row, not position:relative/sized for it - position:absolute there
   resolves against the nearest ANCESTOR that happens to be positioned,
   nowhere near this slot, not "fill this box"). Default (unscoped) rules
   below are the ROW case, sized like the .rec-wave-thumb slot they replace;
   the 4 stage-box selectors override to the absolute-fill treatment only
   when actually nested in one of those boxes (convRecBox's .fc-gong-stage,
   or the rarer case of a "deck"/generic resourceDocBox() upload that turns
   out to be audio/video). */
.doc-embed{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:var(--card)}
.doc-embed-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.doc-embed-video{flex:1;min-width:140px;height:40px;border-radius:6px;object-fit:contain;display:block;background:var(--navy)}
.doc-embed-audio{flex:1;min-width:140px;height:40px;display:block}
.deck-stage .doc-embed-video,.media-stage .doc-embed-video,.fc-deck-stage .doc-embed-video,.fc-gong-stage .doc-embed-video{position:absolute;inset:0;width:100%;height:100%;flex:none;min-width:0;border-radius:0}
.deck-stage .doc-embed-audio,.media-stage .doc-embed-audio,.fc-deck-stage .doc-embed-audio,.fc-gong-stage .doc-embed-audio{position:absolute;inset:0;margin:auto;width:88%;max-width:360px;height:40px;flex:none;min-width:0}

/* ---------- STAGE SIZING CONSISTENCY (Chris QA, b=135->136) ----------
   Chris's screenshot of Why BlastPoint: "From Your Demo" (deckPlaceholder,
   .deck-stage) and "Backing the Numbers" (resourceDocBox, ALSO .deck-stage)
   read as two different box shapes even though both dispatch through the
   exact same mediaStage(...,"deck-stage") call. Two separate bugs, both
   fixed here:
   1) .deck-stage's own padding-top was 52% - close to 16:9 but not it,
      while .media-stage/.fc-deck-frame/.fc-gong-frame (below) were already
      the real 56.25%. Unified below so every "stage" box in the app - deck,
      doc/PDF, video, and the legacy fc-deck/fc-gong family - shares one
      literal 16:9, not two slightly-different landscape ratios.
   2) The bigger one: padding-top is a % of the box's OWN width, and nothing
      constrained that width - deckPlaceholder's card happened to sit inside
      .conv-grid.two, which caps its first child at 640px (see that rule
      below), but resourceDocBox's card sits in a plain full-width column
      with no cap, so at ~1090px wide its 16:9 stage rendered ~1.7x taller
      than the capped deck box next to it - "much taller," exactly as
      reported, despite identical CSS classes. .deck-card (new modifier,
      added alongside "media-card" at its 4 call sites: deckPlaceholder,
      resourceDocBox, extraFileDeckHtml, extraFileDocHtml's embed branch)
      pins every deck/doc/PDF card to the SAME 640px width regardless of
      what layout wraps it - reusing the exact width .fc-deck/.fc-gong
      already use below, not inventing a new number. .rec-card (recording
      chip) gets the same cap so it lines up under the deck/doc box instead
      of stretching to the full grid row - it stays its own compact flex
      row (no aspect-ratio stage - a short row is the correct shape for an
      audio/video control), just width-matched to its neighbors now. A
      portrait Word/PDF page inside this 16:9 frame still letterboxes -
      expected (a portrait page can never fill a landscape box without
      distorting it) - but the FRAME itself is now identical for every kind
      of document, so stacked cards line up.
   3) 2026-08-04 (Chris, margin-alignment pass): the 640px cap this section
      describes is REMOVED below. Every card in the main content column now
      aligns to the same 1092px column as the headings and grids around it,
      including .fc-deck/.rec-card (see those rules above). The 16:9 stage
      is taller as a direct result (full column width instead of 640px) -
      an accepted tradeoff for consistent left/right edges across the page,
      not an oversight. */

/* ---------- Gong-linked "first-call recording" card (scope expansion) ----------
   Mirrors .fc-deck-*'s geometry (16:9 stage + overlay + footer) so the two
   "From Your First Conversation" boxes read as one family. Image slot is a
   real uploaded-video poster frame OR the SAME .media-stage/.vid-play
   placeholder idiom used elsewhere for "video, no real frame yet" - never a
   fabricated frame. */
.fc-gong{margin-top:14px;display:block;max-width:640px;border:1px solid var(--border);border-radius:15px;overflow:hidden;background:var(--card);text-decoration:none;box-shadow:0 1px 2px rgba(28,43,50,.04),0 16px 32px -26px rgba(28,43,50,.35)}
.fc-gong-outer{position:relative;padding:14px 14px 0;background:var(--muted)}
.fc-gong-frame{position:relative;aspect-ratio:16/9;max-height:calc(100vh - 120px);max-width:calc((100vh - 120px) * 16 / 9);margin-inline:auto;border-radius:10px 10px 0 0;overflow:hidden;box-shadow:0 -6px 0 -2px #fff,0 -12px 0 -5px var(--border)}
.fc-gong-stage{position:absolute;inset:0;background:linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 60%,var(--navy-3) 100%)}
.fc-gong-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.fc-gong-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:52px;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.55);display:grid;place-items:center;color:#fff}
a.fc-gong:hover .fc-gong-play{background:rgba(255,255,255,.24)}
.fc-gong-dur{position:absolute;right:12px;bottom:12px;font:700 10px/1 var(--mono);letter-spacing:.08em;color:#fff;background:rgba(28,43,50,.55);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:5px 10px}
.fc-gong-foot{background:var(--card);border-top:1px solid var(--border);padding:14px 18px;display:flex;flex-direction:column;gap:6px}
.fc-gong-title{font:700 15px/1.3 var(--serif);color:var(--navy)}
.fc-gong-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:500 12px/1.3 var(--sans);color:var(--mfg)}
.fc-gong-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--mfg);flex:0 0 auto}
.fc-gong-link{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font:600 12.5px/1 var(--sans);color:var(--primary)}
a.fc-gong:hover .fc-gong-link{text-decoration:underline}
/* Access note under a Gong-linked recording - see convRecBox. Deliberately
   quiet: it qualifies the CTA, it is not a warning. */
.fc-gong-note{font:500 11.5px/1.45 var(--sans);color:var(--mfg);margin-top:1px}
a.fc-gong:hover .fc-gong-note{text-decoration:none}
/* GONG SIGN-IN CONTRACT: the same note now also renders on the two sibling
   recording slots (recordingPlaceholder / extraFileRecHtml), whose .rec-card
   is a flex ROW - give it its own full-width line under the row instead of
   letting it compete with .rec-main/.rec-wave for horizontal space. */
.rec-card .fc-gong-note{flex:1 0 100%;margin-top:0}

/* ---------- FEATURE B: publish-override confirmation ---------- */
.pb-publish-override{appearance:none;background:none;border:0;color:#a9b8bf;font-family:Figtree,sans-serif;font-weight:600;font-size:11.5px;text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:4px 2px;white-space:nowrap}
.pb-publish-override:hover{color:#fff}
.adm-modal.adm-modal-wide{max-width:520px}
.adm-modal-override-count{font-family:Figtree,sans-serif;font-size:13px;line-height:1.5;color:var(--navy);margin:0 0 12px}
.adm-modal-override-count b{color:var(--destructive)}
.adm-modal-list{margin:0 0 14px;border:1px solid var(--border);border-radius:8px;padding:4px 14px;max-height:220px;overflow-y:auto;background:var(--muted-2)}
.adm-modal-list-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--border)}
.adm-modal-list-row:last-child{border-bottom:0}
.adm-modal-list-label{font-family:Figtree,sans-serif;font-size:12.5px;color:var(--navy)}
.adm-modal-list-page{font-family:Raleway,sans-serif;font-weight:700;font-size:9.5px;letter-spacing:1px;color:var(--mfg);text-transform:uppercase;white-space:nowrap}
.adm-modal-ack{display:flex;align-items:flex-start;gap:9px;margin:14px 0 0;padding:11px 12px;background:var(--muted);border-radius:8px;cursor:pointer}
.adm-modal-ack input{margin-top:2px;flex:0 0 auto}
.adm-modal-ack span{font-family:Figtree,sans-serif;font-size:12.5px;line-height:1.45;color:var(--navy)}

/* ---------- FILLED RESOURCE CARD (Chris, 2026-08-03) ----------
   The three compact document chips - boDoc (Blast Off), prepHandChip
   (Prepare, "WHAT TO HAND THEM") and trustDocChip (Trust and Security,
   "Security Documents") - drew a FILLED slot as a bare pill: a 13px doc
   glyph, the label, an arrow. No description, no file type, no size, no
   verb. The EMPTY slot in build mode got a bigger, better-explained
   affordance (.canvas-upload / .file-fld-drop above) than an actually
   uploaded document did, which is backwards on a page the champion forwards
   to a CFO and a legal reviewer.
   This is that filled state as a real document card. Deliberately NOT a new
   visual language: it reuses the exact tokens the proven .doc-tile.live card
   already uses - var(--card) on var(--border), var(--radius), the
   hover border-color:var(--primary), the same two-layer shadow, the same
   --muted type badge - widened and given room for a title, a one-line
   description and a type/size meta row. See js/app.js resourceDocCard().
   .res-doc-grid is the wrapping row all four call sites share (it replaced
   three slightly different inline flex rows, same 10px gap).
   GRID, not flex-wrap, on purpose. With flex the LAST row grows its orphan to
   fill the leftover space - measured live at 420px sitting under a row of
   357px cards, which reads as a mistake. auto-fill tracks give every card in
   a container the same width no matter how many land on the final row. The
   min(280px,100%) floor is the standard guard against a track wider than its
   own container overflowing on a narrow screen, and it makes the layout
   collapse to one column on its own, so no breakpoint is needed. */
.res-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:10px;align-items:stretch}
/* Build-mode upload pills (boDoc/prepHandChip/trustDocChip return an inline
   <span> when a slot is still empty and the AE is editing) share this
   container. Keep them at their natural size instead of blowing them up to a
   full card track. */
.res-doc-grid>:not(.res-doc-card){justify-self:start;align-self:start}
.res-doc-card{display:flex;align-items:flex-start;gap:12px;min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:14px 16px;color:var(--fg);text-decoration:none;box-shadow:0 1px 2px rgba(28,43,50,.04),0 12px 28px -24px rgba(28,43,50,.22);transition:border-color .2s,box-shadow .2s}
.res-doc-card:hover{border-color:var(--primary);box-shadow:0 1px 2px rgba(28,43,50,.06),0 16px 30px -22px rgba(28,43,50,.3)}
.res-doc-thumb{flex:0 0 auto;width:34px;height:42px;border-radius:4px 6px 4px 4px;background:var(--muted);border:1px solid var(--border);display:grid;place-items:center;color:var(--primary);overflow:hidden}
.res-doc-thumb.has-img{padding:0}
.res-doc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.res-doc-main{flex:1 1 auto;min-width:0;display:block}
.res-doc-main b{display:block;font:700 13.5px/1.35 var(--serif);color:var(--navy)}
.res-doc-main small{display:block;margin-top:3px;font:400 12px/1.45 var(--mono);color:var(--mfg)}
.res-doc-meta{display:flex;align-items:center;gap:7px;margin-top:7px}
.res-doc-meta em{font:700 8.5px/1 var(--mono);letter-spacing:.1em;font-style:normal;color:var(--primary-deep);background:var(--muted);border-radius:4px;padding:4px 6px}
.res-doc-meta span{font:500 10.5px/1 var(--mono);color:var(--mfg)}
.res-doc-dot{width:3px;height:3px;border-radius:50%;background:var(--mfg);flex:0 0 auto}
.res-doc-go{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;gap:5px;font:600 12.5px/1 var(--mono);color:var(--primary);white-space:nowrap}
.res-doc-card:hover .res-doc-go{text-decoration:underline}
/* Very narrow: stack the action under the text rather than squeezing the
   title into two or three words beside it. */
@media(max-width:420px){.res-doc-card{flex-wrap:wrap}.res-doc-go{align-self:flex-start;margin-left:46px}}

/* ---------- MOBILE HEADER COLLAPSE (design review, 2026-08-03) ----------
   MEASURED: at 390px the sticky header (position:sticky, top:0, z-index:60 -
   see js/app.js topShell) wrapped its single flex row onto FOUR lines and
   stood 212px tall. On an 844px-tall phone that is a quarter of the viewport
   pinned permanently, and whatever content scrolled beneath it - including
   the Welcome page primary CTA - was clipped by it.
   Every element in that row is inline-styled, so these rules need
   !important to reach them; that is the same approach the 620px block above
   already takes for .score-row. The markup change was classes only, so the
   desktop render is untouched.
   WHAT IS DROPPED, and why nothing becomes unreachable: the vertical rule and
   the flex spacer are pure decoration; the go-live pill repeats the date the
   Success Plan and the Welcome timeline both carry; the Trust & Security
   button is a quick-jump to step 7 of the stepper rendered directly below;
   the champion chip names the person holding the phone. What stays is the
   identity (logo + org) and the one action (Contact your team). */
@media(max-width:620px){
  .bp-hdr-row{padding:8px 14px!important;gap:10px!important;flex-wrap:nowrap!important}
  .bp-hdr-sep,.bp-hdr-spacer,.bp-hdr-golive,.bp-hdr-champ{display:none!important}
  /* min-width, not 0: with three items on one nowrap line the org chip is the
     only flexible one, so a 0 floor let it collapse to nothing and the deal
     lost its name in the header entirely. A floor plus the ellipsis the inline
     style already sets truncates the name instead of deleting it. */
  .bp-hdr-org{flex:1 1 auto!important;min-width:96px!important;max-width:none!important}
  .bp-hdr .brand img{height:24px!important}
}
/* Sticky-header offset for every programmatic scroll and in-page anchor.
   scroll-padding-top on the scroll container is the one place this can be
   stated once: without it, anything scrolled to (a stepper jump, a comment
   anchor, a pre-publish jump) lands underneath the pinned header rather than
   below it. Values are the measured header heights, not guesses. */
html{scroll-padding-top:80px}
@media(max-width:620px){html{scroll-padding-top:60px}}

/* ---------- MOBILE PLAN ROW (design review, 2026-08-03) ----------
   MEASURED at 375px: the Success Plan row is display:flex, direction:row,
   wrap:nowrap and carries a 22px status dot, the title+description column
   (flex:1 1 0%, min-width:0), a ~56px date stack and a ~112px status pill,
   with 18px gaps. That left the flexible column 36px wide, so every
   description wrapped to one word per line and the row stood 354px tall -
   on EVERY one of the ten steps. At 768px the same column measures ~429px
   and the row is correct, so this is purely a narrow-viewport failure.
   Column-stacked below, matching the Blast Off numbered cards (which already
   stack correctly at this width) rather than inventing a second pattern:
     line 1  status dot + status pill (pill pushed right)
     line 2  title, description, owners - full width
     line 3  expected/actual dates + the Prepare button
   order + flex-basis:100% on the main column is what forces the break; the
   desktop row is untouched because none of this applies above 620px. */
@media(max-width:620px){
  .plan-row{flex-wrap:wrap!important;gap:10px 12px!important;padding:16px 16px!important}
  .plan-row-dot{order:1}
  .plan-row-status{order:2;margin-left:auto}
  .plan-row-main{order:3;flex:1 1 100%!important}
  .plan-row-dates{order:4;align-items:flex-start!important}
  .plan-row-prep{order:5;margin-left:auto}
}

/* ---------- MIRROR ROW ALIGNMENT (design review, 2026-08-03) ----------
   "Build It In-House" vs "Partner With BlastPoint" on Why BlastPoint. The two
   cards were independent flex stacks, so step N on the left and step N on the
   right only lined up by luck. MEASURED at 1440px: step 1 within 1px, step 7
   200px apart - and the section's own copy says "Same list, same order."
   The outer container already declares one grid row per step pair (see
   js/app.js mirrorSection, which emits grid-template-rows). Each column opts
   into those same rows with subgrid, so a pair is always the height of its
   taller half and the drift cannot accumulate no matter how the copy wraps.
   The section keeps its own background, border, radius, padding and shadow -
   the card design is unchanged, only the row geometry is now shared.
   FALLBACK BY CONSTRUCTION: everything here sits behind @supports, so a
   browser without subgrid renders exactly what it renders today rather than
   something worse. Scoped above 640px because .rgrid already collapses this
   to one column below that, where there are no pairs to align. */
@media(min-width:641px){
  @supports (grid-template-rows: subgrid){
    .mirror-col{grid-row:1/-1;display:grid!important;grid-template-rows:subgrid;row-gap:18px}
  }
}

/* ---------- CONTACT RECOGNITION (people on this deal's calls) ----------
   ONE class namespace (.ppl-*) for BOTH surfaces - the new-deal review modal
   and the Welcome-page builder panel share peopleRowHtml(), so they must
   share the styling too or the same person would read differently in the two
   places an AE meets them.

   The visual hierarchy is deliberate and is doing safety work, not decoration:
   the NAME leads, the evidence (provenance, calls, confidence) sits directly
   under it in muted type, and the CRM-write confirmation is the only amber
   thing in the block. An AE should be able to see why a person is being
   suggested without clicking anything. */
.pb-ppl-bar{border-left-color:#2183BF}
.pb-ppl-bar .pb-gong-btn{color:#2183BF}
.pb-ppl-bar .pb-gong-btn:hover:not(:disabled){border-color:#2183BF;background:#eff6fb}
.ppl-msg{font-family:Figtree,sans-serif;font-size:12.5px;color:var(--mfg);line-height:1.45}
.ppl-msg + .ppl-list{margin-top:9px}
.ppl-err{color:#c0392b}
.ppl-list{display:flex;flex-direction:column;gap:9px}
.ppl-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:9px;border:1px solid #eef2f4;border-radius:9px;padding:10px 12px;background:#fbfcfd}
/* A person who was TALKED ABOUT rather than on the call. Dashed left edge, so
   the weaker evidence is visible before the AE reads a word of it. */
.ppl-row-mention{border-left:2px dashed #c9d6de}
.ppl-act{flex:0 0 auto;display:flex;align-items:center;padding-top:2px}
.ppl-act input{margin:0}
.ppl-body{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:3px}
.ppl-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}
.ppl-name{font-family:Figtree,sans-serif;font-size:13px;font-weight:700;color:var(--navy);line-height:1.35}
/* No trustworthy name - the address IS the row, so it is shown as the headline
   rather than dressed up as a person. */
.ppl-name-unknown{font-weight:600;color:#5a6b74}
.ppl-em{font-family:Figtree,sans-serif;font-size:11.5px;color:#8a99a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ppl-role{font-family:Figtree,sans-serif;font-size:12px;font-weight:600;color:#3a4a52}
/* NO TITLE IS NOT A DEFECT, and must not read as one. Muted, plain, stating
   what will actually happen - the alternative (an invented title) is the
   thing this whole feature exists to avoid. */
.ppl-norole{font-family:Figtree,sans-serif;font-size:11.5px;font-style:italic;color:#9aa8b0;line-height:1.4}
.ppl-prov{font-family:Figtree,sans-serif;font-size:11.5px;color:#7a8891;line-height:1.4}
.ppl-calls{font-family:Figtree,sans-serif;font-size:11px;color:#9aa8b0;line-height:1.4}
.ppl-conf{font-family:Figtree,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.02em;border-radius:4px;padding:2px 7px;align-self:flex-start;margin-top:2px}
.ppl-conf-high{color:#2f6f4f;background:#e8f4ec}
.ppl-conf-med{color:#7a6a3a;background:#f6efd8}
.ppl-conf-low{color:#6b7a83;background:#eef2f4}
.ppl-conf-amb{color:rgb(146,88,12);background:rgba(249,211,50,.22)}
/* AMBIGUOUS MATCH: the options, none preselected. This pass never picks
   between two real people, so nothing here carries a default. */
.ppl-opts{flex:1 0 100%;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.ppl-opt{appearance:none;display:inline-flex;flex-direction:column;gap:2px;text-align:left;border:1px solid #d7e0e5;background:var(--card);border-radius:8px;padding:6px 10px;font-family:Figtree,sans-serif;font-size:12px;font-weight:600;color:var(--navy);cursor:pointer}
.ppl-opt:hover{border-color:#2183BF;background:#f2f8fd}
.ppl-opt.on{border-color:#2183BF;background:#e8f2fa;box-shadow:inset 0 0 0 1px #2183BF}
.ppl-opt em{font-style:normal;font-weight:500;font-size:10.5px;color:#8a99a6}
.ppl-opt-notitle{opacity:.75}
.ppl-btn{appearance:none;border:1px solid #cdd8de;background:var(--card);color:var(--navy);border-radius:8px;padding:6px 12px;font-family:Figtree,sans-serif;font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}
.ppl-btn:hover:not(:disabled){border-color:#2183BF;color:#2183BF}
.ppl-btn:disabled{opacity:.45;cursor:default}
.ppl-btn-add{color:#2183BF;border-color:#bcd3e4}
.ppl-on{font-family:Figtree,sans-serif;font-size:11.5px;font-weight:700;color:#5a7a4a;white-space:nowrap}
/* THE CRM WRITE. The only amber in the block, because it is the only control
   here that changes anything outside this toolkit. Same treatment as
   .adm-nd-rv-skip for the same reason: this is something the AE has to
   actually read, not a neutral fact in a list. */
.ppl-enrich{flex:1 0 100%;font-family:Figtree,sans-serif;font-size:11.5px;color:#8a99a6;line-height:1.45}
.ppl-enrich-open{padding:9px 11px;border-radius:6px;background:rgba(249,211,50,.16);color:rgb(146,88,12)}
.ppl-enrich-open b{color:rgb(122,74,10)}
.ppl-enrich-btns{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.ppl-btn-warn{border-color:#d8b45a;color:rgb(122,74,10);background:#fff}
.ppl-btn-warn:hover:not(:disabled){border-color:rgb(146,88,12);color:rgb(122,74,10);background:rgba(249,211,50,.22)}
.ppl-enrich-ok{color:#1F7A5C;font-weight:600}
.ppl-enrich-err{color:#c0392b;font-weight:600}
/* QA reliability and focused editor surfaces; incumbent brand tokens. */
.qa-notice,.qa-workbench{margin:16px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg)}
.qa-notice p,.qa-workbench p{line-height:1.55;max-width:78ch}.qa-workbench h2,.qa-notice h1{margin:0 0 14px;font-family:var(--serif)}
.qa-workbench label{display:block;font-weight:600;margin:14px 0 6px}.qa-workbench input,.qa-workbench textarea,.qa-workbench select{display:block;width:100%;padding:11px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--fg);font:inherit}.qa-workbench textarea{min-height:130px;resize:vertical}
.qa-notice button,.qa-workbench button,.qa-mobile-edit{min-height:44px;padding:9px 15px;margin:4px;border:1px solid var(--border);background:var(--card);color:var(--navy);border-radius:6px;cursor:pointer;font:600 14px var(--sans)}
.qa-workbench button.primary{background:var(--gold);border-color:var(--gold)}.qa-workbench table{width:100%;border-collapse:collapse}.qa-workbench td,.qa-workbench th{text-align:left;padding:12px;border-bottom:1px solid var(--border);vertical-align:top}.qa-workbench pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto}.qa-actions{display:flex;gap:8px;flex-wrap:wrap}.qa-mobile-edit{display:none}.qa-video{width:100%;max-height:65vh;background:var(--navy)}
.qa-intro{max-width:1140px;margin:auto;padding:40px 24px}.qa-intro h1{font:800 clamp(30px,4vw,52px)/1.1 var(--serif);color:var(--navy);max-width:22ch}.qa-intro .qa-lead{font:400 20px/1.55 var(--sans);max-width:70ch}.qa-intro article{padding:22px 0;border-bottom:1px solid var(--border)}.qa-intro h2{font-family:var(--serif)}
.pb-drift-card{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:14px;margin-bottom:14px;font:13px/1.5 var(--sans)}.pb-drift-head,.pb-drift-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pb-drift-head>span{font-weight:700;flex:1 0 100%}.pb-drift-row{margin-top:10px}.pb-drift-act,.pb-drift-x{min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--navy);font:inherit;cursor:pointer}.pb-drift-x{min-width:44px}
.qa-filter-row{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.qa-filter-row label{display:grid;gap:5px;font-size:13px}.qa-filter-row select{min-height:44px;border:1px solid var(--border);border-radius:6px;padding:8px;background:var(--card)}
@media(max-width:820px){.qa-mobile-edit{display:inline-block}.pb-shell:not(.qa-editor-open)>.pb-body:not(.preview)>.pb-rail{display:none}.qa-editor-open>.pb-body>.pb-rail{max-height:65vh;overflow:auto}.pb-header-right{gap:6px}.pb-header-right button{min-height:44px}.pb-rail-name{min-height:44px}.pb-vis-dot{width:44px;height:44px;background:transparent;position:relative}.pb-vis-dot::after{content:"";position:absolute;left:17px;top:17px;width:10px;height:10px;border-radius:50%;background:#cdd8dd}.pb-vis-dot.on{background:transparent}.pb-vis-dot.on::after{background:var(--ctk-green)}.pb-rail-row{padding:0}.qa-workbench{margin:8px;padding:14px}.qa-workbench table{display:block;overflow:auto}.qa-intro{padding:24px}}

.qa-workbench input[type="checkbox"] { width: 20px; min-height: 20px; flex: none; }

.qa-contact-evidence { overflow-wrap:anywhere; }
.qa-contact-evidence select { max-width:100%; }
.qa-contact-detail { margin-top:20px; padding-top:16px; border-top:1px solid var(--border); }
.qa-contact-call { margin:14px 0; padding:12px 0; border-top:1px solid var(--border); }
.qa-contact-call summary { min-height:44px; cursor:pointer; font-weight:600; }
.qa-contact-evidence blockquote { margin:12px 0; padding:12px 16px; background:var(--bg); border:1px solid var(--border); border-radius:6px; }
.qa-evidence-meta { font-size:12px; color:var(--mfg); }

/* Page setup: one working surface above the unchanged page preview. */
.page-setup{margin:16px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--fg)}
.page-setup-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.page-setup h2{font:700 20px/1.3 var(--serif);margin:0 0 6px}.page-setup h3{font:700 17px/1.35 var(--serif);margin:28px 0 12px}.page-setup h4{font:700 14px/1.4 var(--sans);margin:0 0 8px}
.page-setup p{margin:6px 0 12px;line-height:1.55;max-width:75ch}.page-setup-inventory{display:flex;gap:8px 24px;flex-wrap:wrap;color:var(--mfg)}
.page-setup-workspace{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}
.page-setup label{display:block;font-weight:600;line-height:1.5}.page-setup input:not([type=checkbox]),.page-setup textarea{display:block;width:100%;padding:10px 12px;margin-top:6px;font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--border);border-radius:6px}.page-setup textarea{min-height:130px;resize:vertical}.page-setup input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:8px}
.page-setup button{min-height:44px;padding:10px 14px;font:600 14px/1.3 var(--sans);border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--navy);cursor:pointer}.page-setup button:disabled{opacity:.55;cursor:default}.page-setup button[data-page-setup-action=generate],.page-setup button[data-page-setup-action=apply]{background:var(--gold);border-color:var(--gold)}
.page-setup-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.page-setup-intake{display:grid;gap:16px;max-width:760px}.page-setup-intake>button{justify-self:start}.page-setup-sources{padding:0;list-style:none}.page-setup-sources>li{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}
.page-setup-proposal{padding:20px 0;border-top:1px solid var(--border)}.page-setup-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:16px 0}.page-setup pre{font:inherit;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto}.page-setup-error{color:var(--destructive)}.page-setup blockquote{margin:12px 0;padding:0;font-style:italic}
@media(max-width:620px){.page-setup{margin:8px;padding:16px}.page-setup-comparison{grid-template-columns:minmax(0,1fr);gap:16px}.page-setup-heading>button{width:100%}}
.page-setup select{display:block;width:100%;padding:10px 12px;margin-top:6px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--fg);font:inherit}
.page-setup-steps{display:flex;gap:24px;padding:0;list-style:none;margin:0 0 20px;color:var(--mfg);font-weight:600}.page-setup-steps [aria-current=step]{color:var(--primary);text-decoration:underline;text-underline-offset:6px}.page-setup-comparison>section{min-width:0;overflow-wrap:anywhere}.page-account-tools{margin:16px;padding:12px 20px}.page-setup-sources label{font-weight:600}.page-setup-speakers{padding:20px 0}.page-setup-speakers label{margin:12px 0}
.page-setup button[data-page-setup-action=open]{background:var(--gold);border-color:var(--gold)}

/* Guided setup: current business sections precede optional source management. */
.page-setup-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 24px}
.page-setup-domain{border:1px solid var(--line,#dce1e4);border-radius:8px;padding:16px;min-width:0;background:#fff}
.page-setup-domain label{display:flex;gap:10px;align-items:baseline}
.page-setup-domain p{margin:9px 0;overflow-wrap:anywhere}
.page-setup-domain-status{font-weight:600;color:#475963}
.page-setup-domain-hint{font-size:13px;color:#607078}
.page-setup-materials{border-top:1px solid #dce1e4;border-bottom:1px solid #dce1e4;padding:16px 0;margin-bottom:20px}
.page-setup-materials>summary{font-weight:600;cursor:pointer;min-height:28px}
@media(max-width:720px){.page-setup-domains{grid-template-columns:1fr}}