/* OTRWay Driver — mobile interface, release 17. */
:root{color-scheme:dark;--bg:#030d1b;--panel:#081e33;--panel-deep:#06172a;--line:#17344f;--ink:#f2f7ff;--muted:#92a8c1;--blue:#1680ff;--cyan:#24dedc;--green:#12d69b;--violet:#aa91ff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 95% 0%,#092749 0,transparent 420px),var(--bg);line-height:1.45;-webkit-tap-highlight-color:transparent}body,input,button,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #50b0ff;outline-offset:4px}input,select,textarea{color:var(--ink);background:#06182a;border:1px solid #24445f;border-radius:12px;width:100%;min-height:48px;padding:12px 14px;outline:none}input::placeholder,textarea::placeholder{color:#68849d;opacity:1}input:focus,select:focus,textarea:focus{border-color:var(--blue)}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:20px;padding:0;margin:0;accent-color:var(--blue);flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.16;font-weight:700;letter-spacing:-.7px}h2{font-size:17px;line-height:1.3;font-weight:650;letter-spacing:-.25px}h3{font-size:16px;line-height:1.3}small{font-size:11px}img{display:block;max-width:100%}[hidden]{display:none!important}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.m-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.m-muted,.muted,.hint{color:var(--muted)}.hint{font-size:12px;line-height:1.6;margin:12px 0}.m-eyebrow{display:block;color:#79a9d3;font-size:10px;font-weight:650;letter-spacing:1.8px;margin-bottom:7px}.m-shell{width:100%;max-width:560px;min-height:100vh;margin:auto;padding:18px 18px 108px}.native-app .m-shell{min-height:100%;padding-bottom:24px}.m-brand{height:48px;display:flex;align-items:center;margin-bottom:3px}.m-brand img{width:148px;height:44px;object-fit:contain}.driver-local-clock{font-size:11px;color:#a8bdd2;font-variant-numeric:tabular-nums;margin:0 0 20px}.fixed-native-header .m-brand,.fixed-native-header .driver-local-clock,.native-app .web-nav{display:none}.m-page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 22px}.m-page-head>div{min-width:0}.m-page-head h1{overflow-wrap:anywhere}.m-page-count{font-size:12px;color:#9fbad3;white-space:nowrap}.m-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}.m-section-head a{display:inline-flex;align-items:center;gap:1px;color:#56a9ff;font-size:11px;white-space:nowrap}.m-section-head a .m-icon{width:15px;height:15px}.m-section-head>.m-muted{font-size:10px}.m-back{display:inline-flex;align-items:center;gap:5px;min-height:36px;color:#8fb6d6;font-size:12px}.m-back>.m-icon{transform:rotate(180deg);width:17px;height:17px}.m-primary,.m-secondary,.primary,.secondary{border-radius:12px;min-height:46px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.3;font-size:13px;font-weight:650;border:1px solid transparent}.m-primary,.primary{color:white;background:linear-gradient(150deg,#1486ff,#0051e8);border-color:#238bff;box-shadow:0 5px 18px #005ded22}.m-secondary,.secondary{color:#c8e1f7;background:#0a2239;border-color:#204561}.m-primary .m-icon,.m-secondary .m-icon{width:19px;height:19px}.m-full,.full-width{width:100%}.m-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel-deep)}.m-feedback{color:#9ccbf0;font-size:12px;line-height:1.5;overflow-wrap:anywhere;margin:10px 0}.m-feedback:empty{display:none}.m-alert,.error,.success{padding:13px 15px;margin:12px 0;border-radius:12px;font-size:12px;line-height:1.6}.error{background:#381f2b;color:#ffb5bb;border:1px solid #784054}.success{background:#073b35;color:#69edc9;border:1px solid #157566}.m-alert .m-icon{width:18px;height:18px;margin-right:5px}
.m-greeting{position:relative;margin:-18px -18px 0;padding:20px 20px 12px;min-height:142px;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#030e20f5 0%,#041b35b0 53%,#03142722),url('/assets/brand/otrway-road-v1.png') 66% 52%/cover}.m-greeting:after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(transparent,var(--bg));z-index:-1}.m-greeting-content{display:flex;align-items:center;gap:13px;min-height:68px;padding-right:18px}.m-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#177fd8,#042c57);border:2px solid #79b9f1;box-shadow:0 0 0 4px #082441b0;font-size:26px;font-weight:700;color:#f6faff;flex-shrink:0}.m-greeting h1{font-size:29px;line-height:1.15;margin:3px 0 6px}.m-greeting-content p{font-size:12px;color:#bdd0e2}.m-greeting-content span{font-size:11px;color:#9cb4cd}.m-profile-link{position:absolute;right:14px;top:39px;width:32px;height:38px;display:grid;place-items:center;color:#bedafd}.m-truck-identity{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:15px;font-size:11px;color:#c5d9ef}.m-truck-identity .m-icon{width:17px;height:17px;color:#479fee}.m-truck-identity small{color:#789ab8;padding-left:8px;border-left:1px solid #304c67;margin-left:2px;font-size:10px}
.m-overview{position:relative;border:1px solid #174a75;border-radius:18px;padding:14px 13px 10px;background:linear-gradient(150deg,#082540,#06172b);box-shadow:0 8px 25px #00000020;margin-top:1px}.m-overview .m-section-head{margin:0 0 12px}.m-overview h2{font-size:16px}.m-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.m-metric{min-height:66px;display:flex;align-items:center;gap:10px;padding:10px 9px;border-radius:13px;background:linear-gradient(135deg,#0c2d4a,#082139);border:1px solid #174163}.m-metric>div{min-width:0}.m-metric strong{display:block;font-size:22px;letter-spacing:-.5px;line-height:1.15;font-weight:700;font-variant-numeric:tabular-nums}.m-metric div>span{display:block;font-size:10px;line-height:1.4;color:#a5bfd5;margin-top:4px}.m-metric-symbol{width:36px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.m-metric-symbol.blue{color:#2c9aff;background:#0d3c6d}.m-metric-symbol.green{color:#20e19c;background:#06443c}.m-metric-symbol.cyan{color:#36ede5;background:#064954}.m-metric-symbol.violet{color:#ab91ff;background:#302559}.m-report-caption{font-size:10px;color:#7c9dbd;line-height:1.4;margin:9px 0 0}.m-road-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:88px;padding:14px 15px;margin-top:16px;border-radius:16px;border:1px solid #14548a;background:linear-gradient(90deg,#041327f2,#06264585,transparent),url('/assets/brand/otrway-road-v1.png') 66% 66%/cover;overflow:hidden}.m-road-banner small{font-size:9px;letter-spacing:1.5px;color:#8bc4f3;display:block;margin-bottom:6px}.m-road-banner strong{font-size:18px;line-height:1.22;letter-spacing:-.3px}.m-banner-arrow{display:grid;place-items:center;width:32px;height:36px;background:#051829d9;border-radius:10px;border:1px solid #225073}.m-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.m-quick-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:78px;border:1px solid #173d5d;border-radius:15px;background:linear-gradient(145deg,#092842,#05192c)}.m-quick-actions a>span{color:#2094ff;filter:drop-shadow(0 3px 6px #007bff55)}.m-quick-actions .m-icon{width:28px;height:28px;stroke-width:1.8}.m-quick-actions strong{font-size:10px;font-weight:550}.m-duty{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #19314a;padding:20px 0 17px;margin-top:8px}.m-duty>div>span{font-size:10px;display:block}.m-duty strong{display:flex;align-items:center;gap:6px;font-size:14px;color:#33dab1;margin-top:4px}.m-duty strong:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px #19e5b133}.m-duty strong.off-duty{color:#92a5bc}.m-duty .m-secondary{min-height:40px;font-size:11px;padding:10px 13px;border-radius:10px}.m-current-load{display:flex;align-items:center;gap:12px;background:linear-gradient(100deg,#092b45,#071b2f);padding:16px 13px;border-radius:14px;border:1px solid #193d5b}.m-current-icon{color:#259aff;display:grid;place-items:center}.m-current-load>div{flex:1;min-width:0}.m-current-load strong{font-size:13px;display:block}.m-current-load div>span{display:block;font-size:10px;color:#88abc8;margin-top:4px}.m-current-load>.m-icon{width:16px;height:16px;color:#6097c4}
.m-load-section{margin-top:0}.m-load-list{display:grid;gap:14px}.m-load-card{background:linear-gradient(125deg,#09243e,#071a2d);border:1px solid #17334f;border-radius:17px;overflow:hidden}.m-load-card>summary{padding:16px 14px 0}.m-load-top{display:flex;align-items:center;gap:7px}.m-load-top>strong{flex:1;min-width:0;font-size:12px;overflow-wrap:anywhere}.m-load-top>.m-icon{width:14px;height:14px;color:#668cb3;transition:transform .15s}.m-load-card[open] .m-load-top>.m-icon{transform:rotate(90deg)}.m-badge{font-size:9px;font-weight:700;border-radius:6px;padding:5px 7px;white-space:nowrap;background:#102e4d;color:#9ed0ff;border:1px solid #1d4c73}.m-badge[data-status=in_transit],.m-badge[data-status=dispatched]{background:#005ed8;border-color:#197af2;color:#fff}.m-badge[data-status=delivered]{background:#076559;color:#5cffe1;border-color:#09897b}.m-badge[data-status=booked]{background:#514319;border-color:#7d6420;color:#ffe39a}.m-load-route{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;margin:18px 0}.m-load-route>div{min-width:0}.m-load-route small{font-size:8px;letter-spacing:1px;color:#78a0c0;display:flex;align-items:center;gap:3px}.m-load-route small .m-icon{width:11px;height:11px}.m-load-route>div:first-child small{color:#52acf1}.m-load-route>div:last-child small{color:#45d0b0}.m-load-route strong{display:block;line-height:1.3;margin:5px 0;font-size:14px;font-weight:600;overflow-wrap:anywhere}.m-load-route strong span{white-space:nowrap}.m-load-route time{font-size:10px;line-height:1.5;color:#a0b8ce;display:block}.m-route-arrow{display:flex;align-items:center;justify-content:center;color:#5685ac}.m-route-arrow .m-icon{width:19px;height:19px}.m-load-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#80a4c3;padding:10px 0;border-top:1px solid #183b56}.m-load-footer span{display:flex;align-items:center;gap:5px}.m-load-footer .m-icon{width:14px;height:14px}.m-load-footer span:last-child{color:#5cacff}.m-load-detail{padding:0 14px 16px;border-top:1px solid #234059;background:#05152685}.m-stop-timeline{padding:20px 0 5px}.m-stop-timeline section{display:grid;grid-template-columns:12px minmax(0,1fr);gap:12px;position:relative;padding-bottom:22px}.m-stop-timeline section:first-child:before{content:"";position:absolute;left:5px;top:8px;bottom:-6px;border-left:1px dashed #385b7b}.m-stop-dot{margin-top:4px;width:11px;height:11px;border:2px solid #279bff;background:#061d32;border-radius:50%;z-index:1}.m-stop-dot.destination{border-color:#35d5b5}.m-stop-timeline small{font-size:8px;letter-spacing:1.2px;color:#76a2c9}.m-stop-timeline h3{font-size:15px;margin:5px 0}.m-stop-timeline p{font-size:11px;color:#a3b7cc;margin:5px 0}.m-stop-timeline time{font-size:11px;color:#82bdec}.driver-actions .m-full+.m-full{margin-top:10px}.problem-report{margin-top:14px;border-top:1px solid var(--line);padding-top:5px}.problem-report summary{display:flex;align-items:center;justify-content:space-between;min-height:42px;font-size:12px;color:#95adc5}.problem-report summary .m-icon{width:15px;height:15px}.problem-report[open] summary .m-icon{transform:rotate(90deg)}.problem-report .m-field{margin-bottom:12px}.m-document-action{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:15px}.m-document-action>span:nth-child(2){flex:1}.m-document-action strong,.m-document-action small{display:block}.m-document-action strong{font-size:12px}.m-document-action small{font-size:10px;color:#8fa9c3;margin-top:3px}.m-document-action>.m-icon{width:17px;height:17px;color:#6999c1}
.m-hours-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(125deg,#07509a,#072b50);padding:20px 18px;border-radius:17px;margin-bottom:20px;border:1px solid #17619b}.m-hours-intro h2{font-size:20px}.m-hours-intro p{font-size:12px;color:#b1d4f3;margin-top:6px}.m-hours-intro>.m-icon{width:40px;height:40px;color:#67bbff}.m-capture-actions{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:10px}.m-gallery{position:relative;overflow:hidden;cursor:pointer}.m-gallery input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0}.m-scan-submit{margin-top:10px}.m-scan-disclosure{font-size:10px}.m-chosen-file{font-size:11px;color:#9acaff;margin:9px 0;overflow-wrap:anywhere}.m-chosen-file:empty{display:none}#eld-preview{width:100%;max-height:250px;object-fit:contain;background:#020a13;border:1px solid var(--line);border-radius:13px;margin:14px 0}.hours-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin-bottom:20px}.m-field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#b5cae0;min-width:0}.hours-grid .m-field{font-size:12px;gap:8px}.hours-grid input{min-height:62px;font-size:25px;font-weight:600;letter-spacing:1px;font-variant-numeric:tabular-nums;padding:14px}.scan-evidence{font-size:10px;margin:0;color:#82a5c7;line-height:1.4}.hours-grid label{align-self:start}#hours-review{display:flex;align-items:center;gap:9px;font-size:12px;margin:20px 0;color:#ceddee}#driver-hours+.hint{font-size:10px}#driver-hours .m-full{margin-top:3px}.m-account-identity{text-align:center;padding:18px 0 28px}.m-account-identity .m-avatar{width:80px;height:80px;font-size:33px;margin:0 auto 16px}.m-account-identity h2{font-size:22px}.m-account-identity p{color:#7d9fbf;font-size:12px;margin-top:5px}.m-account-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.m-account-row>div{flex:1}.m-account-row strong,.m-account-row small{display:block}.m-account-row strong{font-size:14px}.m-account-row small{color:#8eabc5;font-size:11px;margin:3px 0}.m-account-row>.m-icon{width:17px;height:17px;color:#729bbc}.m-signout{margin-top:30px}.m-signout button{color:#e5b0b9;background:#201b2b;border-color:#463343}
.m-doc-symbol{display:grid;place-items:center;width:44px;height:46px;border-radius:13px;background:#0b3054;color:#2f9fff;flex-shrink:0}.m-document-intro{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding:14px;background:linear-gradient(115deg,#0a2d4b,#071c32);border-radius:15px;border:1px solid #174267}.m-document-intro strong{font-size:13px}.m-document-intro p{font-size:11px;margin-top:3px}.m-document-loads{display:grid;gap:13px}.m-doc-card{display:block;padding:15px 14px 0;background:linear-gradient(130deg,#092640,#071a2d);border:1px solid #173b5b;border-radius:17px}.m-doc-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.m-doc-card-top>strong{font-size:12px;overflow-wrap:anywhere}.m-doc-route{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:10px;margin:18px 0}.m-doc-place{min-width:0}.m-doc-place>span{font-size:8px;letter-spacing:1.3px}.m-doc-place strong{font-size:16px;display:block;margin:4px 0 2px;line-height:1.2;overflow-wrap:anywhere}.m-doc-place small{font-size:11px;color:#94b9d4}.m-doc-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #1a3952;padding:11px 0;color:#8db3d3;font-size:10px}.m-doc-card-bottom>span{display:flex;align-items:center;gap:5px}.m-doc-card-bottom>span:last-child{color:#55aeff}.m-doc-card-bottom .m-icon{width:15px;height:15px}.m-doc-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;color:#aac6de;margin:-8px 0 24px}.m-doc-summary>span{display:flex;align-items:center;gap:4px}.m-doc-summary .m-icon{width:15px;height:15px;color:#358edf}.m-upload-panel{background:linear-gradient(145deg,#082640,#07182b);padding:18px 15px;border:1px solid #194362;border-radius:18px}.m-upload-panel .m-section-head{margin:0 0 18px}.m-document-types{padding:0;margin:0 0 17px;border:none;min-width:0}.m-document-types legend{font-size:11px;color:#93b3cd;padding:0;margin-bottom:10px}.m-type-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.m-type-options label{position:relative;cursor:pointer;min-width:0}.m-type-options input{position:absolute;left:12px;top:12px;opacity:0}.m-type-options label>span{display:flex;align-items:flex-start;flex-direction:column;gap:5px;min-height:110px;padding:12px 10px;border-radius:13px;background:#071b30;border:1px solid #1e3f5a;position:relative;pointer-events:none}.m-type-options .m-icon{width:26px;height:26px;color:#2a95ff;margin-bottom:4px}.m-type-options strong{font-size:12px}.m-type-options small{font-size:9px;color:#7c9fbf}.m-type-options input:checked+span{border-color:#2588ff;background:linear-gradient(135deg,#0d4481,#082648);box-shadow:inset 0 0 0 1px #2588ff55}.m-type-options input:focus-visible+span{outline:2px solid #7ac4ff;outline-offset:3px}.m-type-options label:nth-child(2) .m-icon{color:#2be0c6}.m-type-options label:nth-child(3) .m-icon{color:#b098ff}.m-upload-zone{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;padding:24px 12px;min-height:165px;border:1px dashed #2d648e;border-radius:14px;background:#04162a;cursor:pointer;overflow:hidden;margin-bottom:16px}.m-upload-icon{display:grid;place-items:center;width:42px;height:42px;background:#0a3158;color:#2e9bff;border-radius:12px;margin-bottom:5px}.m-upload-zone strong{font-size:13px}.m-upload-zone>span:not(.m-upload-icon){font-size:11px;color:#aac7df}.m-upload-zone small{font-size:9px;color:#718eaa}.m-upload-zone input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer;padding:0}.m-upload-zone:focus-within{outline:2px solid #60b2ff;outline-offset:3px}.m-count{font-size:12px;color:#6ba6d7}.m-doc-list{list-style:none;padding:0;margin:0}.m-doc-list li{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #19344d}.m-doc-list li>div{flex:1;min-width:0}.m-doc-list strong{display:block;font-size:12px;overflow-wrap:anywhere}.m-doc-list small{display:block;font-size:10px;margin-top:4px}.file-badge{display:grid;place-items:center;width:43px;height:47px;background:#0b2b4b;border:1px solid #18456c;color:#429ff4;border-radius:11px;font-size:9px;font-weight:700;flex-shrink:0}.file-badge[data-category=pod]{background:#083c38;border-color:#0e5b51;color:#42dec4}.file-badge[data-category=other]{background:#282047;border-color:#433265;color:#ad97ec}.sent-check{color:#36d6b0;flex-shrink:0;font-size:17px}.sent-check .m-icon{width:18px;height:18px}.m-upload-queue{margin-top:18px}.m-upload-queue h2{font-size:14px}.m-upload-queue p{font-size:11px;overflow-wrap:anywhere;color:#9fbcd5;margin:8px 0}.queue-row{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding:12px 0}.queue-row p{flex-basis:100%}.queue-row button{font-size:11px;min-height:36px;padding:8px 12px}.m-empty{text-align:center;padding:36px 20px;border:1px solid var(--line);background:var(--panel-deep);border-radius:18px}.m-empty .m-doc-symbol{margin:0 auto 20px;width:58px;height:62px}.m-empty h2{font-size:20px}.m-empty p{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 20px}.m-empty-inline{padding:20px 10px;font-size:12px;color:#83a3be;line-height:1.6}
.m-login-page{background:#030d1b}.m-login-shell{max-width:520px;margin:auto;min-height:100vh}.m-login-art{position:relative;min-height:295px;height:37vh;max-height:420px;overflow:hidden;isolation:isolate}.m-login-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:69% 53%;z-index:-2}.m-login-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#031226c4,transparent 80%),linear-gradient(0deg,#030d1b,transparent 36%);z-index:-1}.m-login-art-content{padding:26px 26px 20px;position:relative;height:100%}.m-login-wordmark{width:168px;height:48px;object-fit:contain;object-position:left center;margin-bottom:32px}.m-login-motto{font-size:23px;font-weight:650;line-height:1.25;letter-spacing:1.5px;max-width:240px;text-shadow:0 2px 14px #000}.m-login-motto span{color:#70baff;font-size:18px;letter-spacing:1px}.m-login-content{position:relative;padding:0 26px 28px}.m-login-content .m-page-head{margin:0 0 22px}.m-login-content h1{font-size:29px}.m-subtitle{font-size:12px;color:#93b0ca;margin-top:8px}.m-login-form{display:grid;gap:18px}.m-input-wrap{position:relative;display:flex;align-items:center}.m-input-wrap>.m-icon{position:absolute;left:14px;width:19px;height:19px;color:#558dba;pointer-events:none}.m-input-wrap input{padding-left:44px;min-height:52px}.m-login-form .m-primary{margin-top:6px;min-height:52px;justify-content:space-between;padding:14px 18px}.m-login-help{text-align:center;font-size:11px;color:#718eaa;margin-top:24px}
.m-web-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:560px;margin:auto;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:#041021f5;backdrop-filter:blur(18px);border-top:1px solid #193551;z-index:10}.m-web-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#6e91b3;min-height:44px;font-size:9px}.m-web-nav a.active{color:#1989ff}.m-web-nav .m-icon{width:23px;height:23px}.m-web-nav a.active .m-icon{filter:drop-shadow(0 1px 5px #0086ff55)}.m-tracking-visual{display:flex;align-items:center;flex-direction:column;padding:35px 15px 30px;text-align:center}.m-tracking-orbit{display:grid;place-items:center;width:145px;height:145px;border:1px solid #1663a4;background:radial-gradient(circle,#0b487dcc,#07223b);box-shadow:0 0 0 18px #09243d,0 0 0 19px #173950,0 0 0 36px #061a2c;border-radius:50%;margin:25px 0 52px;color:#44a8ff}.m-tracking-orbit .m-icon{width:58px;height:58px}.m-tracking-visual strong{font-size:24px}.m-tracking-visual p{font-size:12px;margin-top:8px;color:#90b2cc}
@media(min-width:600px){.m-shell{padding:24px 26px 100px}.m-greeting{margin:-24px -26px 0;padding:30px 28px 20px;min-height:202px}.m-metric{min-height:88px;padding:15px}.m-metric-symbol{width:42px;height:45px}.m-metric strong{font-size:25px}.m-metric div>span{font-size:11px}.m-quick-actions a{min-height:96px}.m-quick-actions strong{font-size:12px}}
@media(max-width:350px){.m-shell{padding-left:13px;padding-right:13px}.m-greeting{margin-left:-13px;margin-right:-13px;padding-left:16px;padding-right:16px}.m-metric{gap:7px;padding:10px 7px}.m-metric-symbol{width:29px;height:35px}.m-metric .m-icon{width:21px;height:21px}.m-metric strong{font-size:20px}.m-quick-actions{gap:6px}.m-quick-actions strong{font-size:9px}.m-capture-actions{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.m-capture-actions .m-primary,.m-capture-actions .m-secondary{padding:12px 8px;font-size:11px}.m-type-options{gap:5px}.m-type-options label>span{padding:11px 7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* The separate legacy GPS check-in keeps the same form and endpoint. */
.portal-shell{max-width:620px;margin:auto;padding:20px}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.portal-header .brand{display:flex;align-items:center;gap:12px}.portal-header .logo{font-weight:800;color:#309fff;font-size:22px}.portal-header h1{font-size:21px}.portal-header p{font-size:11px;color:var(--muted);margin-top:5px}.portal-main .card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.card-header,.card-body{padding:18px}.card-header p,.gps-status{color:var(--muted);font-size:12px}.compact-checkin-form .field{display:flex;flex-direction:column;gap:8px;font-size:13px}.alert-error{color:#ffb5bb}.alert-success{color:#69edc9}.gps-status.good{color:#45dfb4}.gps-status.bad{color:#ff9caa}.gps-status.warning{color:#edc47e}

.m-assignment-alert{position:fixed;z-index:10000;top:78px;left:16px;right:16px;max-width:560px;margin:auto;background:#092648;border:1px solid #258dff;border-radius:14px;padding:16px;box-shadow:0 12px 40px #0009;display:grid;grid-template-columns:1fr auto;gap:10px;color:#fff}.m-assignment-alert strong,.m-assignment-alert span{grid-column:1/-1}.m-assignment-alert span{font-size:14px}.m-assignment-alert a,.m-assignment-alert button{padding:10px 16px;border-radius:8px;color:#fff;background:#0867e8;border:0;text-decoration:none}.m-assignment-alert button{background:#20364d}

.m-brand{justify-content:space-between;gap:12px}.m-call-dispatch{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;min-height:44px;background:#0b55b7;border:1px solid #2687f5;border-radius:10px;font-size:12px;font-weight:650;color:#fff;white-space:nowrap}.m-call-dispatch .m-icon{width:16px;height:16px}.m-call-dispatch[aria-disabled=true]{opacity:.45;pointer-events:none}

/* Driver Loads: route-first cards matching the supplied mobile reference. */
.m-view-loads{background:radial-gradient(ellipse at 80% 0,#06345a66,transparent 340px),#020e1b}
.m-view-loads .m-shell{padding:12px 14px 106px}.m-view-loads.native-app .m-shell{padding-bottom:18px}
.m-loads-hero{position:relative;isolation:isolate;margin:0 -14px;padding:24px 18px 22px;min-height:124px;overflow:hidden;background:linear-gradient(90deg,#020e1bf5 0%,#03192aa8 47%,#03192a12 100%),url('/assets/brand/otrway-road-v1.png') right 69%/cover no-repeat}
.m-loads-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#020e1b,transparent 35%)}
.m-loads-hero h1{font-size:34px;font-weight:750;letter-spacing:-1px;line-height:1.15}.m-loads-hero p{font-size:15px;color:#99c0e5;margin-top:8px}
.m-load-tabs{display:flex;align-items:center;margin:0 2px 16px;border:1px solid #0869a688;border-radius:20px;background:#03243b80;overflow:hidden}
.m-load-tabs a{flex:1;text-align:center;padding:11px 3px;font-size:13px;color:#95bce4;font-weight:550;border-radius:20px;min-height:40px}
.m-load-tabs a.selected{background:linear-gradient(120deg,#008fff,#0055ff);box-shadow:inset 0 0 0 1px #00ceff;color:#fff}
.m-view-loads .m-load-list{gap:14px}.m-view-loads .m-route-card{padding:16px;background:linear-gradient(135deg,#03253fdd,#021425f5 76%);border:1px solid #0776b37a;border-radius:16px;overflow:visible}
.m-route-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.m-route-card-head>span:first-child{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650;color:#00a9ff}.m-route-card-head .m-icon{width:26px;height:26px}
.m-view-loads .m-badge{font-size:12px;font-weight:600;border-radius:9px;padding:5px 13px;background:#041a2d;color:#0af0c3;border:1px solid #00dab2}
.m-view-loads .m-badge[data-status=booked],.m-view-loads .m-badge[data-status=delivered]{color:#00edc0;border-color:#00dfb4;background:#022c2c44}
.m-view-loads .m-badge[data-status=dispatched],.m-view-loads .m-badge[data-status=in_transit]{color:#60c9ff;border-color:#149bff;background:#00468944}
.m-view-loads .m-badge[data-status=cancelled]{color:#ffa8b7;border-color:#b14c67;background:#47182944}
.m-view-loads h2.m-load-reference{font-size:23px;line-height:1.25;font-weight:730;letter-spacing:-.5px;margin:0 0 18px;overflow-wrap:anywhere}
.m-route-timeline{margin:0 1px 6px}.m-route-stop{position:relative;display:grid;grid-template-columns:27px minmax(0,1fr);gap:14px;padding-bottom:19px;min-width:0}
.m-route-stop.origin:after{content:"";position:absolute;left:11px;top:27px;bottom:0;border-left:2px dotted #008dff}
.m-route-pin{position:relative;z-index:1;color:#0096ff;padding-top:1px}.m-route-pin .m-icon{width:25px;height:25px;fill:currentColor;stroke-width:1.3}.m-route-pin circle{fill:#03233b;stroke:#03233b}.m-route-stop.destination .m-route-pin{color:#00d6bc}
.m-route-stop small{display:block;color:#14aaff;font-size:10px;letter-spacing:1.7px;font-weight:650;margin:4px 0 5px}.m-route-stop.destination small{color:#00d8bb}
.m-route-stop h3{font-size:18px;font-weight:700;line-height:1.3;margin:0 0 5px;overflow-wrap:anywhere}.m-route-stop p{font-size:14px;color:#98bde0;line-height:1.45;white-space:pre-line;overflow-wrap:anywhere;margin:0 0 4px}.m-route-stop time{font-size:13px;color:#8dbce8;display:block;line-height:1.45}
.m-load-detail-panel>summary.m-view-load{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:13px;padding:12px 10px;min-height:49px;background:linear-gradient(115deg,#0087ff,#004eff);border:1px solid #05baff;font-size:15px;font-weight:700;color:#fff;box-shadow:0 5px 20px #0064ff1a}.m-view-load .m-icon{width:21px;height:21px}
.m-load-detail-content{padding:16px 0 4px}.m-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.m-detail-heading h3{font-size:14px}.m-detail-heading span{font-size:11px;color:#83add0}.m-load-notes{color:#afc8df;font-size:13px;line-height:1.55;overflow-wrap:anywhere;margin:0 0 14px}.m-progress-help{font-size:11px;color:#85a3be;margin:9px 0 0}
.m-view-loads .m-document-action{gap:14px;margin-top:12px;padding:12px 3px;border-top:1px solid #0a4b7099}.m-document-tile{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#076bd2,#023e83);color:#fff}.m-document-tile .m-icon{width:26px;height:26px}
.m-view-loads .m-document-action strong{font-size:14px;font-weight:650}.m-view-loads .m-document-action small{font-size:12px;color:#93b8da;line-height:1.45;margin-top:2px}.m-view-loads .m-document-action>.m-icon{width:21px;height:21px;color:#9cbce0}
.m-load-problem.problem-report{margin:0;padding:0;border-top:1px solid #0a4b7099}.m-load-problem.problem-report>summary{display:flex;align-items:center;gap:14px;min-height:52px;padding:10px 3px;font-size:14px;color:#fff}.m-load-problem summary strong{flex:1;font-weight:650}.m-problem-symbol{display:flex;align-items:center;justify-content:center;width:40px;flex-shrink:0}.m-load-problem summary .m-problem-symbol .m-icon{width:27px;height:27px;color:#eef6ff}.m-load-problem summary>.m-icon{width:21px;height:21px;color:#9cbce0}.m-problem-fields{padding:5px 0 8px}
.m-load-tracking{display:flex;align-items:center;gap:12px;margin-top:12px;border:1px solid #0776b37a;background:#03203988;border-radius:16px;padding:12px 14px;min-height:64px}.m-tracking-tile{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#00356888;color:#009aff}.m-tracking-tile .m-icon{width:25px;height:25px;fill:currentColor}.m-load-tracking>span:nth-child(2){flex:1;min-width:0}.m-load-tracking strong{display:block;font-size:12px;font-weight:500;color:#c3d9ed}.m-load-tracking small{display:flex;align-items:center;gap:6px;font-size:12px;color:#8da9c3;margin-top:4px}.m-load-tracking[data-sharing=on] small{color:#00d9b3}.m-load-tracking[data-sharing=on] small:before{content:"";width:8px;height:8px;display:block;border-radius:50%;background:#00d9b3}.m-tracking-view{display:flex;align-items:center;gap:5px;font-size:13px;color:#00a7ff;white-space:nowrap}.m-tracking-view .m-icon{width:19px;height:19px}
.m-load-empty{padding:35px 20px;text-align:center;border:1px solid #0776b37a;border-radius:16px;background:#03243b55}.m-load-empty>.m-icon{width:36px;height:36px;color:#0899ff;margin-bottom:14px}.m-load-empty h2{font-size:19px}.m-load-empty p{font-size:13px;color:#95b1cb;margin-top:9px}
@media(max-width:350px){.m-view-loads .m-shell{padding-left:10px;padding-right:10px}.m-view-loads h2.m-load-reference{font-size:21px}.m-route-stop{gap:10px}.m-route-stop h3{font-size:17px}.m-tracking-view{font-size:11px}}

.m-document-camera{width:100%;color:#fff;font:inherit;background:linear-gradient(140deg,#073b6b,#04182c);border:1px solid #1686d8;min-height:130px;margin-bottom:10px}.m-document-camera .m-upload-icon{color:#44bcff}.m-document-file-option{margin-bottom:12px;cursor:pointer}.m-paperwork-preview{width:100%;height:180px;object-fit:contain;border:1px solid #24445f;border-radius:12px;background:#031222;margin:0 0 12px}

.m-document-thumbnail{width:64px;height:72px;object-fit:cover;border-radius:8px;flex-shrink:0}.m-sent-row a,.file-list a{color:inherit}