/* Large odometer controls in takeover, return and private-use forms. */
body.staff-driver input[name="kilometers"],body.staff-driver input[name="kilometersRepeated"],.vehicle-duty-dialog input[name="kilometers"],.vehicle-duty-dialog input[name="kilometersRepeated"]{width:100%;min-height:80px;padding:14px 16px;border:2px solid #557866;border-radius:14px;background:#fff;color:#102d20;font-size:36px;font-weight:750;line-height:1.2;letter-spacing:1px;font-variant-numeric:tabular-nums;box-shadow:inset 0 2px 5px #173e1f12}
body.staff-driver input[name="kilometers"]::placeholder,.vehicle-duty-dialog input[name="kilometers"]::placeholder{font-size:24px;font-weight:400;color:#64766b;letter-spacing:0}
.vehicle-duty-dialog{width:min(560px,calc(100% - 24px));max-width:560px;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:24px;border-radius:22px}
.vehicle-duty-dialog h2{font-size:26px;line-height:1.2;margin:0 0 14px}
.vehicle-duty-dialog label,.vehicle-duty-dialog .duty-km-label{font-size:18px;font-weight:650}
.vehicle-duty-dialog .duty-help{font-size:15px;line-height:1.4;color:#425b4c;margin:8px 0 14px}
.vehicle-duty-dialog button.primary,.vehicle-duty-dialog button.duty-no-drive{display:block;width:100%;min-height:60px;padding:14px 16px;font-size:18px;line-height:1.3;font-weight:700;white-space:normal;border-radius:13px;margin-top:12px}
.vehicle-duty-dialog button.duty-no-drive{background:#eef5ef;color:#174e34;border:2px solid #759984}
.vehicle-duty-dialog #duty-cancel{min-height:48px;font-size:17px}
.vehicle-duty-dialog .error-text{font-size:16px;line-height:1.4}
.vehicle-duty-dialog .error-text:empty,.vehicle-duty-dialog #duty-last:empty{display:none}
@media(max-width:650px){.vehicle-duty-dialog{left:50%;top:auto;bottom:max(12px,env(safe-area-inset-bottom));margin:0;transform:translateX(-50%);padding:22px}}
@media(max-width:360px){.vehicle-duty-dialog{padding:18px}.vehicle-duty-dialog h2{font-size:24px}.vehicle-duty-dialog button.primary,.vehicle-duty-dialog button.duty-no-drive{font-size:17px}}
/* Two large tactile fields. Numbers remain text for sharp rendering and screen readers. */
body.staff-driver .vehicle-duty-dialog .duty-raised-field{display:block;margin:20px 0;color:#233f32;font-size:17px}
body.staff-driver .vehicle-duty-dialog .duty-raised-field select,body.staff-driver .vehicle-duty-dialog .duty-raised-field input{appearance:auto;width:100%;height:96px;min-height:96px;margin-top:10px;padding:16px;border:1px solid #acbfb1;border-bottom:5px solid #8ca694;border-radius:18px;background:linear-gradient(155deg,#fff 5%,#edf4e9 78%,#dce9d8);color:#173f2c;box-shadow:0 8px 0 #d6e2d3,0 13px 20px #153e2518,inset 0 2px 0 #fff;font-size:clamp(28px,8.5vw,44px);font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:1px;text-shadow:0 1px 0 #fff,0 2px 1px #153c2526}
body.staff-driver .vehicle-duty-dialog .duty-raised-field input{font-size:clamp(44px,13vw,62px)}
body.staff-driver .vehicle-duty-dialog .duty-raised-field input::placeholder{font-size:inherit;color:#9aac9e;font-weight:750}
body.staff-driver .vehicle-duty-dialog .duty-raised-field select:focus,body.staff-driver .vehicle-duty-dialog .duty-raised-field input:focus{outline:3px solid #296e4b;outline-offset:4px}
.vehicle-duty-dialog #duty-release:empty{display:none}
.vehicle-duty-dialog button.primary{margin-top:28px}
.vehicle-duty-dialog .duty-vehicle-current{font-size:30px;font-weight:800}