.hq-bookings { min-width:0; border-top:1px solid #dce3eb; padding:14px 0; color:#344054; font-size:12px; letter-spacing:0; }
.hq-bookings [hidden],.hq-booking-dialog [hidden] { display:none !important; }
.hq-bookings-head { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; margin-bottom:10px; }
.hq-bookings-head h3 { margin:0; color:#172033; font-size:15px; line-height:1.5; letter-spacing:0; }
.hq-bookings-head > .hq-bookings-actions { margin-left:auto; }
.hq-bookings-count,.hq-bookings-muted { color:#667085; font-size:11px; line-height:1.6; }
.hq-bookings-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:6px; min-width:0; }
.hq-bookings .btn,.hq-booking-dialog .btn { flex:none; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.hq-bookings-form { padding:12px 0 16px; margin:0 0 12px; border-bottom:1px solid #dce3eb; }
.hq-booking-stepper { --booking-step-progress:0%; display:flex; align-items:center; gap:6px; margin:0 0 16px; padding:8px 10px; border:1px solid #e1e7ee; border-radius:6px; background:#f8fafc; }
.hq-booking-stepper button { position:relative; flex:1; min-width:0; padding:7px 4px; border:0; border-radius:4px; background:transparent; color:#667085; font:inherit; cursor:pointer; }
.hq-booking-stepper button.active { background:#e6f4f1; color:#08766c; font-weight:600; }
.hq-booking-stepper button.complete { color:#08766c; }
.hq-booking-stepper > span { color:#a7b1bf; }
.hq-booking-step { min-width:0; }
.hq-booking-plate-entry { display:grid !important; }
.hq-booking-step-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; margin:0 0 12px; color:#172033; }
.hq-booking-step-heading strong { font-size:14px; }
.hq-booking-step-heading span,.hq-booking-ocr-status { color:#667085; font-size:11px; }
.hq-booking-mode-switch { display:flex; gap:6px; margin:0 0 12px; }
.hq-booking-mode-switch button { padding:6px 12px; border:1px solid #d9e1ea; border-radius:4px; background:#fff; color:#526173; font:inherit; cursor:pointer; }
.hq-booking-mode-switch button.active { border-color:#08766c; background:#e6f4f1; color:#08766c; font-weight:600; }
.hq-booking-ocr-panel { display:flex; align-items:end; flex-wrap:wrap; gap:8px; margin:0 0 12px; padding:10px; border:1px dashed #c9d5e2; border-radius:6px; background:#fbfcfd; }
.hq-booking-upload { flex:1 1 180px; }
.hq-booking-upload input { min-height:34px; padding:5px; }
.hq-booking-review { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:4px; padding:10px; border:1px solid #e1e7ee; border-radius:6px; background:#f8fafc; }
.hq-booking-review > div { display:grid; gap:3px; min-width:0; }
.hq-booking-review strong { color:#172033; font-size:14px; }
.hq-booking-review span { color:#667085; overflow-wrap:anywhere; }
.hq-bookings-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
.hq-bookings label,.hq-booking-claim-path { display:grid; gap:5px; min-width:0; color:#526173; font-size:12px; line-height:1.5; }
.hq-bookings :is(input,select,textarea),.hq-booking-claim-path textarea { width:100%; min-width:0; min-height:36px; padding:7px 9px; border:1px solid #d9e1ea; border-radius:6px; background:#fff; color:#172033; font:inherit; }
.hq-bookings textarea,.hq-booking-claim-path textarea { resize:vertical; overflow-wrap:anywhere; }
.hq-bookings :is(input,select,textarea):focus-visible,.hq-booking-dialog :is(button,textarea):focus-visible { outline:2px solid #08766c; outline-offset:2px; }
.hq-bookings-wide { grid-column:span 2; }
.hq-bookings-filters { display:grid; grid-template-columns:minmax(180px,1.5fr) minmax(120px,1fr) minmax(150px,1fr); gap:10px; margin-bottom:12px; }
.hq-bookings-table { min-width:0; border-top:1px solid #dce3eb; }
.hq-bookings-row { display:grid; grid-template-columns:minmax(140px,1.2fr) minmax(130px,1.15fr) minmax(110px,.9fr) minmax(100px,auto); gap:10px; align-items:center; padding:11px 0; border-bottom:1px solid #e8edf2; }
.hq-bookings-row > div { min-width:0; }
.hq-bookings-row strong,.hq-bookings-row small,.hq-bookings-row div > span:not(.hq-bookings-status) { display:block; overflow-wrap:anywhere; }
.hq-bookings-row strong { margin-bottom:3px; color:#27364a; font-size:12px; font-weight:600; }
.hq-bookings-row small { margin:3px 0; color:#667085; font-size:11px; }
.hq-bookings-columns { color:#667085; font-size:11px; }
.hq-bookings-columns > span:last-child { text-align:right; }
.hq-bookings-status { display:inline-block; padding:3px 6px; border-radius:4px; font-size:11px; line-height:1.5; }
.hq-bookings-status.pending { background:#fff5e6; color:#9a5a05; }
.hq-bookings-status.accepted { background:#edf7f2; color:#087443; }
.hq-bookings-status.rejected,.hq-bookings-reason { color:#b42318; }
.hq-bookings-status.rejected { background:#fff0ee; }
.hq-bookings-message { margin:10px 0; color:#b42318; font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.hq-bookings-empty { padding:24px 12px; color:#8491a3; text-align:center; }
.hq-bookings-pager { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px; margin-top:10px; color:#667085; }
.hq-booking-dialog { width:min(520px,calc(100% - 24px)); max-height:calc(100dvh - 32px); padding:20px; border:1px solid #dce3eb; border-radius:8px; color:#344054; background:#fff; overflow:auto; font:13px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; }
.hq-booking-dialog::backdrop { background:rgba(16,24,40,.38); }
.hq-booking-dialog p { overflow-wrap:anywhere; }
.hq-booking-qr { display:block; width:240px; max-width:100%; aspect-ratio:1; object-fit:contain; margin:16px auto 0; }
#cashierAssistedBookings { margin:0 0 12px; padding:12px 0; }
#cashierAssistedBookings .hq-bookings-filters { grid-template-columns:minmax(0,1.5fr) minmax(110px,1fr); }
#cashierAssistedBookings .hq-bookings-row { grid-template-columns:minmax(105px,1fr) minmax(110px,1fr) minmax(90px,.8fr); }
#cashierAssistedBookings .hq-bookings-row > .hq-bookings-actions { grid-column:1/-1; }
#cashierAssistedBookings .hq-bookings-columns { display:none; }
#nationalDeliveryOperations[data-assisted-only="true"] :is([data-delivery-workspace-target]:not([data-delivery-workspace-target="owner"]):not([data-delivery-workspace-target="stations"]),#deliveryOrderFilters,#deliveryOwnerSummary,#deliveryOwnerOrderList,[data-delivery-panel="owner"] .delivery-capability-grid,[data-delivery-panel="owner"] .delivery-workspace-heading p,#deliveryOwnerNavCount,[data-delivery-panel="stations"] .delivery-workspace-heading p,#deliveryStationSummary,[data-delivery-panel="stations"] .delivery-scope-note,[data-delivery-panel="stations"] .delivery-capability-grid,#deliveryStationsNavCount) { display:none !important; }
#nationalDeliveryOperations[data-assisted-only="true"][data-assisted-bookings-allowed="false"] [data-delivery-workspace-target="owner"],#nationalDeliveryOperations[data-assisted-only="true"][data-station-access-allowed="false"] [data-delivery-workspace-target="stations"] { display:none !important; }
@media(max-width:1100px) { .hq-bookings-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } .hq-bookings-row { grid-template-columns:repeat(3,minmax(0,1fr)); } .hq-bookings-row > .hq-bookings-actions { grid-column:1/-1; } .hq-bookings-columns { display:none; } }
@media(max-width:560px) { .hq-bookings-fields,.hq-bookings-filters,#cashierAssistedBookings .hq-bookings-filters { grid-template-columns:1fr; } .hq-bookings-wide { grid-column:auto; } .hq-bookings-row,#cashierAssistedBookings .hq-bookings-row { grid-template-columns:repeat(2,minmax(0,1fr)); } .hq-bookings-row > div:nth-child(3) { grid-column:1/-1; } .hq-bookings-head > .hq-bookings-actions { margin-left:0; } .hq-bookings-head { align-items:flex-start; } .hq-booking-dialog { padding:16px; } }
@media(max-width:360px) { .hq-booking-stepper { gap:2px; padding-inline:4px; } .hq-booking-stepper > span { font-size:10px; } .hq-booking-stepper button { padding-inline:2px; font-size:11px; } .hq-booking-review { grid-template-columns:1fr; } }