/* Call Companion visual system: adapted from Kevin's supplied concept. */
:root,html[data-theme="dark"]{color-scheme:dark;--ink:#a88aff;--ink2:#8a59f4;--paper:#030811;--card:#091421;--card2:#0c192a;--text:#c9d2e3;--text2:#f2f5fd;--line:#263347;--muted:#91a0b8;--script:#42f798;--scriptbg:#08251f;--scripttext:#e1f6ee;--coach:#b88aff;--coachbg:#19132e;--coachtext:#d7c6ed;--alert:#ffb785;--alertbg:#291e18;--alerttext:#f0d4bc;--ok:#36e38b;--live:#f34c64;--chipbg:#141f37;--railbg:#07101c;--railhover:#121c30;--railtrack:#263147;--tblalt:#0c1829;--bridgebg:#192034;--dnabg:#0c1828;--tokbg:#163e36;--vossbg:#142744;--vossfg:#81b8ff;--nepqbg:#122c23;--nepqfg:#73ecb2;--livebg:#331828;--liveline:#81475c;--ncbg:#311e24;--ncline:#795060;--ncfg:#ffd9e2;--crm:#9c6aff;--primary:#28cd96;--ml:#329fff;--vf:#6b9fff;--sans:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;--serif:var(--sans);--shadow:#0006;--accent:#9d64ff;--blue:#288cff}
html[data-theme="light"]{color-scheme:light;--ink:#6944bd;--ink2:#6540b0;--paper:#edf0f8;--card:#fff;--card2:#f5f6fc;--text:#3d4761;--text2:#17233f;--line:#d5dced;--muted:#64718d;--script:#087b4d;--scriptbg:#ecfaf2;--scripttext:#183f31;--coach:#7547b6;--coachbg:#f5effe;--coachtext:#53406d;--alert:#a55120;--alertbg:#fff5e9;--alerttext:#704c2e;--ok:#13834f;--live:#cf324b;--chipbg:#eceafb;--railbg:#f7f8fe;--railhover:#ebe7fa;--railtrack:#d5dced;--tblalt:#f5f7fc;--bridgebg:#f5effd;--dnabg:#fff;--tokbg:#d7f3e4;--vossbg:#e5efff;--vossfg:#2563a5;--nepqbg:#e5f7eb;--nepqfg:#176e3e;--livebg:#ffedf1;--liveline:#efc3ce;--ncbg:#fff2f4;--ncline:#e6b9c4;--ncfg:#763d51;--crm:#7a4cc8;--primary:#168b62;--ml:#2e78c8;--vf:#3a73bc;--shadow:#39226115}
html{background:var(--paper)}body{background:radial-gradient(ellipse at 68% -15%,#30104c44,transparent 45%),var(--paper);font-family:var(--sans);font-size:14px;letter-spacing:-.01em;color:var(--text)}button,a,input,select,textarea{transition:background .15s,border-color .15s,box-shadow .15s}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{color:var(--text2)}a{color:var(--ink)}.demo-banner{background:#080f1b;color:#9ca9c0;border-color:#253046;font-size:10px;padding:6px 20px;text-align:center;letter-spacing:.02em}html[data-theme="light"] .demo-banner{background:#e7e9f6;color:#596681}.demo-lock{background:var(--card2);border-color:var(--line);color:var(--muted);box-shadow:none;right:20px;bottom:13px;z-index:75}.cc-logo{width:33px;height:33px;display:inline-block;flex-shrink:0;background:linear-gradient(140deg,#c17bff,#5552ee 55%,#248aff);clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);position:relative}.cc-logo:after{content:"";position:absolute;inset:8px;background:var(--paper);clip-path:polygon(50% 0,100% 26%,100% 42%,61% 30%,30% 50%,61% 70%,100% 58%,100% 75%,50% 100%,0 75%,0 25%)}
/* Guide shell */
#topbar{background:linear-gradient(110deg,#0b1222,#060e19);border-bottom:1px solid #283047;box-shadow:0 8px 35px #0003;padding:13px 22px;gap:18px;min-height:77px}#topbar .brand{display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:-.04em;font-size:19px;font-weight:650;color:#f6f4ff;width:200px;white-space:normal;line-height:1.1}#topbar .byline{display:none}#tokrow{gap:9px}.tokfield label{color:#7b89a8;font-size:9px;letter-spacing:.12em}.tokfield input{background:#0d1728;border-color:#2b3550;border-radius:7px;width:90px;font-size:12px;padding:6px 8px}.tokfield input::placeholder{color:#6f7c95}#newcall{background:linear-gradient(#eb3752,#b71938);border-color:#eb4564;box-shadow:0 0 17px #f6376120;border-radius:8px;padding:9px 16px;font-size:12px;font-weight:600;letter-spacing:0}#contactbtn,#themetog,#undobtn{border-color:#303b53;background:#0b1423;color:#b9c4db;border-radius:8px}#contactbtn{font-size:11px;padding:9px 12px}#layout{grid-template-columns:222px minmax(0,1fr) minmax(320px,360px);gap:17px;padding:18px 20px 24px 0;max-width:1920px;margin:auto;align-items:start;min-height:calc(100vh - 110px)}#rail{top:var(--tbh,77px);height:calc(100vh - var(--tbh,77px));padding:0 10px 72px 12px;border-right:1px solid var(--line);background:linear-gradient(180deg,var(--railbg),transparent);font-size:12px}.rail-topnav{display:grid;gap:3px;padding:0 0 20px;margin-bottom:10px;border-bottom:1px solid var(--line)}.rail-topnav a,.rail-topnav button{display:flex;align-items:center;gap:10px;padding:11px 12px;color:var(--muted);border:1px solid transparent;background:none;text-decoration:none;border-radius:8px;font:500 12px var(--sans);text-align:left}.rail-topnav .selected{color:#fff;background:linear-gradient(115deg,#4542d4,#5921b7);border-color:#8c5dff;box-shadow:0 0 15px #7639fb30}.rail-topnav svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6;flex-shrink:0}#rail h2{font-size:9px;letter-spacing:.15em;padding-left:10px;color:var(--muted)}#railprog{margin:8px 10px 5px;font-size:10px}#railbar{margin:4px 10px 15px;height:4px}#railbar i{background:linear-gradient(90deg,#4b37d2,#a771ff)}.railstep{padding:9px 8px;gap:7px;border:1px solid transparent;margin-bottom:2px;border-radius:7px}.railstep .t{font-size:11px;font-weight:550;line-height:1.35;display:block}.railstep .s{display:none}.railstep .num{min-width:20px;height:20px;font-size:10px;background:var(--chipbg);color:var(--muted);border:1px solid var(--line);border-radius:6px}.railstep .sysdot{display:none}.railstep.active,html[data-theme="dark"] .railstep.active{background:linear-gradient(100deg,#6d43ba30,#47317b14);border-color:#6e4b9a;box-shadow:none}.railstep.active .num{color:#f6eaff;background:#6537b5;border-color:#9d65e9}.railstep.done .num{color:var(--script);background:var(--scriptbg)}.railstep.crux .t:after{font-size:7px;letter-spacing:.08em;color:var(--accent);content:"KEY MOMENT"}.quickbtns{padding:8px;gap:5px}.quickbtns button{background:var(--card);font-size:9px;border-radius:5px;padding:5px 7px}.quickwrap{border-top:1px solid var(--line);margin-top:14px}.raildiv{font-size:8px;margin-top:9px;padding-left:8px}#main{max-width:none;padding:0 0 75px;min-width:0}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px;gap:15px}.workspace-heading p,.eyebrow{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-weight:600}.workspace-heading h1{font-size:25px;color:var(--text2);font-weight:650;letter-spacing:-.04em}.view-switch{display:flex;gap:2px;background:var(--card);border:1px solid var(--line);padding:3px;border-radius:8px}.view-switch button{font:500 10px var(--sans);padding:7px 10px;background:transparent;border:none;border-radius:5px;color:var(--muted)}.view-switch button[aria-pressed="true"]{background:var(--chipbg);color:var(--ink)}.guide-status{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;background:linear-gradient(110deg,var(--card2),var(--card));padding:10px 14px;margin-bottom:14px}.guide-status .status-dot{width:7px;height:7px;border-radius:50%;background:var(--script);box-shadow:0 0 10px #2ce38d44}.guide-status strong{font-size:10px;color:var(--script);font-weight:600;letter-spacing:.06em}.guide-status small{font-size:10px;color:var(--muted);margin-left:auto}.step{border:1px solid var(--line);border-radius:12px;background:linear-gradient(140deg,var(--card),var(--card2));padding:20px!important;box-shadow:0 4px 22px #0002;scroll-margin-top:100px}.step+.step{margin-top:18px}.focus-mode .step:not(.is-current){display:none}.focus-mode #credit{display:none}.stephead{flex-wrap:wrap;gap:8px;margin:0 0 9px}.stephead .n{background:#6f40ba22;color:var(--accent);font:600 12px var(--sans);width:25px;height:25px;border-radius:7px;display:grid;place-items:center;border:1px solid #8a5acd55}.stephead h1{font-size:20px;font-weight:600;letter-spacing:-.03em;color:var(--text2)}.stephead .sysbadge{margin-left:auto;font-size:8px;border:1px solid var(--line);background:var(--chipbg);color:var(--muted)}.stepgoal{font-size:12px;max-width:100%;line-height:1.6;color:var(--muted);margin:0 0 20px}.blk{background:var(--card);border-color:var(--line);border-radius:9px;margin-bottom:12px;box-shadow:none!important}.blk>.bh{background:none!important;border-bottom:1px solid var(--line);padding:10px 13px;font-size:9px;font-weight:600;letter-spacing:.07em}.blk>.bb{padding:14px;font-size:12px!important;line-height:1.7}.blk.script{border-color:#276446;box-shadow:0 0 13px #13e9790d!important;background:linear-gradient(120deg,var(--scriptbg),var(--card))}.blk.script>.bh{color:var(--script);border-color:#23533c}.blk.script>.bb{color:var(--scripttext);font-family:var(--sans);font-size:15px!important;line-height:1.65;font-weight:450}.blk.script:first-of-type{box-shadow:0 0 16px #22e77c18!important}.blk.coach{border-color:#493361}.blk.coach>.bh{border-color:#38294e;color:var(--coach)}.blk.coach>.bb{color:var(--coachtext);background:linear-gradient(125deg,var(--coachbg),transparent)}.blk.info>.bh{color:var(--muted)}.blk.alertb{border-color:#644a36}.blk.alertb>.bh{border-color:#493a30;color:var(--alert)}.blk.alertb>.bb{color:var(--alerttext);background:linear-gradient(120deg,var(--alertbg),transparent)}.blk .bb p,.blk .bb ul,.blk .bb ol{max-width:none}.blk .bb .tok{font-weight:500;background:var(--tokbg);color:var(--script)}.pausechip{font:500 10px var(--sans);padding:8px 11px;background:var(--chipbg);color:var(--muted);border:1px solid var(--line);border-radius:6px}.pausechip small{display:none}.ck li{font-size:11px;border-bottom-style:solid;padding:9px 0}.ck input[type="checkbox"]{width:14px;height:14px;accent-color:var(--script);margin-top:3px}.ck li span{max-width:none}.branchgrid button{background:var(--card2);border-width:1px;font-size:11px;padding:10px}.secnext button{background:linear-gradient(110deg,#5e42c0,#7134ba);border-color:#8f62da;color:#fff!important;font-size:11px;padding:10px 14px}.secnext{margin-top:18px;gap:8px;justify-content:space-between}.secprev{background:transparent!important;border-color:var(--line)!important;color:var(--muted)!important}.switchb{border-radius:9px;border-color:#3c3457;background:var(--card2)}.sysbadge{font-size:8px}table.ref th{background:var(--chipbg);color:var(--muted);font-size:9px;font-weight:600}table.ref td{font-size:11px}table.ref td.q{font-size:12px}.painchip{font-size:10px}.crmnote,.mgrnotice{font-size:11px}.orditem .onum{background:var(--chipbg);color:var(--ink)}
/* Right-side context and coaching tools */
#dock{display:flex;top:calc(var(--tbh,77px) + 16px);height:calc(100vh - var(--tbh,77px) - 40px);border:0;background:none;border-radius:0;gap:12px}.context-card{border:1px solid var(--line);border-radius:11px;background:linear-gradient(130deg,var(--card2),var(--card));padding:15px;flex-shrink:0}.context-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--text2);font-size:12px}.context-card header small{font-size:8px;color:var(--muted);border:1px solid var(--line);padding:2px 5px;border-radius:4px}.context-row{display:grid;grid-template-columns:28px 1fr;gap:8px;margin:10px 0;align-items:center}.context-row .context-icon{display:grid;place-items:center;border:1px solid var(--line);background:var(--chipbg);border-radius:7px;color:var(--ink);font-size:14px;height:28px}.context-row label{color:var(--muted);font-size:9px;display:block}.context-row strong{color:var(--text2);font-size:11px;font-weight:500;display:block}.context-progress{border-top:1px solid var(--line);padding-top:10px;margin-top:12px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.context-progress b{color:var(--script);font-weight:600}.coach-meter{height:4px;margin-top:8px;background:var(--line);border-radius:9px;overflow:hidden}.coach-meter i{display:block;background:linear-gradient(90deg,#368bff,#b06fff);height:100%;transition:width .2s}.dockhead{border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;padding:12px 12px 0;background:var(--card);margin-bottom:-12px}.dockhead:before{content:"GUIDANCE & REFERENCE";color:var(--muted);font-size:8px;letter-spacing:.07em;position:absolute;top:0;left:0;display:none}#dockpick{padding:7px 0;border:0;background:var(--card);font-size:12px;font-weight:550;color:var(--text2)}#dockhide{font-size:10px;padding:4px 7px;border-color:var(--line)}.dockbody{border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;background:linear-gradient(130deg,var(--card),var(--card2));padding:14px 13px 30px;min-height:180px;flex:1}.objsearch{font-size:11px;padding:9px 10px;background:var(--card2);color:var(--text2);border-color:var(--line)}.objcats{gap:4px}.objcats button{background:transparent;color:var(--muted);font-size:9px;border-color:var(--line);border-radius:5px}.objcats button.on,.dtabs button.on{background:#5f3db8!important;border-color:#9368ec;color:#fff}.objcard{background:var(--card2);border-color:var(--line);border-radius:7px}.objcard>button{color:var(--text2);font-weight:450;font-size:11px!important}.objbody{font-size:11px}.objrow .lab{font-size:8px}.objcard.open{border-color:#7f59bd;box-shadow:0 0 12px #8743c514}.objcard .r,.objrow{font-size:11px}.dsec h4{font-size:10px;color:var(--ink)}.dsec .blk>.bb{font-size:11px!important}#drawer,#contactPanel{background:var(--card);border-color:var(--line)}#drawer header,#contactPanel .cpanel-head{background:var(--card2);border-bottom:1px solid var(--line)}#drawer .dtabs{background:var(--card)}.dtabs button{color:var(--muted)}#credit{font-size:10px}#silence{right:130px;bottom:13px}#silenceBtn{border:1px solid #3d685a;background:var(--card2);color:var(--script);font-size:11px;padding:9px 13px;box-shadow:none}#silence .hint{display:none}#totop{background:var(--card);color:var(--muted);font-size:10px}.focus-mode #totop{display:none}body.dockoff #layout{grid-template-columns:222px minmax(0,1fr)}body.dockoff #dock{display:none}body.dockoff #dockshow{display:block;background:#572da9}.focus-mode #railsteps{overflow:visible}
/* Welcome workspace */
.workspace-page .wrap{max-width:1210px;padding:40px 28px 75px}.workspace-page header.top{border:0;margin-bottom:25px;padding:0}.workspace-page .mark{background:none;width:42px;height:42px}.workspace-page .tt h1{font-size:23px;color:var(--text2);letter-spacing:-.04em}.workspace-page .tt .by{color:var(--muted);font-size:11px}.workspace-page .iu{font-size:9px;border-color:#5d3885;color:var(--coach);background:#754dbe0f}.workspace-page .card{background:linear-gradient(130deg,var(--card2),var(--card));border:1px solid var(--line);box-shadow:0 8px 25px #0001;border-radius:13px}.workspace-page .cta{background:linear-gradient(110deg,#2b1a49,#172345 60%,#0c2334);border:1px solid #7655ad;border-radius:15px;padding:26px;color:#fff;box-shadow:0 0 30px #8a34ed12;margin:24px 0 30px;position:relative;overflow:hidden}.workspace-page .cta:after{content:"";width:170px;height:170px;position:absolute;right:90px;top:-60px;opacity:.15;background:linear-gradient(45deg,#1d9aff,#c278ff);border-radius:50%;filter:blur(40px);pointer-events:none}.workspace-page .cta-label{font-size:26px;font-weight:600;letter-spacing:-.04em}.workspace-page .cta-sub{font-size:12px;color:#bdb3dc;max-width:600px;margin-top:9px;line-height:1.7}.workspace-page .cta-arrow{color:#b78bff;font-size:35px}.workspace-page h2{font-size:12px;letter-spacing:.02em;color:var(--text2);margin-bottom:13px}.workspace-page .ck li{font-size:12px;padding:12px 0}.workspace-page .jump{grid-template-columns:repeat(3,1fr);gap:12px}.workspace-page .jump a{background:var(--card);border-color:var(--line);border-radius:10px;padding:16px}.workspace-page .jump a b{font-size:12px;color:var(--ink)}.workspace-page .jump a span{font-size:11px;color:var(--muted);margin-top:6px}.workspace-page .lu{margin-top:20px}.workspace-page .lu-label{font-size:9px;color:var(--muted)}.workspace-page .lu-time{font-size:12px;color:var(--text2)}.workspace-page footer{border-color:var(--line);font-size:10px;color:var(--muted)}.compare-link{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;text-decoration:none;border:1px solid var(--line);border-radius:7px;padding:7px 10px}.compare-link:hover{color:var(--ink);border-color:var(--ink)}.workspace-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 28px}.workspace-stats div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px}.workspace-stats strong{font-size:23px;font-weight:600;display:block;color:var(--ink);letter-spacing:-.04em}.workspace-stats small{color:var(--muted);font-size:10px}.workspace-intro{margin:28px 0}.workspace-intro h2{font-size:38px;line-height:1.15;letter-spacing:-.045em;margin-bottom:13px}.workspace-intro h2 span{background:linear-gradient(100deg,#b771ff,#6054fd,#248fff);color:transparent;background-clip:text}.workspace-intro p{font-size:13px;color:var(--muted)}
/* Responsive: no cut-off panels; existing mobile navigation remains available. */
@media(max-width:1250px){#layout{grid-template-columns:195px minmax(0,1fr) 300px;gap:12px;padding-right:13px}#topbar{gap:10px;padding-inline:14px}#topbar .brand{width:170px;font-size:17px}.tokfield input{width:76px}#contactbtn{display:none}.step{padding:16px!important}.stephead h1{font-size:18px}#rail{padding-left:8px}.railstep .t{font-size:10px}#newcall{padding:8px 10px;font-size:10px}}
@media(max-width:1040px) and (min-width:841px){#layout{grid-template-columns:180px minmax(0,1fr)}#dock{display:none}#dockshow{display:block}.tokfield input{width:70px}.workspace-heading h1{font-size:22px}.guide-status small{font-size:9px}body.dockoff #layout{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:840px){#topbar{padding:12px;min-height:57px;gap:10px;flex-wrap:wrap}#topbar .brand{width:auto;font-size:16px;flex:1}.cc-logo{width:26px;height:26px}#topbar #resetwrap{margin-left:0}#newcall{font-size:0;padding:8px}#newcall .ic{font-size:16px}#topbar #tokrow{order:10;width:100%;background:var(--card);border-color:var(--line)}.tokfield input{width:100%;background:var(--card2);color:var(--text2)}#layout,body.dockoff #layout{display:block;padding:14px 12px;min-height:70vh}#rail,#dock{display:none}#dockshow{display:none!important}#main{padding:0 0 65px}#mnav{background:var(--card);border-color:var(--line);padding:8px 12px;gap:7px}#mnavsec{background:var(--card2);border-color:var(--line);color:var(--text2)}#mnavpanels,#mnavdetails,#mnavcontact{background:var(--chipbg)!important;color:var(--ink);padding:9px}#mnavreset{display:none}#msheet{background:var(--card);color:var(--text2);border-color:var(--line)}#msheet button{color:var(--text2);background:var(--card2);border-color:var(--line)}.workspace-heading{margin:4px 0 12px}.workspace-heading h1{font-size:22px}.workspace-heading p{font-size:8px}.view-switch button{font-size:9px;padding:6px 8px}.guide-status{padding:9px 11px;gap:7px}.guide-status small{font-size:8px;max-width:120px;text-align:right}.guide-status strong{font-size:9px}.step{padding:15px!important;border-radius:10px}.stephead h1{font-size:18px}.stephead .sysbadge{margin-left:0}.stepgoal{font-size:11px}.blk.script>.bb{font-size:14px!important}.branchgrid{grid-template-columns:1fr}.secnext button{font-size:10px;padding:9px 11px}.secnext .secprev{max-width:80px}.workspace-page .wrap{padding:25px 18px 70px}.workspace-page .tt h1{font-size:20px}.workspace-intro h2{font-size:33px}.workspace-page .cta-label{font-size:22px}.workspace-page .cta{padding:22px}.workspace-page .cta-sub{font-size:11px}.workspace-page .jump{grid-template-columns:repeat(2,1fr)}.workspace-stats{grid-template-columns:repeat(2,1fr)}.demo-banner{font-size:9px;padding:6px 12px}.demo-lock{right:12px;bottom:12px}#silence{right:120px;bottom:12px}#silenceBtn{font-size:10px;padding:9px 11px}.workspace-page footer{flex-wrap:wrap;gap:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Override the legacy theme's high-specificity button rules. */
html[data-theme="dark"] .pausechip,html[data-theme="dark"] #silenceBtn{background:#10263a;color:#85edc2;border:1px solid #315849}html[data-theme="dark"] #newcall{background:linear-gradient(#df3855,#a91e3b);color:#fff;border-color:#db4964}html[data-theme="dark"] .railstep .num{background:#142139;color:#94a1bd}html[data-theme="dark"] .railstep.active .num{background:#7042b9;color:#fff}html[data-theme="dark"] .railstep.done .num{background:#12392c;color:#72eeb2}html[data-theme="dark"] .stephead .n{color:#bc91ff}html[data-theme="dark"] .secnext .secprev{color:#b9a9d1!important;background:transparent!important}.workspace-intro h2{text-transform:none!important;letter-spacing:-.045em!important}.workspace-center{min-width:0;scroll-margin-top:calc(var(--tbh,77px) + 65px)}
@media(min-width:1650px){#layout{max-width:1760px;grid-template-columns:222px minmax(0,1fr) 390px}}@media(max-width:840px){.workspace-center{scroll-margin-top:calc(var(--tbh,57px) + 65px)}}