:root{--wf-ink:#dbe5e0;--wf-dark:#0e1915;--wf-side:#14231d;--wf-panel:#182a22;--wf-line:#2e4339;--wf-teal:#39c6a1;--wf-lime:#dfff45;--wf-paper:#f2f0e8;--wf-copy:#14211b}.wfShell{background:var(--wf-dark);min-height:100vh;color:var(--wf-ink)}.wfTopbar{border-bottom:1px solid var(--wf-line);background:#101e18;justify-content:space-between;align-items:center;height:72px;padding:0 26px;display:flex}.wfBrand{align-items:center;gap:11px;display:flex}.wfBrand>span{background:var(--wf-lime);color:#14211b;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:850;display:grid}.wfBrand div{gap:2px;display:grid}.wfBrand b{font-size:12px}.wfBrand small{font:700 7px var(--font-geist-mono);letter-spacing:.1em;color:#789087;text-transform:uppercase}.wfActions{align-items:center;gap:12px;display:flex}.wfActions>span{font:700 8px var(--font-geist-mono);color:#81968d}.wfActions>span i{background:#78d98f;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.wfActions button,.wfActions a{border:1px solid var(--wf-line);color:#b6c5be;cursor:pointer;background:0 0;border-radius:4px;padding:9px 11px;font-size:9px}.wfLayout{grid-template-columns:300px 1fr;min-height:calc(100vh - 72px);display:grid}.wfGuide{background:var(--wf-side);border-right:1px solid var(--wf-line);flex-direction:column;padding:38px 24px;display:flex}.wfGuideIntro>span,.sceneCopy>span{font:700 8px var(--font-geist-mono);letter-spacing:.13em;color:#6f8d81}.wfGuideIntro h1{letter-spacing:-.06em;margin:15px 0;font-size:38px;line-height:.95}.wfGuideIntro p{color:#83978e;margin:0;font-size:10px;line-height:1.65}.wfGuide nav{border-top:1px solid var(--wf-line);margin-top:34px}.wfGuide nav button{border:0;border-bottom:1px solid var(--wf-line);color:#758b82;text-align:left;cursor:pointer;background:0 0;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;width:100%;min-height:74px;padding:0 8px;display:grid}.wfGuide nav button:disabled{cursor:not-allowed;opacity:.4}.wfGuide nav button>i{font:700 8px var(--font-geist-mono);font-style:normal}.wfGuide nav button span{gap:5px;display:grid}.wfGuide nav button b{font-size:12px}.wfGuide nav button small{font-size:8px}.wfGuide nav button em{font-style:normal}.wfGuide nav button.active{color:#fff;background:#1b3027}.wfGuide nav button.active>i{color:var(--wf-lime)}.wfGuide nav button.done em{color:#7ed895}.wfTalkTrack{background:#1d3028;border:1px solid #365044;margin-top:auto;padding:17px}.wfTalkTrack span{font:800 7px var(--font-geist-mono);letter-spacing:.12em;color:var(--wf-lime)}.wfTalkTrack p{color:#c8d4ce;margin:10px 0 0;font-family:Georgia,serif;font-size:13px;line-height:1.5}.wfStage{min-width:0;padding:28px 32px 55px}.wfToast{color:#a5b6ae;background:#172921;border:1px solid #355044;border-radius:5px;align-items:center;height:43px;margin-bottom:24px;padding:0 14px;font-size:9px;display:flex}.wfToast i{background:var(--wf-lime);border-radius:50%;width:7px;height:7px;margin-right:9px}.yardScene,.waybillScene{grid-template-columns:minmax(270px,440px) minmax(340px,470px);justify-content:center;align-items:center;gap:8vw;min-height:700px;display:grid}.sceneCopy h2{letter-spacing:-.06em;margin:20px 0;font-size:clamp(38px,4vw,62px);line-height:.96}.sceneCopy>p{color:#8ea198;max-width:430px;font-size:12px;line-height:1.7}.connectionNote{border-left:3px solid var(--wf-teal);background:#172921;align-items:center;gap:12px;margin-top:28px;padding:15px;display:flex}.connectionNote>i{color:var(--wf-teal);font-style:normal}.connectionNote div{gap:4px;display:grid}.connectionNote b{font-size:10px}.connectionNote span{color:#84988f;font-size:8px}.connectionNote.success{border-color:var(--wf-lime)}.connectionNote.success>i{color:var(--wf-lime)}.phoneWrap{justify-items:center;display:grid}.phoneLabel{font:700 7px var(--font-geist-mono);letter-spacing:.13em;color:#668077;margin-bottom:12px}.phone{color:#14211b;background:#f5f4ee;border:9px solid #283c33;border-radius:34px;width:390px;min-height:680px;overflow:hidden;box-shadow:0 30px 70px #0007}.phoneBar{color:#d8e3de;height:28px;font:700 7px var(--font-geist-mono);background:#102019;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.phoneBar>i{background:#050a08;border-radius:0 0 9px 9px;width:50px;height:15px;margin-top:-13px}.yardApp header,.waybillApp header{color:#fff;background:#153429;justify-content:space-between;align-items:center;height:59px;padding:0 16px;display:flex}.yardApp header div,.waybillApp header div{gap:3px;display:grid}.yardApp header small,.waybillApp header small{font:700 6px var(--font-geist-mono);letter-spacing:.13em;color:#68b59e}.yardApp header b,.waybillApp header b{font-size:15px}.yardApp header>span{font:700 7px var(--font-geist-mono);color:#a9bdb4}.yardProgress{grid-template-columns:repeat(3,1fr);gap:4px;padding:10px 16px;display:grid}.yardProgress i{background:#d7ddd8;border-radius:3px;height:3px}.yardProgress i.active{background:#31b78f}.yardTitle{padding:10px 16px}.yardTitle>span,.billHero>span,.billStops>span{font:800 7px var(--font-geist-mono);letter-spacing:.1em;color:#698078}.yardTitle h3{letter-spacing:-.04em;margin:8px 0 4px;font-size:24px}.yardTitle p{color:#758079;margin:0;font-size:9px}.dockRow{background:#fff;border:1px solid #d3d9d4;border-radius:7px;grid-template-columns:1fr auto;gap:3px;margin:8px 16px 10px;padding:11px;display:grid}.dockRow span{font:800 7px var(--font-geist-mono);color:#63736b}.dockRow b{grid-column:1;font-size:14px}.dockRow small{color:#839088;grid-column:1;font-size:8px}.dockRow i{font:700 7px var(--font-geist-mono);color:#288e6d;background:#e2f2eb;grid-area:1/2/4;align-self:center;padding:6px;font-style:normal}.equipmentList{gap:7px;padding:0 16px;display:grid}.equipmentList button{text-align:left;cursor:pointer;background:#fff;border:1px solid #d5dad6;border-radius:6px;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;min-height:57px;padding:8px;display:grid}.equipmentList button>i{width:24px;height:24px;font:800 9px var(--font-geist-mono);color:#78857e;border:1px solid #cbd2cc;border-radius:50%;place-items:center;font-style:normal;display:grid}.equipmentList button div{gap:3px;display:grid}.equipmentList button div b{font-size:11px}.equipmentList button div span{color:#808b85;font-size:7px}.equipmentList button em{font:700 7px var(--font-geist-mono);color:#909891;font-style:normal}.equipmentList button.selected{background:#f0faf6;border-color:#5eb99b}.equipmentList button.selected>i{color:#fff;background:#2ca77e;border-color:#2ca77e}.equipmentList button.selected em{color:#238565}.yardSync{color:#fff;cursor:pointer;background:#153429;border:0;border-radius:5px;width:calc(100% - 32px);height:44px;margin:13px 16px;font-size:10px;font-weight:800;display:block}.yardSync:disabled{opacity:.65}.planScene{gap:25px;display:grid}.planScene>.sceneCopy{grid-template-columns:1fr 1.1fr;align-items:end;column-gap:50px;display:grid}.planScene>.sceneCopy>span{grid-column:1}.planScene>.sceneCopy h2{grid-column:1;margin-bottom:0;font-size:43px}.planScene>.sceneCopy>p{grid-area:1/2/3;align-self:end}.planScene .connectionNote{grid-column:2;margin:15px 0 0}.waypointApp{color:#14211b;background:#e9ece9;border:1px solid #385044;border-radius:9px;grid-template-columns:155px 1fr;min-height:650px;display:grid;overflow:hidden;box-shadow:0 28px 60px #0005}.waypointApp>aside{color:#8fa399;background:#12231c;flex-direction:column;gap:4px;padding:20px 12px;display:flex}.wpLogo{color:#fff;align-items:center;gap:8px;margin:0 7px 25px;display:flex}.wpLogo span{color:#0f2019;background:#3cc5a0;border-radius:5px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.wpLogo b{font-size:12px}.waypointApp>aside>small{font:700 6px var(--font-geist-mono);letter-spacing:.12em;color:#526b60;margin:16px 8px 5px}.waypointApp>aside>button{color:#80958b;text-align:left;background:0 0;border:0;border-radius:4px;height:34px;padding:0 9px;font-size:9px;font-weight:700}.waypointApp>aside>button i{float:right;font-style:normal}.waypointApp>aside>button.active{color:#fff;background:#1d392e}.waypointApp>main{min-width:0;padding:24px}.waypointApp main>header{justify-content:space-between;align-items:center;display:flex}.waypointApp main>header span{font:700 7px var(--font-geist-mono);color:#728078}.waypointApp main>header h3{margin:6px 0;font-size:24px}.waypointApp main>header>b{font:800 7px var(--font-geist-mono);border-radius:3px;padding:8px}.waypointApp main>header>b.draft{color:#862;background:#fff1d3}.waypointApp main>header>b.published{color:#247659;background:#dff3ea}.wpSummary{background:#fff;border:1px solid #d1d6d2;grid-template-columns:repeat(3,1fr);margin:14px 0;display:grid}.wpSummary article{border-right:1px solid #d1d6d2;grid-template-columns:1fr auto;gap:3px;padding:12px;display:grid}.wpSummary article:last-child{border:0}.wpSummary span,.wpSummary small{color:#7b8881;font-size:7px}.wpSummary b{grid-area:1/2/3;font-size:21px}.routeEditor{background:#fff;border:1px solid #d1d6d2;border-radius:5px;padding:16px}.routeHead{justify-content:space-between;display:flex}.routeHead span{font:800 7px var(--font-geist-mono);color:#3b9278}.routeHead h4{margin:4px 0;font-size:18px}.routeHead small{color:#75847c;font-size:7px}.routeHead>b{font:800 7px var(--font-geist-mono);color:#a7533e;background:#fae8e1;height:max-content;padding:7px}.assignmentGrid{border-top:1px solid #e2e5e2;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:13px;padding-top:13px;display:grid}.assignmentGrid label{gap:4px;display:grid;position:relative}.assignmentGrid label>span{font:800 6px var(--font-geist-mono);letter-spacing:.08em;color:#75827b}.assignmentGrid select{background:#f8faf8;border:1px solid #ccd3ce;border-radius:3px;width:100%;padding:7px 5px;font-size:8px}.yardVerified{color:#258361;font-size:6px}.stopStrip{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px;display:grid}.stopStrip>div{background:#f3f5f3;gap:7px;padding:8px;display:flex}.stopStrip>div>i{color:#64d6b2;width:20px;height:20px;font:800 6px var(--font-geist-mono);background:#173629;border-radius:50%;place-items:center;font-style:normal;display:grid}.stopStrip span{gap:3px;min-width:0;display:grid}.stopStrip b{white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.stopStrip small{color:#77857e;font-size:6px}.publishBar{color:#fff;background:#162820;border-radius:5px;justify-content:space-between;align-items:center;margin-top:14px;padding:12px;display:flex}.publishBar>div{gap:4px;display:grid}.publishBar span{font-size:8px;font-weight:700}.publishBar small{color:#81968c;font-size:6px}.publishBar button{background:var(--wf-lime);color:#15231c;cursor:pointer;border:0;border-radius:3px;padding:11px 13px;font-size:8px;font-weight:900}.publishBar button:disabled{color:#fff;background:#65a990}.waybillScene .sceneCopy{max-width:440px}.replayButton{color:#d0dad5;cursor:pointer;background:0 0;border:1px solid #486156;border-radius:4px;margin-top:20px;padding:11px 14px;font-size:9px;font-weight:800}.waybillApp header>span{width:27px;height:27px;font:800 7px var(--font-geist-mono);background:#2c5846;border-radius:50%;place-items:center;display:grid}.posted{color:#207459;height:30px;font:800 7px var(--font-geist-mono);letter-spacing:.08em;background:#e3f4ec;justify-content:center;align-items:center;display:flex}.posted i{background:#40ad83;border-radius:50%;width:6px;height:6px;margin-right:7px}.billHero{color:#fff;background:#193b2f;padding:21px 17px}.billHero>span{color:#68b89f}.billHero h3{letter-spacing:-.04em;margin:8px 0 2px;font-size:31px}.billHero p{color:#a8beb5;margin:0;font-size:9px}.billPeople{border-bottom:1px solid #d7dcd8;grid-template-columns:1fr 1fr;display:grid}.billPeople>div,.billEquipment>div{border-right:1px solid #d7dcd8;gap:5px;padding:13px 15px;display:grid}.billPeople span,.billEquipment span{font:800 6px var(--font-geist-mono);color:#75837c}.billPeople b,.billEquipment b{font-size:10px}.billEquipment{border-bottom:1px solid #d7dcd8;grid-template-columns:repeat(3,1fr);display:grid}.billStops{padding:14px 15px}.billStops>span{margin-bottom:7px;display:block}.billStops>div{border-bottom:1px solid #e0e3e0;grid-template-columns:27px 1fr auto;align-items:center;gap:9px;min-height:53px;display:grid}.billStops>div>i{color:#23795e;width:25px;height:25px;font:800 7px var(--font-geist-mono);background:#dff1e9;border-radius:50%;place-items:center;font-style:normal;display:grid}.billStops p{gap:4px;margin:0;display:grid}.billStops b{font-size:9px}.billStops small{color:#7c8881;font-size:7px}.billStops em{color:#7e8983;font-style:normal}.waybillApp>button{color:#fff;background:#17392d;border:0;border-radius:4px;justify-content:space-between;align-items:center;width:calc(100% - 30px);height:40px;margin:2px 15px 14px;padding:0 13px;font-size:9px;font-weight:800;display:flex}@media (max-width:1100px){.wfLayout{grid-template-columns:245px 1fr}.yardScene,.waybillScene{gap:35px}.phone{width:350px}.assignmentGrid{grid-template-columns:repeat(3,1fr)}.stopStrip{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.wfTopbar{padding:0 14px}.wfActions>span,.wfActions a{display:none}.wfLayout{display:block}.wfGuide{padding:20px;position:static}.wfGuideIntro{display:none}.wfGuide nav{border:1px solid var(--wf-line);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.wfGuide nav button{border-bottom:0;border-right:1px solid var(--wf-line);min-height:58px}.wfGuide nav button small,.wfGuide nav button em{display:none}.wfTalkTrack{margin-top:13px}.wfStage{padding:18px 14px 45px}.yardScene,.waybillScene{grid-template-columns:1fr}.sceneCopy{max-width:620px}.phoneWrap{margin-top:20px}.planScene>.sceneCopy{display:block}.planScene .connectionNote{margin-top:20px}.waypointApp{grid-template-columns:75px 1fr}.waypointApp>aside{padding-inline:7px}.wpLogo b,.waypointApp>aside>button{font-size:0}.waypointApp>aside>button i{font-size:8px}.assignmentGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.wfGuide nav button{grid-template-columns:28px 1fr;padding:0 5px}.wfGuide nav button b{font-size:9px}.wfStage{padding-inline:8px}.wfToast{height:auto;min-height:43px}.sceneCopy h2{font-size:40px}.phone{border-width:6px;border-radius:27px;width:min(100%,370px)}.waypointApp{min-height:700px;display:block}.waypointApp>aside{display:none}.waypointApp>main{padding:12px}.waypointApp main>header h3{font-size:20px}.wpSummary article{padding:8px}.assignmentGrid,.stopStrip{grid-template-columns:1fr 1fr}.publishBar{flex-direction:column;align-items:stretch;gap:11px}.publishBar button{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.assignmentGrid label>span{justify-content:space-between;align-items:center;gap:4px;display:flex}.assignmentGrid .yardVerified{font:700 5px var(--font-geist-mono);letter-spacing:0;color:#258361;white-space:nowrap}