/* Update 237: the selected order workspace, scoped away from editors/driver apps. */
.order-reference, a.order-reference:visited {
  display:inline-flex!important; align-items:center; justify-content:center;
  width:auto!important; min-width:70px; min-height:var(--ui-control-height,44px); height:var(--ui-control-height,44px); box-sizing:border-box; padding:0 12px!important;
  border:1px solid #cbdff5!important; border-radius:var(--desktop-corner-radius,8px)!important;
  background:#e7f2ff!important; color:#123b63!important;
  font:var(--oms-font-weight-label) var(--oms-font-sm)/1.35 var(--oms-font-family)!important;
  text-decoration:none!important; cursor:pointer; vertical-align:middle;
}
.order-reference:hover { background:#d5e9ff!important; border-color:#7faadb!important; }
.order-reference::after { content:""; display:block; width:14px; height:14px; margin-left:5px; background:currentColor; mask:url('/static/workspace-chevron.svg') center/contain no-repeat; }
.order-reference:focus-visible, .order-workspace :is(a,button,input,select):focus-visible { outline:3px solid var(--oms-focus-ring)!important; outline-offset:3px; }
.order-workspace :is(.btn.danger,#deleteRouteBtn):focus-visible { outline-color:var(--oms-action-danger-border)!important; }
.order-hub-link, .order-hub-link:visited { color:#123b63; text-decoration:none; }
.order-workspace { --workspace-line:#e1e8f0; font-size:var(--oms-font-base); padding-bottom:32px!important; }
.order-workspace:not(.login-body):has(.oms-sidebar) { background:#f5f8fc!important; }
.order-workspace:not(.login-body):has(.oms-sidebar) .topbar { padding:24px 28px!important; box-shadow:none!important; position:relative!important; background:#fff!important; }
.order-workspace .topbar h1 { font-size:var(--oms-font-xxl)!important; font-weight:var(--oms-font-weight-heading)!important; letter-spacing:-.02em!important; line-height:1.15; margin:4px 0 8px!important; }
.order-workspace .topbar p { font-size:14px!important; margin:0!important; }
.order-workspace .logged-operator { font-size:12px!important; padding:0!important; background:none!important; font-weight:600!important; }
.order-workspace:not(.login-body):has(.oms-sidebar) .wrap { max-width:1600px!important; padding:0 28px!important; margin:24px auto!important; }
.order-workspace .card { padding:22px!important; margin-bottom:20px!important; border-radius:var(--desktop-corner-radius,12px)!important; border:1px solid #dce5ee!important; box-shadow:none!important; }
.order-workspace h2 { font-size:var(--oms-font-xl)!important; font-weight:var(--oms-font-weight-heading)!important; letter-spacing:-.02em; margin:0 0 14px!important; }
.order-workspace .muted { color:#667c93!important; }
.order-workspace .btn { font-size:var(--oms-font-sm)!important; font-weight:var(--oms-font-weight-label)!important; border-radius:var(--oms-control-radius)!important; padding:10px 16px!important; min-height:var(--oms-control-h)!important; height:auto!important; line-height:1.15!important; white-space:normal!important; text-align:center!important; text-decoration:none!important; box-shadow:none!important; }
.order-workspace .btn.secondary { background:var(--oms-action-secondary)!important; color:var(--oms-action-primary)!important; border:1px solid var(--oms-action-secondary-border)!important; }
.order-workspace :is(.btn.primary,.btn.success) { background:var(--oms-action-primary)!important; color:#fff!important; border:1px solid var(--oms-action-primary)!important; }
.order-workspace .btn.danger { background:var(--oms-action-danger)!important; color:var(--oms-action-danger-text)!important; border:1px solid var(--oms-action-danger-border)!important; }
.order-workspace .btn:disabled { opacity:.5; cursor:not-allowed; }
.order-workspace input:not([type=checkbox]):not([type=radio]) { min-height:var(--oms-control-h)!important; padding:10px 14px!important; font-size:var(--oms-font-sm)!important; border-radius:var(--oms-control-radius)!important; border:1px solid var(--oms-border-strong)!important; box-shadow:none!important; }
.order-workspace select:not([multiple]):not([size]) { min-height:var(--oms-control-h)!important; height:var(--oms-control-h)!important; padding:0 44px 0 14px!important; font-size:var(--oms-font-sm)!important; border-radius:var(--oms-control-radius)!important; border:1px solid var(--oms-border-strong)!important; box-shadow:none!important; }
.order-workspace select:not([multiple]):not([size]):is(.field-error,[aria-invalid="true"]) { border-color:var(--oms-action-danger-border)!important; background-color:var(--oms-action-danger)!important; }
.order-workspace select:not([multiple]):not([size]):is(.field-error,[aria-invalid="true"]):focus-visible { outline-color:var(--oms-action-danger-border)!important; }
.order-workspace main a:not(.btn):not(.order-reference) { color:#173f67!important; text-decoration:none!important; }
.order-workspace main a:not(.btn):not(.order-reference):hover { text-decoration:underline!important; }
.workspace-hint { color:#697f98; font-size:13px; margin:0 0 18px; }
.workspace-list-head { display:grid; gap:18px; padding:13px 16px; background:#f3f6fa; border-bottom:1px solid var(--workspace-line); font-size:12px; font-weight:700; color:#344d68; }
.workspace-orders-head, .order-workspace .workspace-order-row { grid-template-columns:minmax(190px,1.2fr) minmax(118px,.7fr) minmax(170px,.9fr) minmax(205px,1.1fr) minmax(165px,.92fr); }
.order-workspace .orders-list { display:block!important; gap:0!important; }
.order-workspace .workspace-order-row { display:grid!important; gap:18px!important; padding:18px 16px!important; align-items:stretch!important; margin:0!important; border:0!important; border-bottom:1px solid var(--workspace-line)!important; border-radius:0!important; box-shadow:none!important; }
.order-workspace .workspace-order-row:hover { background:#f7faff!important; }
.workspace-order-cell { display:flex; flex-direction:column; gap:6px; min-width:0; font-size:13px; }
.workspace-order-cell .order-reference { align-self:flex-start; }
.workspace-order-cell > strong { font-size:14px; color:#192e43; overflow-wrap:anywhere; }
.workspace-order-cell small { font-size:12px; line-height:1.5; color:#6b7d90; }
.workspace-order-primary { gap:5px; }
.workspace-order-primary .order-reference { margin-bottom:2px; }
.workspace-note-count { align-self:flex-start; min-height:28px; padding:3px 9px; border:1px solid #d6e1ec; border-radius:999px; background:#fff; color:#123f70; font-size:11px; font-weight:650; cursor:pointer; }
.workspace-note-count:hover { background:#edf6ff; border-color:#82acd8; color:#123f70; }
.workspace-fulfilment-cell > span { color:#29415b; }
.workspace-fulfilment-cell > span strong { color:#142f4b; }
.workspace-order-cell .workspace-money { font-size:16px; white-space:nowrap; }
.workspace-money-due { color:#aa3138!important; }
.workspace-money-clear { color:#246e43!important; }
.workspace-progress { accent-color:#4b9868; width:100%; max-width:140px; height:6px; border:0; border-radius:4px; background:#e5ebf0; }
.workspace-progress::-webkit-progress-bar { background:#e5ebf0; border-radius:4px; }
.workspace-progress::-webkit-progress-value { background:#4b9868; border-radius:4px; }
.workspace-progress.is-complete::-webkit-progress-value { background:#31934f; }
.workspace-row-action { width:100%; min-height:var(--oms-control-h); margin-top:auto; padding:10px 14px; border:1px solid var(--oms-action-secondary-border); border-radius:var(--oms-control-radius); background:var(--oms-action-secondary); color:var(--oms-action-primary); font:var(--oms-font-weight-label) var(--oms-font-sm)/1.2 var(--oms-font-family); white-space:normal; cursor:pointer; }
.workspace-row-action:hover { background:var(--oms-action-secondary-hover); border-color:var(--oms-action-secondary-border); }
.workspace-fulfilment-cell,.workspace-payments-cell,.workspace-delivery-cell { padding-bottom:2px; }
.order-workspace :is(.btn.primary,.btn.success):hover:not(:disabled) { background:var(--oms-action-primary-hover)!important; border-color:var(--oms-action-primary-hover)!important; color:#fff!important; filter:none; }
.order-workspace .btn.secondary:hover:not(:disabled) { background:var(--oms-action-secondary-hover)!important; border-color:var(--oms-action-secondary-border)!important; color:var(--oms-action-primary)!important; filter:none; }
.order-workspace .btn.danger:hover:not(:disabled) { background:var(--oms-action-danger-hover)!important; border-color:var(--oms-action-danger-border)!important; color:var(--oms-action-danger-text)!important; filter:none; }
/* Keep the original delivery separate from later appointments. */
.workspace-delivery-cell { gap:10px; }
.workspace-delivery-completed,.workspace-delivery-booking,.workspace-followup-booking { display:flex; flex-direction:column; gap:6px; min-width:0; }
.workspace-delivery-completed > strong { display:flex; align-items:center; gap:8px; color:#246c42; font-size:14px; line-height:1.4; }
.workspace-delivery-icon { display:block; flex:none; width:17px; height:17px; }
.workspace-delivered-icon { display:grid; place-items:center; flex:none; width:19px; height:19px; border-radius:50%; background:#246c42; }
.workspace-delivered-icon img { width:14px; height:14px; filter:brightness(0) invert(1); }
.workspace-proof-link { display:inline-flex; align-items:center; align-self:flex-start; gap:8px; min-height:28px; padding:0; border:0; background:transparent; color:var(--oms-action-primary); font:inherit; text-align:left; cursor:pointer; }
.workspace-proof-link span { text-decoration:underline; text-underline-offset:2px; }
.workspace-proof-link:hover { color:var(--oms-action-primary-hover); background:transparent; }
.workspace-proof-link:focus-visible { outline:2px solid var(--oms-action-primary); outline-offset:3px; }
.workspace-followup-booking { border-top:1px solid var(--workspace-line); padding-top:10px; }
.workspace-followup-booking > strong,.workspace-delivery-booking > strong { font-size:14px; color:#192e43; }
.workspace-followup-booking .workspace-status { align-items:center; gap:6px; }
.workspace-followup-booking .workspace-status img { width:15px; height:15px; filter:invert(23%) sepia(56%) saturate(1610%) hue-rotate(326deg) brightness(85%) contrast(87%); }
.workspace-delivery-cell > :is(.workspace-delivery-booking,.workspace-followup-booking):last-child { flex:1; }
.workspace-delivery-cell .workspace-row-action { margin-top:auto; }
.workspace-order-legacy-actions { display:none!important; }
.workspace-dashboard-static-summary { color:inherit; text-decoration:none; }
.workspace-status { display:inline-flex; align-self:flex-start; color:#45637e; font-size:12px; font-weight:600; background:#edf3f9; border-radius:6px; padding:4px 8px; }
.workspace-status.tone-green { color:#246c42; background:#eaf5ed; }
.workspace-status.tone-yellow { color:#885e16; background:#fff5df; }
.workspace-status.tone-red { color:#a7333a; background:#fceced; }
.workspace-notes { padding:0; background:none; border:0; color:#57718c; font-size:12px; cursor:pointer; text-align:left; }
.workspace-tabs { display:flex; gap:8px; flex-wrap:wrap; margin:16px 0 20px; }
.workspace-tabs button { min-height:var(--oms-control-h); background:var(--oms-action-secondary); border:1px solid var(--oms-action-secondary-border); border-radius:var(--oms-control-radius); padding:10px 14px; font-size:var(--oms-font-sm); font-weight:var(--oms-font-weight-label); color:var(--oms-action-primary); cursor:pointer; }
.workspace-tabs button:hover { background:var(--oms-action-secondary-hover); }
.workspace-tabs button[aria-pressed=true] { background:var(--oms-action-secondary-hover); color:var(--oms-action-primary); border-color:var(--oms-action-primary); }
.order-workspace .order-options-wrap { min-width:0!important; width:auto!important; }
.order-workspace .order-options-menu { top:40px; min-width:220px; right:0; }
.order-workspace .orders-filter-row-main { align-items:center; }
.order-workspace .orders-filter-panel { margin-bottom:8px; }
.order-workspace .orders-list-count { font-size:12px; }
.order-workspace .workspace-service-row { display:grid!important; grid-template-columns:minmax(240px,2fr) minmax(100px,.75fr) minmax(150px,1fr) 115px; gap:24px!important; padding:22px 16px!important; border:0!important; border-bottom:1px solid var(--workspace-line)!important; border-radius:0!important; margin:0!important; box-shadow:none!important; }
.workspace-service-head { grid-template-columns:minmax(240px,2fr) minmax(100px,.75fr) minmax(150px,1fr) 115px; gap:24px; }
.workspace-service-title { font-size:15px; margin-bottom:8px; line-height:1.45; }
.workspace-service-order { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:9px; }
.workspace-service-meta { color:#6b8097; font-size:12px; overflow-wrap:anywhere; }
.order-workspace .service-latest-note { font-size:13px; color:#50687e; line-height:1.55; margin-top:6px; }
.order-workspace .service-filter-row { margin:16px 0; display:flex; align-items:end; gap:16px; }
.order-workspace .service-filter-row label { width:auto; min-width:180px; }
.order-workspace .supplier-history-list { gap:0!important; }
.order-workspace .supplier-history-row { padding:0!important; border:0!important; border-bottom:1px solid var(--workspace-line)!important; border-radius:0!important; box-shadow:none!important; }
.order-workspace .supplier-history-row > summary { display:grid!important; grid-template-columns:24px minmax(95px,.8fr) minmax(170px,1.3fr) minmax(140px,1.2fr) 60px 90px; gap:16px; align-items:center; padding:18px 12px!important; font-size:13px!important; }
.supplier-history-row > summary::before { content:""; width:16px; height:16px; background:currentColor; mask:url('/static/workspace-chevron.svg') center/contain no-repeat; }
.supplier-history-row[open] > summary::before { transform:rotate(90deg); }
.supplier-history-row > summary::marker, .supplier-history-row > summary::-webkit-details-marker { display:none; }
.workspace-supplier-customer { display:flex; flex-direction:column; align-items:start; gap:7px; }
.workspace-supplier-ref { display:flex; flex-direction:column; gap:6px; min-width:0; overflow-wrap:anywhere; }
.workspace-supplier-ref span { font-size:12px; color:#708298; }
.order-workspace .supplier-history-detail { background:#f4f8fc; border:0!important; border-radius:var(--desktop-corner-radius,8px); margin:0 12px 18px; padding:16px!important; font-size:13px; }
.order-workspace .supplier-history-detail ul { list-style:none; padding:0; margin:14px 0 0; }
.order-workspace .supplier-history-detail li { display:grid!important; grid-template-columns:70px minmax(0,1fr); gap:12px; padding:12px 0!important; border:0!important; border-top:1px solid #dce6ef!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
.order-workspace .supplier-history-item-lines { margin-top:6px; line-height:1.6; }
.workspace-supplier-head { grid-template-columns:24px minmax(95px,.8fr) minmax(170px,1.3fr) minmax(140px,1.2fr) 60px 90px; gap:16px; padding:13px 12px; }
.order-workspace .dashboard-grid { gap:16px!important; margin-bottom:20px; }
.order-workspace .dash-stat-card { border-radius:var(--desktop-corner-radius,10px)!important; padding:18px!important; box-shadow:none!important; }
.order-workspace .dash-stat-title { font-size:13px!important; }
.order-workspace .dash-stat-value { font-size:28px!important; margin-top:8px!important; }
.order-workspace .dashboard-sales-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:0!important; }
.order-workspace .dashboard-sales-box { border:0!important; border-right:1px solid #dfe6ee!important; border-radius:0!important; padding:6px 20px!important; box-shadow:none!important; }
.order-workspace .dashboard-sales-box:first-child { padding-left:0!important; }
.order-workspace .dashboard-sales-box:last-child { border-right:0!important; }
.order-workspace .dashboard-sales-box span { font-size:13px!important; }
.order-workspace .dashboard-sales-box strong { font-size:25px!important; }
.order-workspace .dashboard-sales-box em { font-size:14px!important; }
.workspace-dashboard-pair { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:20px; align-items:start; }
.workspace-dashboard-pair .card { min-width:0; }
.order-workspace .next-delivery-paid-up-item { padding:12px!important; border-radius:var(--desktop-corner-radius,8px)!important; font-size:14px!important; }
.order-workspace .next-delivery-paid-up-main { font-size:16px!important; }
.order-workspace .simple-list-row { border-radius:0!important; border:0!important; border-bottom:1px solid var(--workspace-line)!important; padding:14px 0!important; box-shadow:none!important; }
.order-workspace .simple-list { gap:0!important; }
.order-workspace .supplier-order-summary { text-decoration:none!important; color:#233e58!important; }
.order-workspace .supplier-order-summary span, .order-workspace .supplier-order-summary small { color:#697f94!important; }
.order-workspace .workspace-xero-row { display:grid!important; grid-template-columns:minmax(90px,.7fr) minmax(150px,1.3fr) 110px 110px minmax(150px,1.3fr); gap:16px; align-items:center; font-size:13px; }
.workspace-xero-head { grid-template-columns:minmax(90px,.7fr) minmax(150px,1.3fr) 110px 110px minmax(150px,1.3fr); gap:16px; padding-left:0; padding-right:0; }
.workspace-xero-context { font-size:12px; color:#6d8094; margin-top:6px; }
.order-workspace .declined-delivery-row { display:block!important; }
.order-workspace .declined-delivery-row .supplier-dashboard-actions { display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.order-workspace .declined-delivery-row .supplier-dashboard-btn { width:auto!important; min-width:0!important; }
.order-workspace .route-stops-table { font-size:13px!important; }
.order-workspace .route-stops-table th { background:#f3f6fa!important; font-size:12px!important; padding:12px 8px!important; }
.order-workspace .route-stops-table td { padding:16px 8px!important; border-bottom:1px solid #e1e8f0; }
.order-workspace .route-stops-table input { font-size:13px!important; padding:8px!important; min-height:38px!important; }
.order-workspace .route-table-wrap { overflow-x:auto!important; }
.order-workspace .route-stops-table { min-width:1280px!important; }
.order-workspace .route-stops-table input { min-width:60px!important; }
.order-workspace .route-stops-table :is(.travel-col,.time-col) input { min-width:82px!important; }
.order-workspace .route-stops-table .custom-slot-col input { min-width:78px!important; }
body.order-workspace.route-detail-page #routeStopsTable input.route-travel { width:88px!important; min-width:88px!important; }
.order-workspace .route-bottom-actions { gap:8px!important; padding-top:20px!important; flex-wrap:wrap!important; }
.order-workspace .route-bottom-actions .btn { min-width:0!important; }
.order-workspace #deleteRouteBtn { margin-left:auto!important; background:var(--oms-action-danger)!important; color:var(--oms-action-danger-text)!important; border:1px solid var(--oms-action-danger-border)!important; }
.order-workspace .van-space-summary { padding:8px 12px!important; border-radius:var(--desktop-corner-radius,8px)!important; font-size:14px!important; }
@media(max-width:1250px) {
  .workspace-dashboard-pair { grid-template-columns:1fr; gap:0; }
  .order-workspace .workspace-order-row, .workspace-orders-head { grid-template-columns:minmax(155px,1.1fr) 95px minmax(145px,.9fr) minmax(185px,1.15fr) minmax(145px,.9fr); gap:12px!important; }
  .workspace-service-head, .order-workspace .workspace-service-row { grid-template-columns:minmax(190px,1.5fr) 100px minmax(125px,1fr) 100px; gap:14px!important; }
  .order-workspace .workspace-xero-row, .workspace-xero-head { grid-template-columns:90px minmax(120px,1fr) 100px 100px 160px; gap:10px; }
}
@media(max-width:800px) {
  body.order-workspace:not(.login-body):has(.oms-sidebar) .topbar { padding:16px!important; gap:10px!important; }
  body.order-workspace:not(.login-body):has(.oms-sidebar) .wrap { padding:0 12px!important; margin:16px auto!important; }
  body.order-workspace .topbar .top-actions.page-actions { display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; width:100%!important; margin-top:8px!important; }
  body.order-workspace .topbar .top-actions .main-section-select { grid-column:1/-1; order:0!important; margin:0!important; }
  body.order-workspace .topbar .top-actions :is(.btn,.logout-btn) { order:1!important; min-height:var(--oms-control-h)!important; padding:10px 14px!important; font-size:var(--oms-font-sm)!important; width:auto!important; }
  body.order-workspace .topbar .top-actions .logout-btn { order:2!important; }
  body.order-workspace .topbar .top-actions.page-actions { grid-template-areas:none!important; }
  body.order-workspace .topbar .top-actions.page-actions > :is(a,button).btn { grid-area:auto!important; height:auto!important; min-height:var(--oms-control-h)!important; font-size:var(--oms-font-sm)!important; }
  body.order-workspace .topbar .top-actions.page-actions .main-section-select { grid-area:auto!important; grid-column:1/-1!important; }
  body.order-workspace .topbar .top-actions.page-actions select.section-menu { height:var(--oms-control-h)!important; min-height:var(--oms-control-h)!important; line-height:1.2!important; font-size:var(--oms-font-sm)!important; padding:0 44px 0 14px!important; }
  .order-workspace .wrap { padding:0 14px!important; }
  .order-workspace .topbar { padding:18px!important; }
  .order-workspace .card { padding:16px!important; }
  .order-workspace .workspace-list-head { display:none; }
  .order-workspace .workspace-order-row { grid-template-columns:1fr 1fr!important; gap:14px!important; padding:18px 4px!important; position:relative; }
  .workspace-order-cell:first-child { grid-column:1/-1; padding-right:0; }
  .workspace-order-cell[data-label]::before { content:attr(data-label); color:#6e8195; font-size:11px; font-weight:600; }
  .workspace-payments-cell,.workspace-delivery-cell { grid-column:1/-1; }
  .order-workspace .workspace-service-row { grid-template-columns:1fr auto!important; padding:18px 0!important; }
  .workspace-service-primary { grid-column:1/-1; }
  .workspace-service-updated { grid-column:1; }
  .order-workspace .workspace-service-row > a { grid-column:2; grid-row:2/4; align-self:center; }
  .order-workspace .supplier-history-row > summary { grid-template-columns:16px 1fr auto; gap:12px; padding:16px 0!important; }
  .workspace-supplier-date { grid-column:2; grid-row:2; font-size:12px; }
  .workspace-supplier-ref { grid-column:2; grid-row:3; }
  .workspace-supplier-open { display:none; }
  .order-workspace .dashboard-sales-grid { grid-template-columns:1fr 1fr!important; gap:18px!important; }
  .order-workspace .dashboard-sales-box { border:0!important; padding:0!important; }
  .order-workspace .workspace-xero-row { grid-template-columns:1fr 1fr!important; }
  .workspace-xero-row > :last-child { grid-column:1/-1; }
  .workspace-xero-row > [data-label]::before { content:attr(data-label) ": "; color:#6b8096; font-size:12px; }
  .order-workspace .service-filter-row { flex-wrap:wrap; }
  .order-workspace .workspace-tabs { gap:6px; }
  .order-workspace .workspace-tabs button { padding:9px 10px; font-size:var(--oms-font-sm); }
}