/* LaneSentry Studio — local, responsive presentation layer. */
:root{--canvas:#0c1117;--panel:#131b23;--panel2:#18232c;--edge:#26313c;--muted:#8e9eac;--mint:#5fe0bb;--accent:#5fe0bb;color-scheme:dark}
body{background:var(--canvas);color:#edf2f4;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.015em}
button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{transition:background .15s,transform .15s}button:disabled{opacity:.5;cursor:wait}button svg,[data-icon] svg{width:20px;height:20px;display:block}button [data-icon]{display:inline-flex;align-items:center}input,select,textarea{background:#17222c!important;border-color:#34414e!important;border-radius:10px!important;min-height:46px;font-size:14px}input::placeholder,textarea::placeholder{color:#728391!important}input:focus,select:focus,textarea:focus{border-color:var(--mint)!important;box-shadow:0 0 0 3px #5fe0bb14!important}p{line-height:1.6}main.max-w-4xl{max-width:1240px;padding:36px 44px 64px;margin:0 auto}main>div:first-child{background:none!important;padding:0!important;border:0!important;border-radius:0!important}
.desktop-rail{display:flex;position:fixed;inset:0 auto 0 0;width:224px;background:#10171e;border-right:1px solid var(--edge);padding:32px 20px;flex-direction:column;z-index:40}.rail-brand{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:0 9px;font-size:21px;font-weight:800;text-decoration:none;color:#f0f5f4;letter-spacing:-1px}.rail-brand>svg{grid-row:span 2;width:32px;height:38px;color:var(--mint)}.rail-brand>span{font-size:8px;letter-spacing:1.6px;color:#8d9eab;font-weight:600;margin-top:3px}.rail-label{font-size:10px;color:#71818f;letter-spacing:1.8px;margin:60px 13px 16px}.desktop-rail button{display:flex;gap:12px;align-items:center;padding:13px 12px;margin:3px 0;text-align:left;color:#9cabb8;font-size:13px;font-weight:600;border-radius:9px;min-height:46px}.desktop-rail button:hover{background:#18232c;color:white}.desktop-rail button.is-active{background:#21382f;color:#81edc9}.rail-bottom{margin-top:auto}.rail-bottom button{font-size:12px;font-weight:500}.rail-footnote{font-size:11px;line-height:1.8;color:#b3c0c9;border-top:1px solid var(--edge);padding:24px 12px 0;margin-top:20px}.rail-footnote>span{font-size:10px;color:#6f818e}.app-header{margin-left:224px;background:#0c1117e8;border-color:var(--edge);backdrop-filter:blur(20px)}.app-header-inner{max-width:1240px;padding:18px 44px;min-height:78px}.brand-lockup .brand-icon,.brand-copy h1,.brand-copy p{display:none}.brand-eyebrow{font-size:10px;color:#8295a1;letter-spacing:2px}.settings-action{background:none;border-color:var(--edge);color:#a6b8c6;border-radius:8px!important}.primary-action{background:var(--mint);color:#0d251c;box-shadow:none;border-radius:8px!important;min-height:42px!important}.primary-action:hover{background:#8aefd0}.header-actions button{font-size:13px}.header-actions button:active{transform:translateY(1px)}body>main{margin-left:224px!important;max-width:none!important;width:calc(100% - 224px)}
.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0 30px}.workspace-heading h2{font-size:clamp(30px,3.4vw,46px);font-weight:650;letter-spacing:-1.9px;line-height:1.15;margin:12px 0}.workspace-heading p{font-size:14px;color:#91a3b1;margin:0}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#91a4b2}.workspace-heading .eyebrow{font-size:9px;color:#819896}.workspace-storage{display:flex;gap:11px;align-items:center;padding:13px 15px;border:1px solid var(--edge);border-radius:9px;color:var(--mint);flex:none}.workspace-storage strong,.workspace-storage span:not([data-icon]){display:block}.workspace-storage strong{font-size:11px;font-weight:600;color:#c1d1d9}.workspace-storage div>span{font-size:10px;color:#8094a1;margin-top:3px}.mobile-demo{display:none!important}.demo-banner{padding:12px 16px!important;border:1px solid #53705a!important;background:#233326!important;display:flex;justify-content:space-between;gap:14px;border-radius:8px;font-size:12px;color:#d9eab2}.demo-banner button{font-weight:700;text-decoration:underline;flex:none}
main>.flex.flex-wrap{padding:11px 14px!important;background:#111a22!important;border:1px solid var(--edge)!important;border-radius:10px!important;gap:12px}.section-intro{margin:28px 0 14px;align-items:center}.section-intro h2{font-size:18px;font-weight:600;letter-spacing:-.5px;margin-top:4px}.section-kicker{font-size:9px;letter-spacing:1.8px;color:#728896}.section-count{font-size:11px;color:#8799a7}.text-button{font-size:12px;color:#7cdbbb;display:inline-flex;align-items:center;gap:12px;min-height:40px;font-weight:600}.text-button:hover{color:#b5fce2}.dashboard-kpis{gap:14px}.dashboard-kpis .glass-card{background:#131d25!important;border:1px solid var(--edge)!important;box-shadow:none;border-radius:12px!important;padding:22px!important;min-height:142px!important}.dashboard-kpis .glass-card:before{display:none}.dashboard-kpis .glass-card:first-child{background:linear-gradient(120deg,#1c382e,#15251f)!important;border-color:#355447!important}.dashboard-kpis .glass-card>div:first-child{font-size:10px!important;letter-spacing:1px;color:#92a7b3}.dashboard-kpis .glass-card>div:nth-child(2){font-size:clamp(26px,2.7vw,38px)!important;font-weight:600!important;letter-spacing:-1.3px!important;color:#e4eff1!important;margin:12px 0 7px}.dashboard-kpis .glass-card:first-child>div:nth-child(2){color:#90f0c9!important}.dashboard-kpis .glass-card>div:nth-child(3){font-size:10px!important;color:#7f97a6}.tab-active{background:#243e34!important;color:#83e9c3!important;box-shadow:none!important}.workspace-tabs{display:none!important}.glass-card{background:#141d26;box-shadow:none;border-color:var(--edge);border-radius:12px}.pay-watch{display:flex;align-items:center;gap:15px;border:1px solid var(--edge);background:#111a21;border-radius:11px;padding:17px 20px;margin-top:18px!important}.pay-watch-icon{background:#23392f;color:#7fe5bd;padding:11px;border-radius:10px}.pay-watch p{font-size:14px;color:#d9e4e9;margin:2px 0}.pay-watch div>span:last-child{font-size:10px;color:#7f94a2}.pay-watch .text-button{margin-left:auto;white-space:nowrap}.pay-watch .eyebrow{font-size:9px;color:#7f9a92}.tab-intro{margin-top:36px!important}.trip-week{margin-bottom:30px}.week-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;padding-top:7px}.week-heading .eyebrow{font-size:8px;color:#6b8491;letter-spacing:1.6px}.week-heading h3{font-size:14px;color:#b4c6d0;font-weight:600;margin-top:4px}.week-totals{display:flex;align-items:center;gap:18px}.week-totals>span{font-size:11px;color:#8297a4}.week-totals strong{font-size:15px;font-weight:600;color:#c9d9df}.trip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.trip-card{background:#141e27;border:1px solid #293640;border-radius:13px;overflow:hidden;transition:border-color .2s}.trip-card:hover{border-color:#4b6a68}.trip-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:17px 20px 15px;border-bottom:1px solid #22313c}.trip-date{font-size:11px;font-weight:600;color:#bdcfd9}.load-id{font-size:10px;color:#728c9d;font-family:ui-monospace,SFMono-Regular,monospace;text-align:right;overflow-wrap:anywhere}.trip-route{padding:19px 20px 12px}.route-line{display:flex;gap:13px;position:relative;align-items:flex-start;padding:0 0 21px}.route-line:first-child:after{content:'';position:absolute;left:4px;top:17px;height:calc(100% - 12px);border-left:1px dashed #48616a}.route-line:last-child{padding-bottom:0}.route-dot{width:9px;height:9px;border:1.5px solid #758c9b;border-radius:50%;flex:none;margin-top:5px}.route-dot.destination{border-color:var(--mint);background:var(--mint);box-shadow:0 0 0 4px #5fe0bb09}.route-caption{display:block;font-size:8px;letter-spacing:1.5px;color:#7e95a3;font-weight:600;margin-bottom:4px}.route-line strong{font-size:16px;font-weight:550;letter-spacing:-.5px;color:#e1eced;overflow-wrap:anywhere;line-height:1.4}.route-intermediate{font-size:10px;color:#7fa89c;padding:0 0 19px 22px;overflow-wrap:anywhere;margin-top:-7px}.trip-facts{display:flex;align-items:center;gap:17px;margin:3px 20px 14px;font-size:13px;color:#c1d4dd;font-variant-numeric:tabular-nums}.trip-facts small{font-size:11px;color:#78909f;margin-left:2px}.extra-chip{font-size:9px!important;color:#dfbc80!important;padding:4px 7px;background:#5c431c33;border-radius:4px;margin-left:auto}.trip-appointment{font-size:10px;padding:0 20px;color:#a3b7c3}.trip-appointment span{color:#607f91}.trip-card-bottom{display:flex;justify-content:space-between;gap:10px;align-items:end;margin:0 20px;padding:15px 0;border-top:1px solid #27343d}.trip-earnings{display:block;font-size:25px;color:#b0f3d6;letter-spacing:-1px;font-weight:600;font-variant-numeric:tabular-nums}.payment-status{font-size:9px;line-height:1.4;border:1px solid #42515d;border-radius:5px;color:#a4b7c1;padding:5px 8px;text-align:center}.payment-status.matched{color:#82debb;border-color:#315c4b;background:#234e3522}.payment-status.attention{color:#efc58b;border-color:#76603f;background:#62401622}.trip-card-actions{display:flex;border-top:1px solid #25333d;background:#111b24}.trip-card-actions button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;color:#93aab7;font-size:11px;flex:1}.trip-card-actions button:hover{background:#1b2a33;color:#c5e4e4}.trip-card-actions svg{width:14px;height:14px}.trip-card-actions .delete-trip{flex:0 0 49px;border-left:1px solid #25333d;color:#7a8d98}.trip-card-actions .delete-trip:hover{color:#f0a396}.empty-workspace{text-align:center;border:1px dashed #354852;border-radius:14px;padding:56px 25px;background:#121d25}.empty-workspace>[data-icon] svg{width:40px;height:40px;margin:0 auto 22px;color:#63c9a8}.empty-workspace>.eyebrow{display:block}.empty-workspace h3{font-size:25px;letter-spacing:-1px;margin:12px 0;font-weight:600}.empty-workspace p{color:#8da4b2;font-size:13px;max-width:360px;margin:0 auto 25px}.empty-workspace button{margin:7px}.studio-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--mint);color:#11281e;min-height:44px;padding:10px 20px;border-radius:8px;font-weight:650;font-size:13px}.quiet-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #354550;background:#17232c;padding:10px 14px;border-radius:8px;min-height:42px;font-size:12px;color:#b4c7d1}.quiet-button:hover{background:#20323e}
.payroll-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.payroll-week{background:#141f28;border:1px solid #2c3b46;border-radius:12px;padding:23px}.payroll-week .eyebrow{font-size:9px}.payroll-total{font-size:31px;letter-spacing:-1.2px;color:#a7ebcf;margin:14px 0 22px;font-weight:600}.payroll-total>span{font-size:11px;color:#7995a1;letter-spacing:0;margin-left:9px}.payroll-week dl>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#8ea7b6;padding:10px 0;border-bottom:1px solid #293942}.payroll-week dd{color:#d2e2e6;font-variant-numeric:tabular-nums}.payroll-week p{font-size:10px;color:#73919e;margin-top:18px}.settings-note{font-size:12px;color:#8fa8b8;clear:both}.modal-open{overflow:hidden}.modal-backdrop{background:#05090dcc;backdrop-filter:blur(10px)}.modal-sheet{background:#121d26;border-color:#384b58;border-radius:16px}#tripModal .modal-sheet{max-width:760px}#tripModal .modal-sheet>div.sticky:first-child{background:#121d26!important;padding:20px 24px}#tripModal .trip-stepper{top:83px;background:#121d26;border-color:#2c3c46;padding:12px 24px;gap:8px}#tripModal .trip-step-button{min-height:47px;flex-direction:row;gap:10px;background:#192833;border-color:#2e4350;font-size:12px;border-radius:7px}#tripModal .trip-step-button[aria-current=step]{background:#234438;border-color:#46876d;box-shadow:none;color:#a7f5d4}#tripModal .trip-step-button .step-num{font-size:10px;border:1px solid #63857366;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}#tripModal form{padding:24px!important}#tripModal .trip-page-intro h3{font-size:20px;font-weight:600}#tripModal .trip-page-intro p{font-size:12px;color:#8da8b9}#tripModal .trip-page-icon{display:none}#tripModal .trip-action-primary{background:#244d3e;border-color:#40816a;min-height:78px;display:flex;justify-content:center;flex-direction:column;align-items:center;font-size:15px;color:#beffdf;border-radius:9px}#tripModal .trip-action-primary em{font-size:11px;color:#a3d3bf}#tripModal .trip-next-button{background:var(--mint);color:#102b1f;font-size:13px;border-radius:8px;min-height:48px}#tripModal .trip-back-button{background:#1d2e3b;border-color:#3a505e;border-radius:8px}#tripModal .trip-secondary-details{background:#14232e;border-color:#304754;border-radius:9px}#tripModal .trip-secondary-details>summary{color:#b5cedb;font-size:12px}#tripModal .trip-route-overview{background:#172c29;border-color:#36564c}#tripModal .trip-action-green{background:#244d3e}.scanner-setup>summary{padding:13px 0;font-size:12px;color:#90ada8;cursor:pointer}.scanner-setup>div{padding:15px!important;background:#11201c!important;border-color:#2a483c!important}.manual-entry{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:45px;font-size:13px;color:#b0ccc7;background:#1a2d2d;border:1px solid #315050;border-radius:8px;margin-top:8px}.manual-entry svg{width:17px;height:17px}#tripModal .trip-form-footer,#tripModal .trip-wizard-actions{position:sticky;bottom:-24px;z-index:12;background:#121d26f5;border-top:1px solid #2e424e;padding:14px 0 max(14px,env(safe-area-inset-bottom));margin-top:20px;backdrop-filter:blur(10px)}.reconciliation-form{padding:16px;border:1px solid #3c5148;background:#192a23;border-radius:10px}.reconciliation-form>label{font-size:13px;font-weight:600;color:#c5e4d6}.reconciliation-form label>span{font-size:10px;font-weight:400;color:#8aa69a;margin-left:7px}.reconciliation-form p{font-size:11px;color:#8ea69d;margin:8px 0 0}.paid-input{display:flex;align-items:center;margin-top:9px;position:relative}.paid-input>span{position:absolute;left:13px;color:#84a99b}.paid-input input{width:100%;padding:10px 14px 10px 30px}.studio-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;z-index:100;display:flex;align-items:center;gap:18px;background:#25392f;border:1px solid #527b62;border-radius:10px;padding:15px 18px;color:#d2efdb;font-size:12px;box-shadow:0 10px 30px #0005;max-width:min(640px,calc(100vw - 30px))}.studio-toast.toast-error{background:#422a23;border-color:#9c6352;color:#ffd8cc}.studio-toast button{font-weight:700;min-width:28px;min-height:32px}.studio-toast button:first-of-type{color:#a6f4ca}.restore-sheet{padding:30px;max-width:540px}.restore-sheet h2{font-size:25px;font-weight:600;letter-spacing:-.8px;margin:10px 0 15px}.restore-sheet p{font-size:13px;color:#9bb1be}.restore-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:25px}#statsToggle{display:none}#tabContent-payroll table{min-width:650px}#tabContent-payroll td{font-variant-numeric:tabular-nums}#tabContent-payroll>div.glass-card{background:#121d26}
@media(min-width:1600px){body>main{padding-left:max(50px,calc((100vw - 1450px)/2));padding-right:max(50px,calc((100vw - 1450px)/2))}.app-header-inner{max-width:none;padding-right:50px;padding-left:50px}}
@media(max-width:1150px){.desktop-rail{width:190px;padding:28px 13px}.app-header{margin-left:190px}body>main{margin-left:190px!important;width:calc(100% - 190px)}main.max-w-4xl{padding:26px}.app-header-inner{padding:18px 26px}.workspace-storage{display:none}.dashboard-kpis .glass-card{padding:18px!important}.dashboard-kpis .glass-card>div:nth-child(2){font-size:28px!important}.trip-card-top{padding:15px}.trip-route{padding:17px 15px 12px}.trip-card-bottom{margin:0 15px}.trip-facts{margin-left:15px;margin-right:15px}.trip-earnings{font-size:24px}.trip-card-bottom{align-items:center}.payment-status{max-width:110px}}
@media(max-width:800px){.desktop-rail{display:none}.app-header{margin-left:0}.app-header-inner{padding:14px 20px;min-height:68px}.brand-lockup .brand-icon{display:grid;width:33px;height:33px;background:#142720;border-color:#2d5c48;border-radius:10px}.brand-copy h1{display:block;font-size:18px;letter-spacing:-.6px}.brand-copy h1 span{color:#81e5b9}.brand-eyebrow{display:none}.brand-copy p{display:none}body>main{margin-left:0!important;width:100%}main.max-w-4xl{padding:20px 20px 110px}.mobile-demo{display:inline-flex!important}.workspace-heading{flex-wrap:wrap;gap:14px;padding:4px 0 20px}.workspace-heading h2{font-size:33px;letter-spacing:-1.5px}.workspace-heading p{font-size:12px}.workspace-heading .eyebrow{font-size:8px}.workspace-heading .mobile-demo{font-size:10px;min-height:34px;padding:7px 10px}.workspace-heading .mobile-demo svg{width:13px;height:13px}.workspace-tabs{display:grid!important;position:fixed;left:0;right:0;bottom:0;margin:0!important;border-radius:0!important;border:0!important;border-top:1px solid #2e414c!important;z-index:40;gap:8px!important;background:#111d27f5!important;backdrop-filter:blur(20px);padding:7px 18px calc(7px + env(safe-area-inset-bottom))!important}.workspace-tabs button{font-size:10px!important;padding:7px 5px!important;min-height:52px;display:flex;flex-direction:column;gap:5px!important;border-radius:7px!important}.workspace-tabs svg{width:19px;height:19px}.trip-grid{gap:14px}.studio-toast{bottom:90px;max-width:calc(100vw - 24px);width:calc(100vw - 24px)}.tab-intro{margin-top:26px!important}.pay-watch p{font-size:12px}.pay-watch div>span:last-child{font-size:9px}.dashboard-kpis{gap:10px}.dashboard-kpis .glass-card>div:nth-child(2){font-size:29px!important}.dashboard-kpis .glass-card{min-height:128px!important}.settings-action{padding:0 10px}.header-actions{gap:7px}.header-actions button{min-height:38px!important}.primary-action{padding:0 12px}.demo-banner{font-size:10px!important}.payroll-cards{gap:12px}.payroll-week{padding:18px}}
@media(max-width:600px){main.max-w-4xl{padding:18px 16px 108px}.workspace-heading{padding-bottom:17px}.workspace-heading h2{font-size:32px}.workspace-heading p{font-size:11px}.mobile-demo{margin-top:0}.section-intro{margin:22px 0 12px}.section-intro h2{font-size:17px}.section-kicker{font-size:8px}.section-count{font-size:10px}.dashboard-kpis .glass-card{padding:17px 14px!important;min-height:126px!important}.dashboard-kpis .glass-card>div:first-child{font-size:9px!important}.dashboard-kpis .glass-card>div:nth-child(2){font-size:28px!important;margin:11px 0 6px}.dashboard-kpis .glass-card>div:nth-child(3){font-size:9px!important}.dashboard-kpis .glass-card:nth-child(n+3){display:none}.show-insights .dashboard-kpis .glass-card:nth-child(n+3){display:block}#statsToggle{display:inline-flex;font-size:10px}.pay-watch{padding:14px;gap:10px}.pay-watch-icon{padding:9px}.pay-watch-icon svg{width:17px;height:17px}.pay-watch .text-button{font-size:0;gap:0;min-width:23px}.pay-watch .text-button>span{font-size:22px}.pay-watch p{font-size:11px;line-height:1.45}.pay-watch div>span:last-child{display:block;font-size:8px;line-height:1.5}.pay-watch .eyebrow{font-size:8px}.trip-grid{grid-template-columns:1fr}.week-heading{align-items:start;gap:10px}.week-heading h3{font-size:12px}.week-totals{flex-direction:column;align-items:end;gap:5px;padding-top:3px}.week-totals>span{font-size:9px}.week-totals strong{font-size:13px}.trip-card-top{padding:14px 17px}.trip-route{padding:19px 18px 12px}.trip-card-bottom{margin:0 18px}.trip-facts{margin-left:18px;margin-right:18px}.route-line strong{font-size:17px}.trip-card-bottom .route-caption{font-size:8px}.trip-earnings{font-size:28px}.payment-status{font-size:9px;max-width:none}.trip-card-actions button{min-height:47px;font-size:12px}.trip-card-actions svg{width:15px;height:15px}.payroll-cards{grid-template-columns:1fr}.payroll-week{padding:22px}.payroll-week .eyebrow{font-size:10px}.payroll-total{font-size:34px}.payroll-week dl>div{font-size:13px}.payroll-week p{font-size:11px}.payroll-week+.payroll-week{margin-top:0}.modal-backdrop{padding:0;align-items:flex-end}.modal-sheet{border-radius:18px 18px 0 0;max-height:96dvh!important}#tripModal .modal-sheet>div.sticky:first-child{padding:15px 18px}#tripModal .modal-sheet>div.sticky:first-child p{font-size:10px}#tripModal .trip-stepper{top:71px;padding:9px 12px;gap:5px}#tripModal .trip-step-button{flex-direction:column;gap:2px;font-size:10px;min-height:48px}#tripModal .trip-step-button .step-num{border:0;border-radius:0;width:auto;height:auto;font-size:8px}#tripModal form{padding:18px!important}#tripModal .trip-page-intro h3{font-size:20px}#tripModal .trip-page-intro p{font-size:12px}#tripModal .trip-form-footer,#tripModal .trip-wizard-actions{bottom:-18px;padding-bottom:max(17px,env(safe-area-inset-bottom))}#tripModal .grid-cols-3{grid-template-columns:1fr 1fr}#tripModal .grid-cols-3>div:last-child{grid-column:1/-1}#tripModal input,#tripModal select,#tripModal textarea{font-size:16px!important}#tripModal .trip-map-actions button{font-size:12px}#settingsModal .modal-sheet{padding:24px 20px 30px}.settings-note{font-size:11px}.restore-sheet{padding:25px 20px 35px}.workspace-heading .mobile-demo .demo-label{max-width:140px}.brand-icon img{object-fit:contain}.trip-form-footer{padding-bottom:env(safe-area-inset-bottom)}main>.flex.flex-wrap select{max-width:100%}#searchInput{min-height:42px}.empty-workspace{padding:38px 20px}.empty-workspace h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Final layout adjustments after desktop and phone QA. */
main>#demoBanner.demo-banner{background:#24382b!important;border:1px solid #46664b!important;border-radius:8px!important;padding:10px 14px!important;margin-bottom:6px}
.workspace-heading{padding-bottom:20px}.workspace-heading h2{margin:10px 0}.workspace-heading>.mobile-demo{margin:0}
@media(min-width:801px){main.max-w-4xl{padding-top:24px}.workspace-heading{padding-top:4px}.workspace-heading h2{font-size:40px}.dashboard-kpis .glass-card{min-height:130px!important;padding:18px 20px!important}.dashboard-kpis .glass-card>div:nth-child(2){margin:9px 0 6px}.section-intro{margin-top:22px}.tab-intro{margin-top:27px!important}}
@media(max-width:600px){.workspace-heading h2{font-size:32px}.workspace-heading{gap:11px}main>#demoBanner.demo-banner{font-size:9px!important}.trip-page-intro{padding-bottom:3px!important}#tripModal .trip-page-intro p{line-height:1.5}#tripModal .trip-page-intro{margin-bottom:2px}.pay-watch-icon{flex:none}}

/* Keep the workspace navigation in view and don't let inherited filter styles reveal hidden demo UI. */
main>#demoBanner.demo-banner{display:flex!important;align-items:center}
main>#demoBanner.hidden{display:none!important}
.demo-active .mobile-demo{display:none!important}
.tab-intro{scroll-margin-top:95px}
@media(max-width:600px){main>#demoBanner.demo-banner{gap:12px}.workspace-heading{padding-bottom:12px}.workspace-heading h2{font-size:29px}.workspace-heading p{font-size:10px}.workspace-heading .mobile-demo{font-size:10px}.trip-card-top{min-height:49px}.tab-intro{scroll-margin-top:85px}}
.payroll-scope-note{grid-column:1/-1;font-size:12px;line-height:1.6;color:#9bb1bd;background:#17262b;border:1px solid #31474c;border-radius:9px;padding:13px 16px;margin:0}
.payroll-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.payroll-card-heading .payment-status{max-width:180px;flex:none}.payday-line{font-size:11px;color:#829ca9;margin-top:15px;display:flex;justify-content:space-between;gap:10px}.payday-line strong{color:#c5e0d4;font-weight:550}.paycheck-open{width:100%;margin:17px 0 12px;min-height:45px}.payroll-loads{font-size:11px;color:#a4c1cb;border-top:1px solid #30444f;padding-top:14px}.payroll-loads summary{cursor:pointer;padding:4px 0}.payroll-load{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #2d414c}.payroll-load>div{flex:1;min-width:0}.payroll-load strong,.payroll-load span{display:block}.payroll-load strong{font-size:11px;color:#c8d9e0;overflow-wrap:anywhere}.payroll-load div>span{font-size:9px;color:#89a4b2;margin-top:5px}.payroll-load>span{font-size:11px;white-space:nowrap}.payroll-load button{padding:7px 9px;min-height:34px;background:#263c46;border-radius:6px;color:#aed3d1}.payroll-assignment{border:1px solid #37584c;border-radius:12px;background:#182c25;padding:20px}.payroll-assignment h3{font-size:16px;margin:6px 0 16px;font-weight:600;color:#d9f1e4}.payroll-assignment label{display:block;font-size:12px;color:#b9d6c8;margin:14px 0 6px}.payroll-assignment input,.payroll-assignment select{width:100%;padding:10px 12px}.payroll-assignment p{font-size:11px;color:#91b3a2;margin-top:10px}.payroll-assignment strong{display:block;font-size:12px;margin-top:14px;color:#adf1cd}.paycheck-sheet{max-width:670px;padding:28px}.paycheck-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.paycheck-header h2{font-size:27px;letter-spacing:-1px;font-weight:600;margin:6px 0}.paycheck-header .quiet-button{font-size:22px;padding:4px 13px}#paycheckPeriodLabel{font-size:12px;color:#b4d5c3;margin-top:12px}#paycheckGross{font-size:12px;color:#8fadb8;margin:5px 0 22px}.paycheck-sheet form label{display:block;font-size:12px;color:#bbced8;margin:12px 0 7px}.paycheck-sheet input,.paycheck-sheet select,.paycheck-sheet textarea{display:block;width:100%;padding:10px 12px;margin-top:7px}.paycheck-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.paycheck-grid>label:first-child:last-child{grid-column:1/-1}.paycheck-help{font-size:11px;color:#8ea8b7;margin:8px 0 12px}.paycheck-compare{font-size:13px;color:#b6e9cc;background:#20392d;border:1px solid #3a6650;padding:16px;border-radius:9px;margin:20px 0;line-height:1.6}.paycheck-sheet footer{display:flex;justify-content:end;gap:10px;padding-top:10px;position:sticky;bottom:-28px;background:#121d26;padding-bottom:12px}
@media(max-width:600px){.payroll-card-heading{display:block}.payroll-card-heading .payment-status{display:inline-block;margin-top:12px;max-width:none}.paycheck-sheet{padding:23px 18px 30px}.paycheck-grid{grid-template-columns:1fr}.paycheck-sheet input,.paycheck-sheet select,.paycheck-sheet textarea{font-size:16px}.paycheck-sheet footer{bottom:-30px;padding:14px 0 max(16px,env(safe-area-inset-bottom))}.payroll-assignment{padding:16px}.payroll-assignment h3{font-size:16px}.payroll-week .payroll-total{font-size:31px}.payroll-scope-note{font-size:11px}}


.geo-workspace{background:#122b28;border:1px solid #346252;border-radius:13px;padding:20px;margin-top:18px}.geo-heading{display:flex;justify-content:space-between;gap:15px;align-items:start}.geo-heading h3{font-size:19px;font-weight:600;letter-spacing:-.5px;margin-top:7px}.geo-heading .eyebrow{color:#7bcbb1;font-size:8px}.geo-estimate-tag{font-size:9px;color:#a9cabd;border:1px solid #3e6154;border-radius:5px;padding:5px 8px}.geo-workspace>p{font-size:12px;color:#a3c2b7;margin:13px 0;line-height:1.6}.geo-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.geo-profile-grid label,.geo-access label{display:block;font-size:12px;color:#c0d9cd}.geo-profile-grid select,.geo-access input[type=password]{display:block;width:100%;margin-top:7px;padding:10px;font-size:12px}.geo-workspace .geo-fineprint{font-size:10px;color:#8bb09f}.geo-checkbox{display:flex!important;gap:10px;align-items:start;font-size:12px;color:#b8d5c6;margin:15px 0;line-height:1.5}.geo-checkbox input{min-height:0!important;width:17px;height:17px;flex:none;margin-top:2px;accent-color:#66dfb4}.geo-access{border-top:1px solid #315347;padding-top:12px;margin-bottom:15px}.geo-access summary{font-size:12px;cursor:pointer;color:#b2d3c2;margin-bottom:12px}.geo-access summary span{font-size:10px;color:#8cae9d;margin-left:8px}#geoStatus{font-size:12px;color:#b3ddc8;overflow-wrap:anywhere}#geoStatus.geo-error{color:#efbc8a}.geo-matches{margin-top:18px}.geo-stop-match{padding:14px;border:1px solid #35584e;border-radius:9px;background:#172e2b}.geo-stop-match strong{font-size:12px;color:#d1e7dd}.geo-stop-match p{font-size:10px;color:#8fb3a4;margin:8px 0;overflow-wrap:anywhere}.geo-stop-match select{width:100%;padding:9px;font-size:12px}.geo-stop-match a{display:block;margin-top:9px;font-size:10px;color:#8dd9c0;text-decoration:underline}.geo-leg{display:block;margin:9px 0;padding:11px 14px;border-left:2px solid #4c8470;font-size:11px;color:#a9cbbb}.geo-leg select{display:block;width:100%;padding:9px;margin-top:6px}.geo-result{border:1px solid #4c886d;background:#203b2d;padding:18px;border-radius:9px;margin-top:18px}.geo-result h4{font-size:14px;color:#c2f2d4;font-weight:650}.geo-totals{font-size:19px;color:#a9f0c7;margin:13px 0;font-weight:650}.geo-result>p{font-size:10px;color:#9fc9b5;line-height:1.6;overflow-wrap:anywhere;margin:8px 0}.geo-attribution,.geo-attribution a{font-size:9px!important;color:#7cae98!important}.geo-attribution a{text-decoration:underline}.geo-result .studio-primary,.geo-workspace>.studio-primary,#geoReviewControls>.studio-primary{width:100%}.geo-error{color:#efbc8a}
@media(max-width:600px){.geo-workspace{padding:16px}.geo-heading{display:block}.geo-estimate-tag{display:inline-block;margin-top:10px}.geo-profile-grid{grid-template-columns:1fr}.geo-heading h3{font-size:20px}.geo-workspace select{font-size:16px!important}.geo-leg{padding:10px}.geo-totals{font-size:18px}.geo-result{padding:14px}}

/* Trip entry: disclose secondary tools, keep the next action clear. */
#tripModal .simple-trip-form{padding:24px;max-width:740px;margin:auto;width:100%}
#tripModal .trip-workflow-page[data-active=true]{display:flex;flex-direction:column;gap:20px}
#tripModal .trip-page-intro{padding:0;background:none;border:0;margin:0}
#tripModal .trip-page-intro h3{font-size:24px;letter-spacing:-.6px;margin:0 0 6px}
#tripModal .trip-page-intro p{font-size:13px;line-height:1.6;color:#93a8bf}
#tripModal .simple-trip-form input:not([type=checkbox]):not([type=file]),#tripModal .simple-trip-form select,#tripModal .simple-trip-form textarea{width:100%;background:#0b1728;border:1px solid #33475f;border-radius:10px;padding:12px;color:#edf5ff;font-size:14px;min-width:0;margin-top:7px}
#tripModal .simple-trip-form label{font-size:12px;color:#b8c9dc;font-weight:600}
#tripModal .simple-trip-form input:focus,#tripModal .simple-trip-form select:focus{outline:2px solid #54d3b0;outline-offset:2px}
#tripModal .simple-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#tripModal .simple-scan-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:130px;background:linear-gradient(120deg,#113b3b,#14312f);border:1px solid #347866;border-radius:16px;cursor:pointer;color:#e3fff3;font-size:17px}
#tripModal .simple-scan-choice span{font-size:12px;color:#a7cdbf;font-weight:400}
#tripModal .simple-manual-choice{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border:1px solid #36485f;border-radius:12px;color:#d7e5f5;background:#142238;font-weight:600}
#tripModal .simple-disclosure,#tripModal .trip-secondary-details,#tripModal .scanner-setup{border:0;border-top:1px solid #2c3e53;border-radius:0;background:none;padding:0}
#tripModal .simple-disclosure>summary,#tripModal .trip-secondary-details>summary,#tripModal .scanner-setup>summary{padding:16px 0;cursor:pointer;font-size:13px;color:#d2dfed;display:flex;align-items:center;gap:9px;list-style:none}
#tripModal .simple-disclosure>summary:before,#tripModal .trip-secondary-details>summary:before,#tripModal .scanner-setup>summary:before{content:'+';color:#74bca8;font-size:18px;font-weight:400}
#tripModal .simple-disclosure[open]>summary:before,#tripModal .trip-secondary-details[open]>summary:before,#tripModal .scanner-setup[open]>summary:before{content:'−'}
#tripModal .simple-disclosure>summary>span:last-child{margin-left:auto;font-size:11px;color:#8ca2bb;text-align:right;font-weight:400;max-width:55%;overflow-wrap:anywhere}
#tripModal .simple-disclosure-body{display:flex;flex-direction:column;gap:14px;padding:2px 0 16px}
#tripModal .simple-route-list{border-left:1px solid #345365;margin-left:7px;padding-left:20px;display:flex;flex-direction:column;gap:14px}
#tripModal .simple-endpoint>label{display:flex;align-items:center;gap:8px;position:relative;color:#e3edf6}
#tripModal .simple-stop-dot{width:11px;height:11px;border-radius:50%;background:#59d9ae;box-shadow:0 0 0 5px #122034;position:absolute;left:-26px}
#tripModal .delivery .simple-stop-dot{background:#83aafa;border-radius:3px}
#tripModal .simple-add-stop{padding:4px 0;color:#8fcfbe;text-align:left;font-size:12px}
#tripModal .simple-check{display:flex;gap:11px;align-items:flex-start;line-height:1.6;font-size:12px;font-weight:400}
#tripModal .simple-check input{width:17px;height:17px;flex-shrink:0;accent-color:#48cda5;margin-top:2px}
#tripModal .simple-deadhead-check{margin-top:-16px}
#tripModal .simple-mileage{padding:18px;background:#102639;border:1px solid #2e5063;border-radius:14px;display:flex;flex-direction:column;gap:12px}
#tripModal .simple-mileage .geo-heading{margin:0;align-items:center}
#tripModal .simple-mileage .geo-heading h3{font-size:16px}
#tripModal .simple-mileage .geo-estimate-tag{font-size:10px;max-width:125px;text-align:center}
#tripModal .simple-mileage details{margin:0}
#tripModal .simple-mileage .geo-access{padding:0}
#tripModal .simple-mileage #geoMatchButton,#tripModal .simple-mileage #geoCalculateButton{width:100%;padding:13px}
#tripModal .simple-mileage #geoStatus{font-size:12px;line-height:1.6;margin:0}
#tripModal .simple-mileage .geo-attribution{font-size:10px;margin:0}
#tripModal .simple-map-buttons{display:flex;flex-direction:column;gap:12px;font-size:12px;color:#a8c6ed}
#tripModal .text-button{font-size:12px;color:#85cdb6;text-align:left;font-weight:600}
#tripModal .simple-note,#tripModal .simple-confirm-copy{font-size:12px;line-height:1.6;color:#9bafc5}
#tripModal .simple-review-route{display:flex;flex-direction:column;gap:10px;padding:0 0 4px}
#tripModal .simple-review-heading{display:flex;justify-content:space-between;align-items:center}
#tripModal #reviewRouteSummary{font-size:20px;line-height:1.5;letter-spacing:-.3px;color:#e6eff8}
#tripModal #reviewStopSummary{font-size:12px;color:#8fa7be}
#tripModal .review-pay-card{background:linear-gradient(115deg,#153e39,#112f33);border:1px solid #347160;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px}
#tripModal .review-pay-card #livePayTotal{font-size:36px;font-weight:750;letter-spacing:-1px;color:#8aebbf;margin-top:6px}
#tripModal .review-pay-card #livePayBreakdown{font-size:12px;color:#aed2c5;line-height:1.6}
#tripModal .simple-source-line{font-size:11px;color:#8ca6bf;margin-top:-14px}
#tripModal .simple-final-check{padding:14px;background:#192c3d;border-radius:10px}
#tripModal .simple-payday{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:20px}
#tripModal .simple-payday>div{display:flex;flex-direction:column;gap:7px}
#tripModal .simple-payday strong{font-size:16px;color:#c6f0dd}
#tripModal .simple-payday>div>span:last-child{font-size:11px;line-height:1.5;color:#8fa7be}
#tripModal .simple-load-summary,#tripModal .simple-attention{padding:14px;border:1px solid #40546a;border-radius:10px;font-size:12px;line-height:1.7}
#tripModal .simple-review-flag{color:#f5c482;font-size:11px;margin-left:auto}
#tripModal .simple-attachment{display:flex;justify-content:space-between;font-size:12px;color:#7eddb3}
#tripModal .simple-wide{width:100%;padding:12px}
#tripModal .trip-wizard-actions,#tripModal .trip-form-footer{margin-top:4px;padding-top:16px}
@media(max-width:600px){#tripModal .simple-trip-form{padding:20px 16px}#tripModal .trip-step-button{font-size:10px;padding:9px 3px;gap:5px}#tripModal .trip-step-button .step-num{font-size:10px}#tripModal .simple-field-grid{gap:10px}#tripModal .simple-mileage{padding:14px}#tripModal .simple-payday{gap:14px}#tripModal .simple-disclosure>summary>span:last-child{max-width:45%}#tripModal .simple-scan-choice span{font-size:11px}}

#tripModal .hidden{display:none!important}
#tripModal .simple-route-list .stop-row{background:#122337;border:1px solid #30455c;padding:12px;border-radius:12px}

#tripModal .simple-trip-form .simple-scan-choice{font-size:17px}
#tripModal .simple-scan-choice:focus-visible{outline:2px solid #7ee3bd;outline-offset:3px}