:root{--bg:#f1f4f8;--panel:#fff;--ink:#16202c;--muted:#5d6b7c;--line:#d8dfe8;--blue:#1a66d6;--dark:#101a26;--green:#1e7a3c;--radius:12px;overflow-y:scroll;scrollbar-gutter:stable}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 "Segoe UI",system-ui,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #91b9ff;outline-offset:3px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--dark);color:#d7dfe9;padding:24px 14px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:11px;color:#fff;text-decoration:none;align-items:center;font-weight:700;padding:0 7px 20px}.brand-symbol{display:grid;place-items:center;width:34px;height:38px;border:1px solid #4d75a8;border-radius:10px;background:#1a3354;font-size:23px;color:#b9d6ff}.brand small{display:block;font-size:10px;font-weight:400;color:#8ea2ba;margin-top:3px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8ea2ba;margin:15px 10px 8px}.sidebar nav{overflow-y:auto}.sidebar nav>a{display:block;text-decoration:none;color:#cdd8e7;padding:9px 12px;border-radius:8px;margin:2px 0;font-size:13px}.sidebar nav>a:hover{background:#1a293b}.sidebar nav>a.active{background:#1d3555;color:white;box-shadow:inset 3px 0 #6ba2ef}.side-bottom{margin-top:auto;padding-top:16px}.side-bottom p{font-size:10px;color:#889bb4;margin:12px 10px 0}.side-button{background:transparent;border:1px solid #334359;border-radius:8px;color:#d7dfe9;width:100%;padding:9px;text-align:left;font-size:12px}.side-button span{float:right;color:#8ba8cc;font-size:10px}
.workspace{margin-left:224px;min-height:100vh;padding-bottom:30px}.topbar{height:68px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:14px}.breadcrumbs{font-size:12px;color:var(--muted)}.breadcrumbs span{padding:0 10px;color:#a4b0bf}.breadcrumbs strong{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:16px}.demo-badge{font-size:11px;color:#865d00;background:#fff6dd;border:1px solid #eddda9;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:6px}.demo-badge i{width:6px;height:6px;background:#b27b00;border-radius:50%}.button{padding:9px 14px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;font-weight:600;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.button:hover{border-color:#9fb9dc;background:#f7faff}.button.primary{background:var(--blue);color:white;border-color:var(--blue)}.button.primary:hover{background:#1559bb}.button.small{font-size:12px;padding:7px 12px}.text-button{border:0;background:none;padding:7px 0;color:var(--muted);font-size:12px}.text-button:hover{color:var(--blue)}
#content{padding:26px}.loading{padding:30px;color:var(--muted)}.statusbar{position:fixed;bottom:0;left:224px;right:0;display:flex;justify-content:space-between;gap:14px;background:#f9fbfd;border-top:1px solid var(--line);padding:6px 26px;font-size:10px;color:var(--muted);z-index:4}.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--blue);margin:0 0 7px}h1{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin:0 0 8px}h2{font-size:18px;margin:0}p{margin:0 0 12px}.intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.intro p{color:var(--muted);font-size:13px;margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.case-banner{display:grid;grid-template-columns:245px 1fr;background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:24px}.case-banner img{width:245px;height:190px;object-fit:cover}.case-banner .case-copy{padding:22px 25px;display:flex;flex-direction:column;justify-content:center}.case-copy h2{font-size:22px;margin:0 0 7px;letter-spacing:-.02em}.case-copy p{color:var(--muted);font-size:12px;max-width:570px;margin:0 0 10px}.facts{display:flex;gap:8px;flex-wrap:wrap}.fact{font-size:11px;padding:4px 9px;background:#eaf1fc;color:#235589;border-radius:6px}.case-actions{margin-top:12px;display:flex;gap:16px}.case-actions button{font-size:12px;font-weight:600;color:var(--blue);background:none;border:0;padding:0}.board-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.segmented{display:flex;border:1px solid var(--line);padding:3px;border-radius:9px;background:#e7edf5;gap:2px}.segmented button{border:0;background:none;border-radius:6px;color:var(--muted);padding:7px 11px;font-size:12px;font-weight:600}.segmented button.active{background:white;color:var(--ink);box-shadow:0 2px 5px #16202c10}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(183px,1fr);gap:10px;overflow-x:auto;padding-bottom:10px;min-height:280px}.lane{background:#e8edf4;border-radius:10px;min-height:240px;padding:10px}.lane-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;margin-bottom:12px;color:#485b72;border-top:3px solid var(--lane-color,#7ba0d4);padding-top:9px}.lane-title span{font-weight:400;background:#d9e2ed;color:#5c6d83;padding:1px 6px;border-radius:20px}.deal{background:white;border:1px solid #d6e0ed;border-radius:8px;padding:13px 11px;margin-bottom:9px;width:100%;text-align:left;box-shadow:0 2px 3px #16202c05}.deal:hover{border-color:#86acdf;box-shadow:0 4px 12px #16202c10}.deal h3{margin:0 0 7px;font-size:13px;line-height:1.3}.deal .amount{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;display:block;margin-bottom:8px}.deal p{margin:0;color:var(--muted);font-size:11px}.deal .next{border-top:1px solid #edf1f6;margin-top:10px;padding-top:8px;font-size:10px;color:#53657b}.deal .tag{font-size:9px;padding:3px 6px;background:#e7f4ed;color:var(--green);border-radius:4px;display:inline-block;margin-bottom:8px}.empty-lane{font-size:10px;color:#8091a6;border:1px dashed #cfd9e5;border-radius:8px;padding:15px 10px;text-align:center}.board-caption{font-size:11px;color:var(--muted);margin-top:8px}.tool-frame{width:100%;height:calc(100vh - 150px);min-height:550px;background:white;border:1px solid var(--line);border-radius:12px;display:block}.frame-header{display:flex;gap:12px;align-items:center;margin-bottom:12px}.frame-header p{font-size:12px;color:var(--muted);margin:0}.frame-header .button{margin-left:auto}.document-tabs{display:flex;gap:8px;margin-bottom:14px}.document-tabs button.active{background:#e7effc;color:var(--blue);border-color:#94b7ed}.doc-page-layout{display:grid;grid-template-columns:minmax(400px,1fr) 310px;gap:18px}.doc-frame{width:100%;height:calc(100vh - 218px);min-height:530px;border:1px solid var(--line);border-radius:10px;background:white}.doc-explainer{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;height:fit-content}.doc-explainer h2{font-size:15px;margin-bottom:13px}.doc-explainer p{font-size:12px;color:var(--muted)}.auto-field{background:#fff1ca;border-bottom:2px solid #e3b345;border-radius:3px;padding:2px 4px;color:#735200}.link-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.timeline{display:flex;gap:0;background:white;border:1px solid var(--line);padding:20px;border-radius:12px;overflow-x:auto}.timeline-step{min-width:118px;flex:1;position:relative;text-align:center;font-size:11px;color:var(--muted)}.timeline-step:before{content:'';position:absolute;left:-50%;top:14px;width:100%;height:2px;background:#c9d9ec}.timeline-step:first-child:before{display:none}.timeline-step b{position:relative;display:grid;place-items:center;margin:0 auto 8px;width:29px;height:29px;background:#e7f4ed;color:var(--green);border:1px solid #b9dec8;border-radius:50%}.timeline-step span{display:block}.process-details{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.process-details .button{font-size:12px}.process-note{background:white;border:1px solid var(--line);padding:22px;border-radius:12px;margin-top:18px;max-width:800px;color:var(--muted);font-size:13px}
.coach{position:fixed;right:26px;bottom:54px;width:345px;height:340px;max-height:calc(100dvh - 80px);display:grid;grid-template-rows:23px 52px minmax(0,1fr) 3px 39px 27px;gap:8px;background:white;border:1px solid #ccd8e8;border-radius:14px;padding:19px 21px;z-index:30;box-shadow:0 15px 42px #16202c2b}.coach-top{display:flex;align-items:center;justify-content:space-between;color:#66788e;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0;grid-row:1}.coach-top button{background:none;border:0;color:#6a7b90;font-size:23px;line-height:1;padding:0}.coach h2{font-size:18px;margin:0;grid-row:2;overflow:auto}.coach p{font-size:13px;color:var(--muted);line-height:1.6;margin:0;grid-row:3;min-height:0;overflow:auto}.coach-controls{display:flex;gap:8px;align-items:center;grid-row:5}.coach-controls #prevStep{width:42px;flex:none}.coach-controls #nextStep{width:84px;flex:none}.coach-controls .text-button{margin-left:auto;font-size:10px}.skip{font-size:11px;margin:0;grid-row:6;justify-self:start}.tour-progress{height:3px;background:#e8edf4;border-radius:2px;margin:0;grid-row:4;overflow:hidden}.tour-progress i{height:100%;display:block;background:var(--blue);width:0}.resume-tour{position:fixed;right:26px;bottom:45px;background:white;border:1px solid #bdd0eb;box-shadow:0 5px 14px #16202c16;border-radius:12px;padding:12px 18px;font-size:12px;color:var(--muted);z-index:31}.resume-tour b{color:var(--blue);margin-left:12px}.focus-ring{position:fixed;border:2px solid #6199ef;border-radius:10px;box-shadow:0 0 0 5px #6199ef1a;pointer-events:none;z-index:20;transition:all .2s}.viewer,.roles-dialog{padding:0;border:0;border-radius:14px;width:min(1040px,94vw);max-height:92vh;background:#eef2f7;box-shadow:0 24px 70px #101a2650}.viewer::backdrop,.roles-dialog::backdrop{background:#101a268f}.viewer-top{background:white;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line)}.viewer-top h2{font-size:16px}.viewer-body{max-height:82vh;overflow:auto;padding:14px;display:flex;justify-content:center}.viewer-body iframe{width:100%;height:76vh;border:0;background:white;border-radius:6px}.viewer-body img{max-width:100%;max-height:76vh;object-fit:contain}.roles-dialog{width:min(650px,94vw);background:white}.role-content{padding:24px}.role-content>p{font-size:13px;color:var(--muted)}.role-content .segmented{margin:18px 0}.permission-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.permission-row b{color:var(--green);font-size:12px}.permission-row b.no{color:var(--muted)}#toast{position:fixed;top:80px;right:26px;background:var(--dark);color:white;border-radius:9px;box-shadow:0 5px 18px #16202c30;padding:12px 18px;z-index:60;font-size:13px}.inline-form{display:flex;gap:9px;margin:14px 0;flex-wrap:wrap}.inline-form input,.inline-form select{border:1px solid var(--line);background:white;border-radius:7px;padding:9px;min-width:160px}.mobile-menu{display:none}
@media(max-width:1100px){.sidebar{width:200px}.workspace{margin-left:200px}.statusbar{left:200px}.topbar{padding:0 18px}.case-banner{grid-template-columns:190px 1fr}.case-banner img{width:190px;height:200px}.case-banner .case-copy{padding:18px}.doc-page-layout{grid-template-columns:1fr}.doc-explainer{display:none}}
@media(max-width:760px){.sidebar{position:static;width:auto;padding:14px 16px}.brand{padding-bottom:8px}.sidebar>.nav-label,.side-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:4px}.sidebar nav .nav-label{display:none}.sidebar nav>a{white-space:nowrap;margin:0;font-size:11px;padding:6px 8px}.workspace{margin-left:0}.topbar{height:auto;min-height:60px;padding:12px;flex-wrap:wrap}.top-actions{gap:8px}.breadcrumbs{font-size:11px}#content{padding:14px}.intro{align-items:flex-start;flex-wrap:wrap}h1{font-size:22px}.case-banner{grid-template-columns:1fr}.case-banner img{width:100%;height:190px;object-position:center 28%}.case-copy h2{font-size:20px}.board-top{flex-wrap:wrap}.segmented{max-width:100%;overflow-x:auto}.segmented button{white-space:nowrap;font-size:10px;padding:7px 9px}.statusbar{position:static;padding:8px 14px;display:block}.statusbar span{display:block;font-size:9px}.coach{width:min(345px,calc(100vw - 24px));right:12px;bottom:15px;max-height:calc(100dvh - 30px)}.resume-tour{right:12px;bottom:15px}.tool-frame{height:75vh;min-height:500px}.frame-header{flex-wrap:wrap}.doc-frame{min-height:500px}.workspace{padding-bottom:0}.case-actions{gap:12px;flex-wrap:wrap}.focus-ring{display:none}.doc-page-layout{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.focus-ring{transition:none}}
.topbar{position:sticky;top:0;z-index:8}.tool-frame{height:calc(100vh - 190px)}
.viewer.with-coach[open],.roles-dialog.with-coach[open]{overflow:visible}
@media(max-width:760px){.tool-frame{height:75vh}.topbar{position:static}}
@media(max-width:760px){.top-actions{flex-wrap:wrap;max-width:100%}.sidebar nav{min-width:0}.board{max-width:100%}.intro .actions{max-width:100%}}
.store-bar{border:0;background:none;color:#235589;font-size:10px;padding:0;text-decoration:underline;cursor:pointer;font-weight:600}
.public-note{padding:18px;max-width:560px;font-size:13px;color:var(--muted)}
.public-note p{margin:0 0 10px}
.inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}