.request-transport-review{display:grid;gap:16px;min-width:0;overflow-wrap:anywhere}.request-transport-review header,.request-transport-review form,.request-transport-review label{display:grid;gap:10px}.request-transport-review header strong{font-size:20px}.request-transport-review input:not([type=checkbox]),.request-transport-review textarea{width:100%;min-width:0;min-height:44px;box-sizing:border-box;background:var(--panel,#111e2a);color:var(--text,#e6edf2);border:1px solid var(--line,#30424d);border-radius:10px;padding:12px;font:inherit}.request-transport-review .check{display:flex;align-items:center;gap:12px}.request-transport-review input[type=checkbox]{width:24px;height:24px;flex:none}.request-transport-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.request-transport-lines{padding:0;list-style:none;display:grid;gap:12px}.request-transport-lines li{display:grid;gap:8px;padding:12px;border:1px solid var(--line,#30424d);border-radius:10px}.request-transport-review dl{display:grid;gap:12px}.request-transport-review dd{margin:4px 0 0}.request-transport-queue{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.request-transport-queue button{display:grid;gap:8px;text-align:left;min-height:64px}.request-transport-review button{min-height:44px}.request-transport-review :focus-visible{outline:2px solid #bce1fa;outline-offset:2px}.request-transport-review .actions{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:600px){.request-transport-columns{grid-template-columns:1fr}.request-transport-review .actions{display:grid}.request-transport-queue{grid-template-columns:1fr}}
.request-transport-review [data-request-line-reference]>summary{min-height:44px;padding-block:12px;box-sizing:border-box;cursor:pointer}

.trip-line{padding:16px;border:1px solid var(--line,#30424d);border-radius:12px;margin:12px 0;overflow-wrap:anywhere}.trip-line input,.trip-line select{min-height:44px;max-width:100%;box-sizing:border-box}

[data-yard-queue],#yard-out-form,#transport-trip-form{display:grid;gap:16px;min-width:0;overflow-wrap:anywhere}
.yard-request-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line,#30424d);border-radius:12px;background:var(--panel,#111e2a)}
.yard-request-card p,.yard-request-card h3{margin:0}.yard-request-card h3{font-size:18px}.yard-request-status{color:#bce1fa;font-weight:650;border-left:3px solid #bce1fa;padding:8px 12px;background:#bce1fa0c;border-radius:4px}.yard-request-line{border-top:1px solid var(--line,#30424d);padding-top:12px}.yard-request-quantities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.yard-request-quantities dt{font-size:12px;color:var(--muted,#a2b5c4)}.yard-request-quantities dd{font-size:18px;margin:4px 0 0;font-variant-numeric:tabular-nums}.yard-request-quantities small{font-size:12px}
#yard-out-form fieldset,#transport-trip-form fieldset{border:0;padding:0;min-width:0;display:grid;gap:16px}#yard-out-form .field,#transport-trip-form .field{display:grid;gap:8px}#yard-out-form input:not([type=checkbox]),#transport-trip-form input:not([type=checkbox]),#yard-out-form select,#transport-trip-form select,#yard-out-form textarea,#transport-trip-form textarea{width:100%;min-width:0;min-height:44px;font:inherit;color:var(--text,#e6edf2);background:var(--panel,#111e2a);border:1px solid var(--line,#30424d);padding:12px;border-radius:10px;box-sizing:border-box}
#yard-out-form .physical-confirm,#transport-trip-form .physical-confirm{display:flex;align-items:center;gap:12px;min-height:44px}#yard-out-form input[type=checkbox],#transport-trip-form input[type=checkbox]{width:24px;height:24px;flex:none}#yard-out-form button.primary,#transport-trip-form button.primary{min-height:52px}.trip-line{display:grid;gap:12px;margin:0}.trip-line p{margin:0}.trip-line strong{font-size:17px}#transport-trip-form :focus-visible,#yard-out-form :focus-visible,[data-yard-queue] :focus-visible{outline:2px solid #bce1fa;outline-offset:3px}@media(max-width:430px){.yard-request-quantities{grid-template-columns:repeat(2,minmax(0,1fr))}}

.yard-request-status.needs-review{color:#ffd995;border-color:#ffd995;background:#ffd9950c}

.trip-progress-partial{border-left:3px solid #ffd995}.trip-progress-partial>strong,.transport-status[class*=status-part-delivered]{color:#ffd995}

[data-yard-chat-setup],[data-yard-chat-form]{display:grid;gap:16px;min-width:0;overflow-wrap:anywhere}[data-yard-chat-form] .field{display:grid;gap:8px}[data-yard-chat-form] select{width:100%;min-width:0;min-height:44px}[data-yard-chat-form] .physical-confirm{display:flex;align-items:center;gap:12px;min-height:44px}[data-yard-chat-form] input[type=checkbox]{width:24px;height:24px;flex:none}[data-yard-chat-setup] :focus-visible{outline:2px solid #bce1fa;outline-offset:3px}

/* Keep ordinary driver completion compact; quantities only belong to Partial. */
#transport-trip-form [hidden]{display:none!important}
#transport-trip-form #trip-partial-lines{display:grid;gap:16px;min-width:0}
#transport-trip-form .trip-load-summary summary,#transport-trip-form .driver-completion-evidence summary{min-height:44px;padding-block:12px;cursor:pointer;box-sizing:border-box}
#transport-trip-form .trip-load-summary p{padding:8px 0;border-top:1px solid var(--line,#30424d)}
#transport-trip-form [data-trip-partial],#transport-trip-form [data-trip-full]{min-height:48px;width:100%;white-space:normal}
#transport-trip-form .trip-line small{color:var(--muted,#a2b5c4)}
#transport-trip-form input[type=hidden]{display:none}
#transport-trip-form .driver-completion-evidence{min-width:0}
.yard-request-details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;gap:8px}.yard-request-details>summary::before{content:'▸'}.yard-request-details[open]>summary::before{content:'▾'}.yard-request-details>p{padding:8px 0;overflow-wrap:anywhere}.yard-request-quantities-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.yard-request-card details:focus-within{border-radius:4px}.yard-request-card dd{overflow-wrap:anywhere}.yard-request-line>strong{overflow-wrap:anywhere}
#transport-trip-form,#transport-trip-form fieldset{align-content:start;grid-auto-rows:min-content}
#transport-trip-form{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
#transport-trip-form [data-trip-submit]{height:auto;min-height:52px;scroll-margin-bottom:12px}
#transport-trip-form [data-trip-error]:empty{display:none}
#dialog.driver-complete-dialog:has(#transport-trip-form){height:fit-content;min-height:0}
#transport-trip-form .physical-confirm,#transport-trip-form .field{margin:0}
#transport-trip-form .driver-completion-evidence{margin:0}
#transport-trip-form>p,#transport-trip-form [data-trip-full-summary]>p{margin:0 0 8px}

#transport-trip-form [data-trip-field-error]{color:var(--danger);font-size:14px;line-height:1.5}
#transport-trip-form [aria-invalid=true]{border-color:var(--danger)}
/* Keep focused delivery text readable in portrait, landscape and touch tablets.
   Do not constrain viewport scaling: users retain pinch zoom. */
#transport-trip-form input:not([type=checkbox]):not([type=hidden]):not([type=file]),#transport-trip-form select,#transport-trip-form textarea{font-size:max(16px,1rem)}
/* The visible viewport can shrink or pan without changing the CSS breakpoint.
   Keep this one form inside it in landscape and at the user's chosen zoom. */
#dialog.driver-complete-dialog[open]:has(#transport-trip-form){position:fixed!important;top:calc(var(--ux-vtop,0px) + 4px + env(safe-area-inset-top))!important;left:calc(var(--ux-vleft,0px) + var(--ux-vw,100vw)/2)!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;margin:0!important;width:min(720px,calc(var(--ux-vw,100vw) - 8px - env(safe-area-inset-left) - env(safe-area-inset-right)))!important;max-width:720px!important;max-height:calc(var(--ux-vh,100dvh) - 8px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;overflow:hidden!important}