*{box-sizing:border-box}body{margin:0;background:#F2F2F0;color:#0D0D0D;font:14px Arial,sans-serif}button,input,select,textarea{font:inherit}button,.outline{cursor:pointer}aside{position:fixed;width:235px;height:100vh;background:#0D0D0D;color:#d5e0d9;padding:38px 24px}.brand{color:white;font-size:34px;font-weight:800;letter-spacing:3px;text-decoration:none}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:10px;color:#adc1b6}.navlabel{font-size:9px;letter-spacing:1.6px;color:#829d91;margin:65px 0 15px}.nav{border:0;color:#bdcec4;background:transparent;display:block;width:100%;text-align:left;padding:15px 12px;margin:7px 0;border-radius:7px}.nav.active{background:#3A3F47;color:#FFC266}.nav b{float:right}.sidefoot{position:absolute;bottom:26px;font-size:10px;color:#a2b9ad}.sidefoot p{margin-top:13px;color:#6f9282}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#FF8C00;margin-right:6px}main{margin-left:235px;padding:0 5vw;max-width:1550px}header{height:86px;border-bottom:1px solid #dce4dd;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#718277}header span{margin:0 14px}.user{background:#FFE9C7;border-radius:50%;padding:13px;font-weight:bold;color:#3b5a47}.intro{display:flex;justify-content:space-between;align-items:center;padding:43px 0 29px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;color:#C75B00}h1{font-size:36px;letter-spacing:-1.2px;line-height:1.17;margin:13px 0 15px;font-weight:600}.intro p{color:#78877d;line-height:1.6}.introicon{font-size:72px;color:#FF8C00;border:1px solid #FFC266;border-radius:28px;transform:rotate(-8deg);padding:6px 28px;background:#FFE9C7;margin-right:25px}.typebar{display:flex;background:#e7e7e5;padding:5px;border-radius:10px;gap:5px}.type{flex:1;border:0;background:transparent;text-align:left;padding:16px 22px;color:#728071;font-weight:bold;border-radius:7px;font-size:15px}.type small{display:block;font-weight:normal;font-size:10px;margin:8px 0 0 24px;letter-spacing:.5px}.type.selected{background:#fff;box-shadow:0 2px 5px #18352810;color:#264331}.toolbar{display:flex;justify-content:space-between;margin:26px 0 13px;font-size:11px;color:#718076}#formtitle{font-weight:bold;color:#3A3F47}.card{background:white;border:1px solid #dfe6de;border-radius:10px;padding:27px;margin-bottom:19px}.sectionhead{display:flex;align-items:center;gap:14px;margin-bottom:22px}.sectionhead i{font-style:normal;font-size:11px;background:#FFE9C7;color:#C75B00;padding:11px;border-radius:7px}.sectionhead h2{margin:0;font-size:17px;font-weight:600}.sectionhead p{font-size:12px;color:#8a958b;margin:7px 0 0}.sectionhead strong{margin-left:auto;color:#C75B00;font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.field{margin-bottom:18px}label{display:block;font-size:11px;font-weight:bold;color:#607264;margin-bottom:8px}input,select,textarea{width:100%;border:1px solid #dae2d8;border-radius:6px;padding:12px;background:#fdfefd;color:#263b2b;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #FF8C00}textarea{resize:vertical}.vehicles{display:flex;flex-wrap:wrap;gap:9px}.vehicles button{padding:11px 18px;border:1px solid #dce4d9;background:white;color:#73806f;border-radius:5px;font-size:11px}.vehicles .selected{background:#FFE9C7;border-color:#FF8C00;color:#0D0D0D}.progress{height:4px;border-radius:4px;background:#edf1ea;margin-bottom:8px}#progress{height:4px;background:#FF8C00;border-radius:4px;transition:width .3s}.question{padding:18px 0;border-bottom:1px solid #edf0eb}.question:last-child{border-bottom:0}.qtop{display:flex;align-items:center;gap:13px;margin-bottom:10px}.qtop .qtext{flex:1;font-size:13px;line-height:1.5}.num{font-size:10px;color:#a2aea0}.choices{display:flex;gap:5px}.choices button{width:42px;height:34px;border:1px solid #dfe5db;background:#fff;border-radius:5px;font-size:11px;color:#7a8778}.choices .selected[data-value=C]{background:#FFE9C7;color:#0D0D0D;border-color:#FF8C00}.choices .selected[data-value=NC]{background:#fce3de;color:#9c4234;border-color:#dba292}.choices .selected[data-value='N/A']{background:#e6ebee;color:#456074;border-color:#99a9b5}.question input{font-size:11px;padding:9px;background:#fafcf8}.nf{background:#f6f8f4;padding:16px;border:1px solid #e5eadd;border-radius:7px;margin-bottom:13px}.nf .grid{grid-template-columns:1fr 1fr 1fr auto}.nf .remove{align-self:start;margin-top:21px;border:0;background:none;color:#a66b5d;padding:13px}.outline{display:inline-block;padding:11px 16px;border:1px solid #cfdac9;background:white;color:#3A3F47;border-radius:6px;font-size:12px;margin:0}.primary{background:#0D0D0D;color:white;border:0;padding:15px 25px;border-radius:6px;font-size:12px}.footeractions{display:flex;align-items:center;gap:18px;padding:3px 0 28px}.footeractions span{flex:1;color:#8a9685;font-size:11px}.muted{font-size:11px;color:#899484;line-height:1.5}.notice{background:#fff1db;color:#936529;padding:13px;font-size:12px;border-radius:5px;margin:10px 0 18px}#error{color:#ad4036;line-height:1.6;margin:12px 0}footer{border-top:1px solid #dce4d7;padding:25px 0;font-size:10px;color:#8a9986}footer b{padding:0 9px;color:#a7b99a}footer span{float:right}#history{padding:40px 0}.stats{display:flex;gap:16px;margin:25px 0}.stat{flex:1;background:white;border:1px solid #dfe5d9;border-radius:9px;padding:22px;font-size:12px;color:#84917b}.stat b{display:block;font-size:29px;color:#0D0D0D;margin-bottom:8px}.historytools{display:flex;gap:10px;align-items:center;margin-bottom:22px}.historytools input{flex:1}.record{background:white;padding:20px;border:1px solid #dce4d6;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.record h3{font-size:14px;margin:0 0 7px}.record p{color:#87907f;font-size:11px;margin:5px 0}.tag{font-size:9px;background:#FFE9C7;padding:6px;border-radius:4px}.actions{display:flex;gap:5px;flex-wrap:wrap}.empty{text-align:center;padding:60px 15px;border:1px dashed #c6d3bb;border-radius:10px;color:#819276}#toast{position:fixed;bottom:22px;right:22px;background:#0D0D0D;color:white;padding:15px 22px;border-radius:7px;display:none;z-index:10}@media(max-width:900px){aside{width:185px;padding:30px 18px}main{margin-left:185px;padding:0 25px}.grid{grid-template-columns:repeat(2,1fr)}.introicon{display:none}h1{font-size:30px}.nf .grid{grid-template-columns:1fr 1fr}.record{align-items:start;flex-direction:column}}@media(max-width:600px){aside{position:static;width:100%;height:auto;padding:18px;display:flex;align-items:center;gap:10px}.brand{font-size:23px;margin-right:auto}.brand span{font-size:7px;margin-top:4px}.navlabel,.sidefoot{display:none}.nav{width:auto;font-size:11px;padding:10px;margin:0}.nav b{margin-left:5px}main{margin:0;padding:0 16px}header{height:55px;font-size:8px;letter-spacing:1px}.intro{padding:29px 0 20px}h1{font-size:29px}.intro p{font-size:12px}.type{padding:13px 10px;font-size:12px}.type small{margin-left:0;font-size:9px}.toolbar{font-size:9px;gap:12px}.card{padding:18px}.grid{gap:12px}.sectionhead h2{font-size:15px}.sectionhead p{font-size:10px}.vehicles{gap:6px}.vehicles button{padding:10px 12px}.qtop{flex-wrap:wrap;gap:8px}.qtext{min-width:75%}.choices{margin-left:23px}.choices button{width:65px}.footeractions{flex-wrap:wrap;justify-content:space-between}.footeractions span{display:none}footer span{display:block;float:none;margin-top:10px}.historytools{flex-wrap:wrap}.historytools>input{flex-basis:100%}.stats{gap:6px}.stat{padding:14px 9px;font-size:10px}.stat b{font-size:23px}}

@font-face{font-family:Barlow;src:url(Barlow-Regular.ttf)}@font-face{font-family:Barlow;src:url(Barlow-Bold.ttf);font-weight:700}@font-face{font-family:Barlow;src:url(Barlow-Black.ttf);font-weight:900}body{font-family:Barlow,Arial,sans-serif}.brand{display:block;letter-spacing:0}.brand img{display:block;width:180px;height:auto;margin-left:-4px}.brand span{padding-left:4px;color:#bbb}.nav.active{border-left:3px solid #FF8C00}.sidefoot{color:#bbb}.sidefoot p{color:#FF8C00;font-size:9px;letter-spacing:.4px}.introicon{transform:none;border:0;background:none;padding:0;width:130px;height:100px;position:relative}.introicon b{display:block;background:#FF8C00;width:75px;height:16px;border-radius:12px;position:absolute;transform:skewX(-16deg)}.introicon b:nth-child(1){top:15px;left:40px}.introicon b:nth-child(2){top:42px;left:20px}.introicon b:nth-child(3){top:69px;left:0}h1{font-weight:900}.primary{background:#FF8C00;color:#0D0D0D;font-weight:700}.type.selected{box-shadow:inset 0 -3px #FF8C00}.sectionhead h2{font-weight:700}.eyebrow{color:#C75B00}.sectionhead i{color:#C75B00}.user{color:#0D0D0D}.nav{color:#ddd}.navlabel{color:#aaa}@media(max-width:900px){.brand img{width:145px}}@media(max-width:600px){.brand img{width:112px}.brand span{font-size:7px}.nav{font-size:10px;padding:8px}}

.cloud-panel{margin-top:20px}.cloud-panel .actions{display:flex;flex-wrap:wrap;gap:10px}.cloud-panel p{line-height:1.5;overflow-wrap:anywhere}button:disabled{opacity:.55;cursor:not-allowed}

[hidden]{display:none!important}

.photo-field{margin:16px 0}.photo-add{display:inline-block;cursor:pointer;margin-right:12px}.photo-grid{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.photo-grid figure{margin:0;border:1px solid #ddd;border-radius:8px;padding:8px;width:180px}.photo-grid img{width:100%;height:130px;object-fit:contain;background:#f4f4f4}.photo-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.photo-grid button{padding:5px}

.approval-spotlight{display:flex;align-items:center;gap:24px;margin:28px 0;padding:28px;border:2px solid #ff8c00;border-radius:16px;background:#fff4e4;box-shadow:0 6px 20px #0d0d0d0a}.approval-total{flex:none;min-width:78px;height:78px;padding:0 12px;display:grid;place-items:center;background:#0d0d0d;color:#ffc266;border-radius:16px;font-size:38px;font-weight:700}.approval-copy{flex:1}.approval-copy h2{font-size:25px;margin:8px 0}.approval-copy p{margin:0;color:#555;line-height:1.5}.approval-open{text-decoration:none;white-space:nowrap;display:inline-block}.approval-open:focus-visible{outline:3px solid #0d0d0d;outline-offset:4px}@media(max-width:700px){.approval-spotlight{flex-wrap:wrap;gap:16px;padding:20px;margin:20px 0}.approval-total{min-width:60px;height:60px;font-size:30px}.approval-copy{flex-basis:calc(100% - 80px)}.approval-copy h2{font-size:21px}.approval-open{width:100%;text-align:center}}
.app-install{display:flex;gap:18px;align-items:flex-start;margin:22px 0;padding:20px;background:white;border:1px solid #ddd;border-radius:14px}.app-install img{border-radius:13px;flex:none}.app-install h2{margin:0 0 8px;font-size:20px}.app-install p{line-height:1.5;margin:8px 0}.app-install .muted{font-size:12px}.app-install [hidden]{display:none}@media(display-mode:standalone){body{padding-bottom:env(safe-area-inset-bottom)}header{padding-top:env(safe-area-inset-top)}.app-install{display:none}}@media(max-width:600px){.app-install{padding:16px;gap:12px}.app-install img{width:48px;height:48px}}

.vehicles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vehicles button{position:relative;min-width:0;width:100%;padding:14px 12px;border:2px solid #e4e4e0;border-radius:12px;color:#3a3f47;display:flex;flex-direction:column;align-items:center;gap:5px;transition:border-color .15s,background .15s}.vehicles button:hover{border-color:#ff8c00}.vehicles button:focus-visible{outline:3px solid #ff8c00;outline-offset:3px}.vehicles button.selected{border-color:#ff8c00;background:#fff4e4}.vehicles button span{font-size:12px;font-weight:bold;letter-spacing:.8px}.vehicles button small{font-size:11px;color:#666;line-height:1.4}.vehicle-drawing{width:100%;max-width:180px;height:90px;display:block}.vehicle-body{fill:#fafaf8;stroke:currentColor;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.vehicle-body .vehicle-window{fill:#ffc266}.vehicle-wheels{fill:#3a3f47;stroke:#3a3f47;stroke-width:2}.vehicle-wheels .vehicle-hub{fill:#fff;stroke:none}.vehicle-ground{stroke:#ddd;stroke-width:2}.vehicles .selected .vehicle-body{fill:#ffe4bb;stroke:#9e4900}.vehicle-check{position:absolute;right:10px;top:8px;font-size:18px;color:#a14d00}@media(max-width:600px){.vehicles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vehicles button{padding:12px 8px}.vehicle-drawing{height:76px}.vehicles button small{font-size:10px}}
/* Login is the first visible screen until corporate membership is verified. */
.auth-pending>aside,.auth-pending>main,.auth-pending>#toast{display:none!important}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top right,#3a3021 0,transparent 55%),#0d0d0d}.auth-card{width:min(100%,470px);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 80px #0005}.auth-brand{background:#0d0d0d;padding:30px 40px;border-bottom:4px solid #ff8c00}.auth-brand img{display:block;width:220px;max-width:100%;height:auto;margin:auto}.auth-content{padding:32px}.auth-content h1{font-size:30px;margin-top:15px}.auth-content>p{line-height:1.6;color:#555}.auth-content .eyebrow{font-size:9px;line-height:1.6}.auth-content label{font-size:12px;margin-top:24px}.auth-content input{font-size:16px}.auth-content button{width:100%;margin-top:16px;min-height:48px}.auth-content .auth-note{font-size:12px;color:#666;margin:20px 0 0}#authStatus{font-size:13px;color:#8a4200;background:#fff4e4;border-radius:8px;padding:12px}.auth-footer{padding:18px;border-top:1px solid #eee;text-align:center;color:#666;font-size:11px}@media(max-width:480px){.auth-screen{padding:16px}.auth-content{padding:24px}.auth-brand{padding:25px}.auth-card{border-radius:16px}}
/* Shared vertical navigation, with a drawer on phones and tablets. */
#appSidebar{position:fixed;inset:0 auto 0 0;width:235px;height:100dvh;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:30px 18px 18px;z-index:30;background:#0d0d0d;overflow-y:auto}#appSidebar .brand{display:block;margin:0 12px 26px}#appSidebar .brand img{width:165px;max-width:100%;height:auto}#appSidebar .brand span{font-size:8px;line-height:1.5}#appSidebar nav{flex:1}#appSidebar .navlabel{display:block;font-size:9px;letter-spacing:1.5px;color:#a9a9a5;margin:22px 12px 10px}#appSidebar .nav{width:100%;display:block;font-size:12px;line-height:1.55;text-decoration:none;text-align:left;padding:13px 14px;margin:5px 0;border-radius:8px;white-space:normal;color:#d7d7d2;border-left:3px solid transparent}#appSidebar .nav:hover{background:#292929}#appSidebar .nav.active{background:#3a3f47;border-left-color:#ff8c00;color:#ffc266}#appSidebar .nav small{display:block;color:#a9a9a5;font-size:10px;margin-top:3px}#appSidebar .nav b{float:none;display:inline-block;margin-left:6px;color:#ffc266}#appSidebar .nav[hidden]{display:none!important}#appSidebar .sidefoot{display:block;position:static;margin-top:24px;padding-top:16px;border-top:1px solid #333;font-size:10px;color:#aaa}#appSidebar .sidefoot p{line-height:1.5;color:#aaa}.sidebar-close,.menu-toggle,.sidebar-backdrop{display:none}.app-header{gap:16px}.app-header>div{font-size:11px;letter-spacing:.7px}.auth-pending>.sidebar-backdrop{display:none!important}@media(max-width:900px){#appSidebar{width:min(300px,85vw);transform:translateX(-105%);transition:transform .2s;box-shadow:12px 0 40px #0003;padding-top:max(26px,env(safe-area-inset-top))}body.menu-open #appSidebar{transform:translateX(0)}body.menu-open{overflow:hidden}main{margin-left:0}.menu-toggle{display:flex;align-items:center;gap:8px;background:white;border:1px solid #ddd;border-radius:8px;min-height:42px;padding:8px 12px;font-size:12px;color:#333;flex:none}.menu-toggle span{font-size:20px;margin:0}.sidebar-close{display:block;position:absolute;right:12px;top:12px;border:0;background:#292929;color:white;border-radius:8px;font-size:25px;width:36px;height:36px}#appSidebar .brand{margin-top:28px}.sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#0007;z-index:29;border:0;border-radius:0}.app-header{min-height:66px;height:auto;padding:12px 0}.app-header>div{font-size:10px;letter-spacing:0;line-height:1.5}.app-header>div span{margin:0 5px}}@media(prefers-reduced-motion:reduce){#appSidebar{transition:none}}
.android-install-guide{margin:20px 0 4px;border:1px solid #ead9bf;background:#fffaf2;border-radius:8px;padding:14px;color:#3a3f47;font-size:13px;line-height:1.6}.android-install-guide summary{cursor:pointer;font-weight:bold;color:#8c4400;min-height:24px}.android-install-guide ol{padding-left:22px;margin:14px 0}.android-install-guide li{padding-left:4px;margin-bottom:10px}.android-install-guide p{font-size:12px;line-height:1.6}.android-install-guide summary:focus-visible{outline:2px solid #ff8c00;outline-offset:4px}

/* Personal area, separate from user administration. */
#appSidebar .personal-entry{display:flex;align-items:center;gap:12px;width:100%;padding:12px;margin:0 0 15px;border:1px solid #454545;border-radius:12px;background:#222;color:#fff;text-align:left}#appSidebar .personal-entry[hidden]{display:none} .personal-avatar{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:#ffad3d;color:#151515;font-weight:700;font-size:20px}.personal-entry strong,.personal-entry small{display:block}.personal-entry strong{font-size:15px;overflow-wrap:anywhere}.personal-entry small{margin-top:4px;color:#d6c4ab;font-size:12px}.personal-dialog{width:min(92vw,480px);max-height:85dvh;overflow:auto;border:1px solid #dfe6de;border-radius:16px;padding:25px;background:white;color:#263b2b;box-shadow:0 20px 70px #0005}.personal-dialog::backdrop{background:#0009}.personal-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.personal-head h2{margin:6px 0 12px;font-size:25px}.personal-close{font-size:20px}.personal-name{font-size:18px;font-weight:bold;margin:8px 0}.personal-email{overflow-wrap:anywhere;color:#607264}.personal-password{border-top:1px solid #e1e6df;margin-top:20px;padding-top:8px}.personal-password p{line-height:1.5}.personal-form label{margin-top:14px}.personal-form button{margin-top:8px}.personal-form [role=status]{color:#9b4b0b;min-height:1em}

.dispatch-pallet-choice{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid #dfe6de;border-radius:6px;font-size:14px}.dispatch-pallet-choice input{width:auto;flex:none;margin-top:3px}.dispatch-pallet-choice span{line-height:1.4}

.available-load-row{border-bottom:1px solid #dfe6de;padding:14px 0}.available-load-row p{margin:6px 0;color:#607264;line-height:1.5}