#driver .receiptCompactForm{width:100%!important;max-width:560px!important;margin:0 auto!important;padding-bottom:105px!important;box-sizing:border-box!important}
#driver .receiptCompactForm>.driverDieselCard{padding:0 14px 14px!important;border:1px solid #d5e1ef!important;border-radius:16px!important;background:#f8faff!important;overflow:hidden!important}
#driver .receiptCompactForm .driverCardTitle{background:#143756!important;color:white!important;margin:0 -14px 12px!important;padding:14px!important;align-items:center!important}
#driver .receiptCompactForm .driverCardTitle h3{color:white!important;font-size:18px!important;margin:0!important}
#driver .receiptCompactForm .driverCardTitle .muted{display:none!important}
#driver .receiptCompactForm .driverDieselGrid,#driver .receiptCompactForm .receiptExtraGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:12px 0!important}
#driver .receiptCompactForm .field{margin:0!important;padding:0!important;gap:5px!important;min-width:0!important}
#driver .receiptCompactForm .field label{font-size:13px!important;line-height:1.3!important;margin:0!important}
#driver .receiptCompactForm input:not([type=checkbox]):not([type=file]):not([type=hidden]),#driver .receiptCompactForm select,#driver .receiptCompactForm textarea{font-size:14px!important;min-height:44px!important;height:44px;padding:9px!important;border:1px solid #cbd9e7!important;border-radius:9px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
#driver .receiptCompactForm textarea{height:64px!important}
#driver .receiptCompactForm [id$=ScanTop488]>.btn{min-height:44px!important;height:auto!important;padding:9px!important;font-size:13px!important;line-height:1.25!important;box-shadow:none!important}
#driver .receiptCompactForm .driverDieselPhotoField>label,#driver .receiptCompactForm [id$=PhotoHint],#driver .receiptCompactForm [id$=ReceiptHint]{display:none!important}
#driver .receiptCompactForm .mediaSelectedFile{padding:9px!important;background:white!important;border:1px solid #dce5ef!important;border-radius:9px!important;font-size:13px!important;margin:0!important}
#driver .receiptCompactForm .help{font-size:11px!important;line-height:1.35!important;margin:5px 0!important}
#driver .receiptCompactForm .receiptMore{border:1px solid #dce5ef;border-radius:10px;padding:10px;margin:10px 0;background:white;font-size:13px}
#driver .receiptCompactForm .receiptMore summary{cursor:pointer;font-weight:650;min-height:24px}
#driver .receiptCompactForm .driverReceiptSendBar{max-width:560px!important}
#driver .receiptCompactForm [id^=receiptBatch-]{padding:8px!important;margin:8px 0!important}
#driver .receiptCompactForm [id^=receiptBatch-] fieldset{padding:8px!important}
#driver .receiptCompactForm [id^=receiptBatch-] fieldset>label:not(.receiptOriginalCheck){font-size:12px!important;width:calc(50% - 12px)!important}
#driver .receiptCompactForm .receiptOriginalCheck{display:none!important}
#driver .receiptCompactForm .receiptRecent>.card{margin:8px 0!important;padding:0!important}
#driver .receiptCompactForm{font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;color:#183653!important}
#driver .receiptCompactForm .mediaHiddenInput{display:none!important}
#driver .receiptCompactForm .driverCardTitle{display:flex!important;justify-content:space-between!important}
#driver .receiptCompactForm .btn{border:1px solid #cbd9e7!important;border-radius:10px!important}
#driver .receiptCompactForm [id$=ScanTop488]>.btn{background:white!important;color:#183653!important;font-family:inherit!important}
#driver .receiptCompactForm .field:has(#driverTollPayment){grid-column:1/-1}
/* One connected viewport layout: form and action bar share width and height. */
#driver[data-compact-driver]>.receiptCompactForm.active{display:flex!important;flex-direction:column!important;align-self:stretch!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;gap:6px!important;overflow:hidden!important}
#driver[data-compact-driver]>.receiptCompactForm>.driverDieselCard{flex:1 1 0!important;min-height:0!important;width:100%!important;margin:0!important;overflow:auto!important;padding:0 12px 8px!important}
#driver[data-compact-driver]>.receiptCompactForm .driverCardTitle{margin:0 -12px 8px!important;padding:10px 12px!important}
#driver[data-compact-driver]>.receiptCompactForm .driverReceiptSendBar{position:static!important;transform:none!important;left:auto!important;bottom:auto!important;flex:0 0 auto!important;width:100%!important;max-width:none!important;padding:8px 12px max(8px,env(safe-area-inset-bottom))!important;order:3;border-radius:12px!important}
#driver[data-compact-driver]>.receiptCompactForm .receiptRecent{flex:0 0 auto!important;margin:0!important;padding:8px 12px!important;max-height:35vh;overflow:auto;order:2}
#driver[data-compact-driver]>.receiptCompactForm .driverDieselGrid{margin:8px 0!important;gap:8px!important}
#driver[data-compact-driver]>.receiptCompactForm .receiptMore:not(.receiptRecent){padding:6px 10px!important;margin:6px 0!important}
#driver[data-compact-driver]>.receiptCompactForm [id$=ScanStatus]{font-size:11px!important;line-height:1.2!important;margin:4px 0!important}
#driver[data-compact-driver]>.receiptCompactForm [id$=Status]:not([id$=ScanStatus]){font-size:10px!important;line-height:1.2!important;margin:4px 0!important}
#driver[data-compact-driver]>.receiptCompactForm .driverReceiptSendBar label{font-size:13px!important}
@media(max-height:650px){
#driver[data-compact-driver]>.receiptCompactForm .driverCardTitle{padding:7px 12px!important;margin-bottom:5px!important}
#driver[data-compact-driver]>.receiptCompactForm .driverCardTitle h3{font-size:16px!important}
#driver[data-compact-driver]>.receiptCompactForm [id$=ScanTop488]{margin:5px 0!important}
#driver[data-compact-driver]>.receiptCompactForm .mediaSelectedFile{padding:6px!important}
#driver[data-compact-driver]>.receiptCompactForm [id$=ScanStatus]{display:none!important}
#driver[data-compact-driver]>.receiptCompactForm .driverDieselGrid{gap:6px!important;margin:6px 0!important}
#driver[data-compact-driver]>.receiptCompactForm .field label{font-size:12px!important}
}
/* Leave extra vertical room at increased browser zoom as well as on phones. */
#driver[data-compact-driver]>.receiptCompactForm .driverCardTitle{padding:7px 12px!important;margin-bottom:5px!important}
#driver[data-compact-driver]>.receiptCompactForm .driverDieselGrid{gap:5px!important;margin:5px 0!important}
#driver[data-compact-driver]>.receiptCompactForm .field{gap:3px!important}
#driver[data-compact-driver]>.receiptCompactForm input:not([type=checkbox]):not([type=file]):not([type=hidden]),#driver[data-compact-driver]>.receiptCompactForm select{height:40px!important;min-height:40px!important;padding:7px 9px!important}
#driver[data-compact-driver]>.receiptCompactForm [id$=ScanTop488]{margin:5px 0!important}
#driver[data-compact-driver]>.receiptCompactForm [id$=ScanTop488]>.btn{min-height:40px!important;padding:6px 9px!important}
#driver[data-compact-driver]>.receiptCompactForm .mediaSelectedFile{padding:6px 9px!important}
#driver[data-compact-driver]>.receiptCompactForm .receiptMore:not(.receiptRecent){padding:4px 10px!important;margin:5px 0!important}
#driver[data-compact-driver]>.receiptCompactForm .receiptRecent{padding:5px 12px!important}
#driver[data-compact-driver]>.receiptCompactForm .driverReceiptSendBar{padding-top:6px!important;padding-bottom:max(6px,env(safe-area-inset-bottom))!important}
#driver[data-compact-driver]>.receiptCompactForm>.driverDieselCard{padding-bottom:5px!important}
/* Use spare phone height for the input rows instead of blank card space. */
@media(max-width:700px){
#driver[data-compact-driver]>.receiptCompactForm>.driverDieselCard{display:flex!important;flex-direction:column!important}
#driver[data-compact-driver]>.receiptCompactForm>.driverDieselCard>.driverCardTitle,
#driver[data-compact-driver]>.receiptCompactForm>.driverDieselCard>[id$=ScanTop488],
#driver[data-compact-driver]>.receiptCompactForm>.driverDieselCard>.driverDieselPhotoField,
#driver[data-compact-driver]>.receiptCompactForm>.driverDieselCard>.receiptMore,
#driver[data-compact-driver]>.receiptCompactForm>.driverDieselCard>.help{flex-shrink:0!important}
#driver[data-compact-driver]>.receiptCompactForm>.driverDieselCard>.driverDieselGrid{flex:1 0 auto!important;align-items:stretch!important;grid-auto-rows:minmax(64px,1fr)!important}
#driver[data-compact-driver]>.receiptCompactForm .driverDieselGrid>.field{display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
#driver[data-compact-driver]>.receiptCompactForm .driverDieselGrid>.field[hidden]{display:none!important}
#driver[data-compact-driver]>.receiptCompactForm .driverDieselGrid>.field>input:not([type=hidden]),
#driver[data-compact-driver]>.receiptCompactForm .driverDieselGrid>.field>select{flex:1 1 auto!important;height:auto!important;min-height:40px!important;max-height:none!important}
}
/* Receipt screens use the phone viewport; the profile remains on Home. */
@media(max-width:700px){
#driver[data-compact-driver]:has(>.receiptCompactForm.active){position:fixed!important;inset:0!important;height:var(--receipt-viewport-height,100dvh)!important;min-height:0!important;max-height:var(--receipt-viewport-height,100dvh)!important;padding:8px!important;margin:0!important;gap:6px!important;box-sizing:border-box!important}
#driver[data-compact-driver]:has(>.receiptCompactForm.active)>.compactHeader{display:none!important}
#driver[data-compact-driver]:has(>.receiptCompactForm.active)>.compactScreenBar{min-height:44px!important;margin:0!important;flex:0 0 44px!important}
#driver[data-compact-driver]:has(>.receiptCompactForm.active)>.receiptCompactForm.active{flex:1 1 0!important;min-height:0!important;max-height:none!important;height:auto!important}
#driver[data-compact-driver]>.receiptCompactForm .driverReceiptSendBar{margin-bottom:0!important}
}
/* Readable vehicle badge and minimum bottom spacing on receipt screens. */
#driver .receiptCompactForm #driverDieselVehicle,#driver .receiptCompactForm #driverTollVehicle{background:#fff1f2!important;color:#b91c1c!important;border:1px solid #fecdd3!important;font-weight:800!important;opacity:1!important}
@media(max-width:700px){
#driver[data-compact-driver]:has(>.receiptCompactForm.active){padding-bottom:0!important;gap:4px!important}
#driver[data-compact-driver]>.receiptCompactForm.active{gap:4px!important;margin-bottom:0!important;padding-bottom:0!important}
#driver[data-compact-driver]>.receiptCompactForm .driverReceiptSendBar{padding-bottom:max(4px,env(safe-area-inset-bottom))!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
}