/* 4.3.4: a single semantic table / form tree at every viewport size. */
:root{color-scheme:light;--navy:#142e4c;--ink:#18344f;--muted:#50677d}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #be7b15;outline-offset:3px}
.skipLink{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:100;background:white;color:#143859;padding:12px;border:2px solid #183d68;border-radius:8px}.skipLink:focus{transform:none}
.mobileNavBar{display:none}.mobileMenuToggle{display:flex;align-items:center;gap:10px;border:1px solid #617994;border-radius:10px;background:#214367;color:white;padding:10px 14px;font-weight:700}.menuIcon{font-size:20px;line-height:1}
.originalLogo{width:134px;height:auto;aspect-ratio:1408/768;object-fit:contain;display:block;border-radius:6px;background:white}.brand .originalLogo{width:83px}.brand{gap:10px}.brand strong{font-size:11px}.brand small{font-size:8px}.driverlogo .originalLogo{width:84px}.loginbrand .originalLogo{width:125px}
.loginmain{max-width:1180px;padding-top:28px}.loginlayout{grid-template-columns:1fr 1fr;gap:24px}.loginbrand{margin-bottom:22px}.logincard{padding:32px}.logincard .rowbetween{flex-wrap:wrap;gap:10px}.logincard h1{font-size:30px;line-height:1.2}.logincard .notice{line-height:1.55;margin-bottom:16px}.logincard .switch button{min-height:44px;min-width:44px}.logincard .authlink{min-height:48px;display:flex;align-items:center;justify-content:center;gap:12px}.authIcon{width:21px;height:21px;flex-shrink:0}
.loginaside{padding:32px;background:var(--navy)}.loginaside .originalLogo{width:135px;margin-bottom:24px}.loginaside h2{font-size:32px;letter-spacing:-.6px;line-height:1.23;margin:14px 0 16px}.workspaceIntro{color:#c8d7e8;line-height:1.65;margin:0 0 22px}.workspaceFeature{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:18px 0;border-top:1px solid #3b526b}.workspaceFeature svg{width:32px;height:32px;stroke:#a0d5f2;fill:none;stroke-width:1.6}.workspaceFeature h3{font-size:16px;margin:0 0 6px}.workspaceFeature p{font-size:14px;line-height:1.6;color:#c8d7e8;margin:0}.workspaceInstruction{border-top:1px solid #3b526b;padding-top:20px;color:#d4e3f1;font-size:13px;line-height:1.7;margin:4px 0 0}.muted,.disclaimer,.card p{color:var(--muted)}
.eventZone{display:block;font-size:10px;white-space:normal;color:#50677d;margin-top:5px}.originalTime{white-space:normal;margin-top:7px;font-size:11px}.originalTime summary{cursor:pointer;color:#195887;padding:6px 0}.originalTime code{display:block;overflow-wrap:anywhere;word-break:break-word;white-space:normal;padding:7px 0}.tablewrap time{white-space:normal;display:block;min-width:145px;line-height:1.6}.tablewrap td small{display:block;white-space:normal;margin-top:5px}.auditReason{line-height:1.65}.tablewrap a{min-height:36px;padding:8px 0}.queryForm summary{min-height:44px}.tablewrap button{min-height:40px}.pill{white-space:normal;line-height:1.5}.driverNav{display:none}.manageDialog h2{margin:0}.manageDialog .rowbetween{flex-direction:row;align-items:center}.manageDialog .actions{flex-wrap:wrap}
@media(max-width:980px) and (min-width:761px){.loginlayout{gap:16px}.logincard,.loginaside{padding:25px}.loginaside h2{font-size:28px}.topbar{flex-wrap:wrap;gap:14px}.statgrid.three{grid-template-columns:1fr}}
@media(max-width:760px), (max-width:980px) and (pointer:coarse){
  html{scroll-padding-top:16px}body{overflow-wrap:anywhere}.shell{display:block}.sidebar{width:100%;min-height:0;padding:14px 16px}.sidebar .brand{padding:0 0 12px}.sidebar .sidehead,.sidebar .sidefoot{display:none}.sidebar .brand .originalLogo{width:74px}.sidebar .brand strong{font-size:13px}.sidebar .brand small{font-size:9px}.mobileNavBar{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobileSection{font-size:13px;font-weight:600;flex:1;min-width:0}.sidebar #primaryNav{display:none;overflow:visible;margin-top:12px;flex-direction:column;gap:4px}.sidebar #primaryNav.menuOpen{display:flex}.sidebar .nav{display:flex;width:100%;padding:12px;min-height:46px;white-space:normal;font-size:14px;text-align:left}.sidebar .nav span:first-child{display:block}.sidebar .nav.active{box-shadow:inset 3px 0 #9dd5ee}.sidebar .nav span[aria-hidden]{flex-shrink:0}
  .topbar{padding:16px;gap:14px;flex-wrap:wrap}.topbar .crumb{width:100%}.topbar .control{width:100%;gap:8px;justify-content:space-between;flex-wrap:wrap}.control .switch button{min-width:44px;min-height:44px}.control .subtleBtn{min-height:44px;font-size:13px;padding:8px 12px}.content{padding:20px 12px 40px}.intro h1{font-size:26px;line-height:1.25}.card{padding:16px 12px;border-radius:14px}.twoCols,.driverform,.fieldrow{grid-template-columns:minmax(0,1fr)}.statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.statgrid.three{grid-template-columns:1fr}.stat{padding:16px 12px}.stat span,.stat small{color:#50677d}.stat span{font-size:12px}.stat b{font-size:24px}.notice{font-size:12px;line-height:1.6;padding:12px;gap:8px}.rowbetween{flex-direction:column;align-items:stretch;gap:12px}.actions{flex-wrap:wrap;align-items:stretch}.field input,.field select,input.smallinput,select.smallinput,.wideSelect,.payForm input,.payForm select{font-size:16px;min-height:44px;min-width:0;max-width:100%}.field input[type=file],.receiptControl input{font-size:14px;min-width:0;max-width:100%}.primary,.subtleBtn{min-height:44px;white-space:normal;line-height:1.4}.smallinput{width:100%}.mappingline{grid-template-columns:minmax(0,1fr);gap:10px}.mappingline select{font-size:16px;min-height:44px}.driverform .primary{height:auto}.queryPanel{padding:14px 12px;margin-bottom:20px}.queryGrid{grid-template-columns:minmax(0,1fr)}.queryForm summary{padding:12px 0}.queryTotals>div{flex:1 1 120px}.queryTotals strong{font-size:20px;overflow-wrap:anywhere}.queryTotals span{font-size:12px}.queryPager{display:grid;grid-template-columns:1fr 1fr}.queryCount{grid-column:1/-1;grid-row:1;line-height:1.6}.queryPrevious{grid-column:1}.queryNext{grid-column:2}.queryPager button{min-height:44px}.queryActions{gap:10px}.queryActions button{flex:1 1 100%}
  .tablewrap{overflow:visible}.adaptiveTable{display:block!important;width:100%;white-space:normal!important}.adaptiveTable thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.adaptiveTable tbody{display:grid;gap:14px;width:100%}.adaptiveTable tbody tr{display:block;background:#fff;border:1px solid #d6e2ec;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #18344f08}.adaptiveTable tbody td{display:block!important;width:100%;min-width:0;max-width:none!important;white-space:normal;padding:11px 14px!important;font-size:14px;line-height:1.55;overflow-wrap:anywhere;border-bottom:1px solid #edf1f6}.adaptiveTable tbody td:first-child{background:#eef4fa;font-weight:700}.adaptiveTable tbody td:last-child{border-bottom:0}.adaptiveTable tbody td:before{content:attr(data-label);display:block;font-size:10px;letter-spacing:.65px;text-transform:uppercase;color:#526b82;font-weight:750;margin-bottom:4px}.adaptiveTable tbody td.emptyCell:before{display:none}.adaptiveTable tbody td.emptyCell{font-weight:400;line-height:1.6}.adaptiveTable tr:hover td{background:inherit}.adaptiveTable tr:hover td:first-child{background:#eef4fa}.adaptiveTable .pill{font-size:12px}.adaptiveTable .correctionActions{max-width:none;min-width:0}.adaptiveTable a{min-height:44px;display:block;line-height:1.6;margin-top:6px;padding:10px 0;white-space:normal}.adaptiveTable button{min-height:44px;max-width:100%}.correctionActions button{width:100%;margin:4px 0}.payForm,.receiptControl{display:grid;gap:10px;grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}.payForm input,.payForm select,.receiptControl input{max-width:100%;width:100%;min-width:0}.payForm .primary,.receiptControl .primary{padding:12px}.tablewrap time{min-width:0}.originalTime summary{min-height:44px;padding:10px 0}.eventZone{font-size:11px}.driverMetrics{max-width:none;font-size:12px}.auditReason{min-width:0}
  .manageDialog{width:calc(100% - 20px);max-width:600px;max-height:calc(100dvh - 32px);padding:18px 12px}.manageDialog h2{font-size:20px;line-height:1.4}.manageDialog .rowbetween{gap:10px}.manageDialog .rowbetween button{flex-shrink:0}.manageDialog textarea{font-size:16px}.manageDialog .actions>*{flex:1 1 100%}.manageDialog .fieldrow{grid-template-columns:minmax(0,1fr)}.manageDialog .tablewrap{margin-top:15px}#toast{left:12px;right:12px;bottom:max(16px,env(safe-area-inset-bottom));max-width:none;line-height:1.5}.marginBridge>div{flex-direction:column;gap:6px}.marginBridge dt{max-width:none}.marginBridge dd{font-size:18px}
  .loginmain{padding:20px 12px 32px}.loginbrand{gap:12px;margin-bottom:18px}.loginbrand .originalLogo{width:92px}.loginbrand b{font-size:12px}.loginbrand small{font-size:9px;line-height:1.5}.loginlayout{grid-template-columns:minmax(0,1fr);gap:20px}.logincard,.loginaside{padding:22px 18px}.logincard h1{font-size:27px;margin:18px 0 12px}.logincard .rowbetween{flex-direction:row;align-items:center;gap:6px}.logincard .eyebrow{margin-top:18px}.logincard .notice{margin-bottom:12px}.logincard .muted{font-size:14px}.logincard .disclaimer{margin-top:16px}.logincard .formlabel{margin-top:14px}.loginaside h2{font-size:28px}.loginaside .originalLogo{width:120px;margin-bottom:24px}.workspaceFeature{grid-template-columns:30px 1fr;gap:12px}.workspaceFeature svg{width:28px;height:28px}.workspaceFeature p{font-size:14px}.driverheader{padding:14px 16px;gap:12px;flex-wrap:wrap}.driverheader .driverlogo{width:100%}.driverheader .driverlogo .originalLogo{width:76px}.driverheader .driverlogo small{display:block;font-size:9px}.driverheader .control{width:100%;justify-content:space-between;gap:8px}.driverheader .pill.outline{display:inline-block}.driverNav{display:block;background:var(--navy);padding:12px 16px;color:white}.driverNav #primaryNav{display:none;padding-top:12px}.driverNav #primaryNav.menuOpen{display:grid;gap:4px}.driverNav a{color:white;border-radius:8px;padding:14px;text-decoration:none;min-height:46px}.driverNav a:hover{background:#284c74}.drivercontent{padding:20px 12px}.drivercontent h1{font-size:26px}.drivercontent .statgrid{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.queryMobileTools{display:none}
@media(max-width:760px), (max-width:980px) and (pointer:coarse){
 .queryMobileTools{display:grid;gap:8px;margin-bottom:12px}.queryMobileTools button{text-align:left;padding:12px}.queryMobileTools button:after{content:'＋';float:right;margin-left:8px}.queryMobileTools button[aria-expanded=true]:after{content:'−'}
 .queryPanel .queryForm,.queryPanel .queryTotals,.queryPanel .queryBasis{display:none}.queryPanel.filtersOpen .queryForm{display:block;margin-top:16px}.queryPanel.totalsOpen .queryTotals{display:flex}.queryPanel.totalsOpen .queryBasis{display:block}
 .adaptiveTable tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.adaptiveTable tbody td{width:auto}.adaptiveTable tbody td:first-child,.adaptiveTable tbody td:last-child,.adaptiveTable tbody td.emptyCell{grid-column:1/-1}
 #driverRows td:nth-child(2),#driverRows td:nth-child(4),#accessRows td:nth-child(2),#activityRows td:nth-child(4),#settlementRows td:nth-child(6),#driverHistory td:nth-child(2),#deliveryHistory td:nth-child(2){grid-column:1/-1}
}

/* Text contrast at AA-sized body and helper text, including desktop. */
.eyebrow{color:#326991}.crumb span,.intro p,.field small,.quiet,.smallnote,.stat span,.stat small{color:#50677d}.empty{color:#50677d}.loginaside .eyebrow{color:#9dd5ee}