/* Operational Field Notes: reclaim canvas space through discreet, reversible rails rather than chrome-heavy dashboard drawers. */
.map-viewport{scrollbar-width:none}.map-viewport::-webkit-scrollbar{display:none}
/* Compact title-led header and direct map panning preserve the process canvas as the primary work surface. */
.people-rail header{align-items:center}.people-rail h2{margin:6px 0}.people-rail header>div{margin-right:auto}.people-rail header>[data-add-person],.people-rail header>.rail-collapse{align-self:center}.people-rail header>.rail-collapse{margin-left:6px}.process-hero{min-height:82px;padding:11px 30px 9px}.hero-copy>.workflow-heading{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;max-width:calc(100% - 152px);margin-top:0}.process-hero .workflow-heading h1{flex:0 1 auto;max-width:min(100%,640px);margin:0;font-size:clamp(24px,2.25vw,34px);line-height:1.02;letter-spacing:-1px}.process-hero .workflow-prompt{flex:1 1 190px;max-width:430px;margin:0;color:#68675f;font-size:10px;line-height:1.45}.hero-copy>button{top:50%;transform:translateY(-50%)}.map-viewport{align-items:flex-start;flex:0 0 auto;height:clamp(460px,calc(100vh - 225px),670px);min-height:0;overflow:auto;cursor:grab;overscroll-behavior:contain;touch-action:none}.process-map{margin:14px 0 22px}.map-viewport.is-panning{cursor:grabbing;user-select:none}.map-viewport.is-panning *{pointer-events:none}@media(max-width:780px){.process-hero{min-height:96px;padding:11px 15px}.hero-copy>.workflow-heading{max-width:calc(100% - 96px);gap:7px}.process-hero .workflow-heading h1{font-size:26px}.process-hero .workflow-prompt{flex-basis:150px;font-size:9px}.hero-copy>button{right:0}.map-viewport{height:clamp(420px,calc(100vh - 220px),580px)}}
/* Compact title-led workflow context replaces the large generic hero claim. */
.process-hero .hero-copy h1{max-width:min(640px,75%);font-size:clamp(27px,2.75vw,42px);letter-spacing:-1.25px}.process-hero .hero-copy>p:last-child{max-width:680px}
@media(min-width:781px){.app-shell.people-collapsed .top-people-toggle,.app-shell.ledger-collapsed .top-ledger-toggle{display:grid}}
.starter-choice{display:grid;gap:7px;margin:1px 0 2px;padding:11px;border:1px solid #ded8cb;border-radius:8px 13px 9px 12px;background:rgba(250,248,241,.78)}.starter-choice legend{padding:0 4px;color:#7b796f;font:500 8px "DM Mono",monospace;letter-spacing:.1em}.starter-option{display:flex!important;grid-template-columns:none!important;grid-auto-flow:column;align-items:flex-start;gap:8px!important;padding:7px;border:1px solid transparent;border-radius:6px;background:transparent}.starter-option:has(input:checked){border-color:#e7b5aa;background:#fff8f5}.starter-option input{width:14px;margin:2px 0 0;accent-color:var(--ember)}.starter-option span{display:grid;gap:3px}.starter-option b{font-size:10px}.starter-option small{color:#7f7d74;font-size:9px;line-height:1.35}.topbar{gap:16px}.top-center{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0}.top-contributors{display:none;align-items:center;gap:7px;min-width:0}.top-contributors>span{color:#85837a;font:500 7px "DM Mono",monospace;letter-spacing:.1em}.top-contributors>div{display:flex;align-items:center;padding-right:2px}.top-contributors button{position:relative;display:grid;place-items:center;width:25px;height:25px;margin-left:-4px;border:2px solid #fffdf7;border-radius:50%;background:var(--person-color);color:#fffdf7;font:500 7px "DM Mono",monospace;box-shadow:0 1px 4px rgba(43,43,38,.15);transition:transform .15s ease,box-shadow .15s ease}.top-contributors button:hover,.top-contributors button.selected{z-index:2;transform:translateY(-2px);box-shadow:0 4px 9px rgba(43,43,38,.19)}.top-contributors button.selected{outline:2px solid var(--ember);outline-offset:1px}.top-contributors.empty{display:none}.panel-toggle,.rail-collapse{border:1px solid #d8d2c5;border-radius:6px;background:#fffdf7;color:#5c5c55;font:700 9px Manrope,sans-serif}.panel-toggle{display:grid;place-items:center;min-width:31px;height:31px;padding:0 8px}.rail-collapse{display:none;width:26px;height:26px;margin-left:4px;font-size:16px;line-height:1}.workbench{transition:grid-template-columns .22s var(--ease-out, ease)}.workbench.people-collapsed{grid-template-columns:0 minmax(0,1fr) 372px}.workbench.ledger-collapsed{grid-template-columns:252px minmax(0,1fr) 0}.workbench.people-collapsed.ledger-collapsed{grid-template-columns:0 minmax(0,1fr) 0}.workbench.people-collapsed .people-rail,.workbench.ledger-collapsed .ledger{overflow:hidden;padding-left:0;padding-right:0;border:0;opacity:0;pointer-events:none}.app-shell.people-collapsed .top-contributors{display:flex}.app-shell.people-collapsed .live-status{display:none}.process-column{min-width:0}.blank-map-note{position:absolute;left:50%;top:50%;z-index:3;display:grid;width:min(310px,calc(100% - 42px));gap:9px;padding:18px;transform:translate(-50%,-48%) rotate(-1deg);border:1px dashed #cfc8b9;border-radius:9px 16px 10px 14px;background:rgba(255,253,247,.94);box-shadow:0 12px 28px rgba(42,42,37,.08);text-align:center}.blank-map-note span,.blank-ledger-note span{color:#a8503c;font:500 8px "DM Mono",monospace;letter-spacing:.11em}.blank-map-note strong{font:600 23px/1 Newsreader,serif}.blank-map-note p,.blank-ledger-note p{margin:0;color:#74736b;font-size:10px;line-height:1.55}.blank-map-note button{border:1px solid #d7c8bc;border-radius:6px;background:#fff8f5;color:#a94b38;padding:8px;font-size:10px;font-weight:700}.blank-ledger-note{display:grid;gap:8px;padding:15px 0}.people-rail header>div:last-child{display:flex;align-items:center}.people-rail header>div:last-child>button{display:inline-grid;place-items:center}.ledger > header > button[data-toggle-ledger="true"]{font-size:16px}.app-shell.ledger-collapsed .top-ledger-toggle,.app-shell.people-collapsed .top-people-toggle{border-color:#e0a296;background:#fff6f2;color:#a94b38}@media(max-width:1000px){.topbar{gap:8px}.top-center{gap:8px}.workbench.people-collapsed{grid-template-columns:0 minmax(0,1fr) 330px}.workbench.ledger-collapsed{grid-template-columns:205px minmax(0,1fr) 0}.workbench.people-collapsed.ledger-collapsed{grid-template-columns:0 minmax(0,1fr) 0}}@media(max-width:780px){.top-contributors{display:flex}.top-contributors>span{display:none}.workbench.people-collapsed,.workbench.ledger-collapsed,.workbench.people-collapsed.ledger-collapsed{display:flex}.workbench.people-collapsed .people-rail,.workbench.ledger-collapsed .ledger{display:none}.panel-toggle{display:grid}.top-actions{gap:5px}.panel-toggle{min-width:26px;height:28px;padding:0 6px}.live-status{display:none!important}.top-center{margin-left:auto}.top-contributors button{width:23px;height:23px;font-size:6px}.blank-map-note{top:52%}}@media(min-width:781px){.rail-collapse{display:inline-grid}.top-people-toggle,.top-ledger-toggle{display:none}}@media(max-width:520px){.top-contributors button:nth-child(n+5){display:none}.invite-button{padding:8px}.blank-map-note{width:min(280px,calc(100% - 30px))}}
/* Operational Field Notes: controls stay mechanically centered; a stage preview reads above the route, never beneath it. */
@media(min-width:781px){.people-rail header>.rail-collapse{display:inline-grid!important;place-items:center;justify-content:center;align-content:center;padding:0;text-indent:0;font-size:0;line-height:1}.people-rail header>.rail-collapse::after{content:'‹';display:block;transform:translate(1px,-1px);color:#5c5c55;font:400 21px/1 Arial,sans-serif}}
.process-map .stage-card{z-index:1}.process-map .stage-card:hover,.process-map .stage-card:focus-within{z-index:30}.process-map .stage-card .stage-preview{z-index:31}
/* Workflow header refinement: a direct, accessible title editor preserves the compact canvas-first composition. */
.process-hero{min-height:72px;padding-top:8px;padding-bottom:6px}.hero-copy>.workflow-heading{gap:9px}.workflow-title-rename{display:block;max-width:min(100%,640px);margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}.workflow-title-rename h1{cursor:text}.workflow-title-rename:hover h1,.workflow-title-rename:focus-visible h1{color:#a64735;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.workflow-title-rename:focus-visible{outline:2px solid #e09b8c;outline-offset:4px;border-radius:3px}.workflow-title-input{width:min(640px,100%);margin:0;padding:1px 4px;border:1px solid #e09b8c;border-radius:4px;background:#fffdf7;color:#34352f;font:600 clamp(24px,2.25vw,34px)/1.02 Newsreader,serif;letter-spacing:-1px;outline:none;box-shadow:0 0 0 3px rgba(230,93,70,.1)}@media(max-width:780px){.process-hero{min-height:88px;padding-top:9px;padding-bottom:7px}.workflow-title-input{font-size:26px}}
/* Header balance refinement: give the workflow name a dedicated wide lane and push the contextual guidance into a separate right-side column. */
.hero-copy>.workflow-heading{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(240px,.85fr);align-items:center;column-gap:34px;row-gap:4px;width:100%;max-width:calc(100% - 118px);flex-wrap:nowrap}.process-hero .workflow-heading .workflow-title-rename{min-width:0;max-width:none}.process-hero .workflow-heading h1{max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-title-input{width:100%;min-width:0;max-width:none}.process-hero .workflow-prompt{max-width:none;min-width:0;justify-self:start}@media(max-width:1000px){.hero-copy>.workflow-heading{grid-template-columns:minmax(330px,1fr) minmax(200px,.75fr);column-gap:24px}}@media(max-width:780px){.hero-copy>.workflow-heading{grid-template-columns:minmax(0,1fr);max-width:calc(100% - 96px);row-gap:3px}.process-hero .workflow-prompt{padding-left:0}}

/* Header finishing pass: remove 20px of spare desktop hero height and let the first selected avatar breathe beside its label. */
@media(min-width:781px){.process-hero{min-height:52px;padding-top:7px;padding-bottom:5px}.top-contributors>div{margin-left:5px}}