#modal.compact-order-form{width:min(1000px,calc(100vw - 24px));max-height:94dvh}
#modal.compact-order-form .modal-head{padding:10px 16px}
#modal.compact-order-form .modal-head h2{font-size:19px}
#modal.compact-order-form .fields{padding:12px 16px;gap:10px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}
#modal.compact-order-form .fields>label{font-size:12px;gap:4px;min-width:0}
#modal.compact-order-form .fields input,#modal.compact-order-form .fields select{padding:7px 9px;min-height:36px;font-size:13px}
#modal.compact-order-form .fields textarea{padding:7px 9px;min-height:48px;font-size:13px}
#modal.compact-order-form .smart-select-trigger{min-height:36px;padding:6px 9px!important}
#modal.compact-order-form .smart-select-value strong{font-size:12px}
#modal.compact-order-form .smart-select-vehicle-number{min-height:24px;min-width:27px;font-size:14px}
#modal.compact-order-form .job-load-time-choice{min-height:36px;padding:6px 9px;font-size:11px}
#modal.compact-order-form .job-load-time-field>small{font-size:10px;line-height:1.3}
#modal.compact-order-form .job-travel-allowances,#modal.compact-order-form .works-order{padding:8px 10px;border-radius:6px}
#modal.compact-order-form .job-travel-allowances p{margin-bottom:6px;font-size:11px;line-height:1.3}
#modal.compact-order-form .job-travel-allowances output{margin-top:6px;font-size:12px}
#modal.compact-order-form .job-travel-allowances small{margin-top:4px;font-size:10px;line-height:1.3}
#modal.compact-order-form .works-order legend,#modal.compact-order-form .job-travel-allowances legend{font-size:12px}
#modal.compact-order-form .works-order-details{font-size:12px;line-height:1.3;margin:6px 0}
#modal.compact-order-form .works-order>small{font-size:10px;line-height:1.3}
#modal.compact-order-form .fleet-booking-hint,#modal.compact-order-form .preferred-driver-suggestion,#modal.compact-order-form .compact-range-info{padding:7px 10px;font-size:11px;line-height:1.35;margin:0}
#modal.compact-order-form .preferred-driver-suggestion button{min-height:32px;padding:5px 8px;font-size:11px}
#modal.compact-order-form .job-workflow-choice legend{font-size:12px;margin-bottom:5px}
#modal.compact-order-form .job-workflow-choice label{padding:8px;gap:7px}
#modal.compact-order-form .job-workflow-choice small{font-size:10px;margin-top:3px;line-height:1.3}
#modal.compact-order-form .modal-actions{padding:9px 16px;gap:7px}
@media(max-width:600px){#modal.compact-order-form .fields{grid-template-columns:1fr;padding:10px 12px}#modal.compact-order-form .fields input,#modal.compact-order-form .smart-select-trigger{min-height:42px}#modal.compact-order-form .job-load-time-choice{min-height:42px}}

/* Keep labels at their natural height, even next to truck tools and help text. */
#modal.compact-order-form .fields{align-items:start}
#modal.compact-order-form .fields>label{align-content:start}
#modal.compact-order-form{max-height:96dvh;overflow:hidden}
#modal.compact-order-form>#modalForm{display:flex;flex-direction:column;max-height:96dvh;overflow:hidden}
#modal.compact-order-form #modalFields{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
#modal.compact-order-form .modal-head,#modal.compact-order-form .modal-actions{flex:0 0 auto}
.order-sheet-tools{display:flex;gap:6px;margin-left:auto;margin-right:12px}
#modal.compact-order-form .order-sheet-tools button{padding:5px 8px;min-height:28px;font-size:11px}
.order-driver-clear{display:grid;justify-items:start;gap:2px;font-weight:400}
#modal.compact-order-form .order-driver-clear button{font-size:11px;min-height:26px;padding:4px 7px}
#modal.compact-order-form .order-driver-clear small{font-size:10px;color:#776a58;line-height:1.2}
#modal.compact-order-form .order-driver-clear [hidden]{display:none}
#modal.order-sheet-overview{width:min(1480px,calc(100vw - 20px))}
#modal.order-sheet-overview #modalFields{grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 12px;gap:7px 12px}
#modal.order-sheet-overview #modalFields>label.full{grid-column:auto}
#modal.order-sheet-overview #modalFields>label.order-field-notes{grid-column:span 2}
#modal.order-sheet-overview #modalFields>.job-workflow-choice{grid-column:span 2}
#modal.order-sheet-overview #modalFields>.works-order,#modal.order-sheet-overview #modalFields>.job-travel-allowances{grid-column:span 2}
#modal.order-sheet-overview .fields>label{font-size:11px;gap:3px}
#modal.order-sheet-overview .fields input,#modal.order-sheet-overview .fields select{min-height:30px;padding:5px 7px;font-size:12px}
#modal.order-sheet-overview .fields textarea{min-height:40px;height:40px;padding:5px 7px;font-size:12px}
#modal.order-sheet-overview .smart-select-trigger{min-height:30px;padding:4px 7px!important}
#modal.order-sheet-overview .smart-select-value strong{font-size:12px}
#modal.order-sheet-overview .smart-select-vehicle-number{min-height:22px;min-width:25px;font-size:13px}
#modal.order-sheet-overview .job-load-time-choice{min-height:30px;padding:4px 7px;font-size:10px}
#modal.order-sheet-overview .job-workflow-choice label{padding:5px 8px;align-items:center}
#modal.order-sheet-overview .job-workflow-choice input[type=radio]{min-height:16px;margin:0;padding:0}
#modal.order-sheet-overview .job-workflow-choice legend{margin-bottom:3px}
#modal.order-sheet-overview .works-order,#modal.order-sheet-overview .job-travel-allowances{padding:5px 8px;margin:0}
#modal.order-sheet-overview .works-order-details{font-size:11px;line-height:1.2;margin:3px 0;white-space:normal}
#modal.order-sheet-overview .fleet-booking-hint,#modal.order-sheet-overview .preferred-driver-suggestion{grid-column:1/-1;padding:5px 8px;font-size:11px;line-height:1.25}
#modal.order-sheet-overview .reassignment-form-tools{gap:2px;margin-top:3px}
#modal.order-sheet-overview .reassignment-form-tools button{padding:4px 7px;font-size:11px;min-height:26px}
#modal.order-sheet-overview .reassignment-form-tools small{font-size:10px;line-height:1.2}
#modal.order-sheet-overview:not(.order-sheet-help-visible) .compact-range-info,
#modal.order-sheet-overview:not(.order-sheet-help-visible) .job-workflow-choice small,
#modal.order-sheet-overview:not(.order-sheet-help-visible) .order-field-required_vehicle_kind>small,
#modal.order-sheet-overview:not(.order-sheet-help-visible) .job-load-time-field>small,
#modal.order-sheet-overview:not(.order-sheet-help-visible) .works-order>small,
#modal.order-sheet-overview:not(.order-sheet-help-visible) .job-travel-allowances>p,
#modal.order-sheet-overview:not(.order-sheet-help-visible) .job-travel-allowances>small{display:none}
@media(max-width:999px){#modal.order-sheet-overview #modalFields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#modal.order-sheet-overview #modalFields{grid-template-columns:1fr}#modal.order-sheet-overview #modalFields>label.order-field-notes,#modal.order-sheet-overview #modalFields>.works-order,#modal.order-sheet-overview #modalFields>.job-travel-allowances,#modal.order-sheet-overview #modalFields>.job-workflow-choice{grid-column:1/-1}#modal.compact-order-form .modal-head{flex-wrap:wrap;gap:6px}#modal.compact-order-form .modal-head h2{font-size:16px}.order-sheet-tools{order:3;width:100%;margin:0}#modal.compact-order-form .fields input,#modal.compact-order-form .smart-select-trigger{min-height:38px}}

#modal .order-assignment-missing .smart-select-trigger{border-color:#b33c33;background:#fff1ef;color:#a32f28}#planView .job.assignment-missing{box-shadow:inset 4px 0 #b33c33;background:#fff4f2}#planView .assignment-missing .assignment-missing-text{color:#a32f28;font-weight:700}