/* HayOrder 1.1.28: operational overview, order-detail hierarchy and workflow timing. */

/* The numeric badge remains the notification marker; remove the second green point. */
.operator-premium-page .premium-notification.has-new:after{display:none!important;content:none!important}

/* Overview: upcoming pickups replace the static business-status card. */
.operator-premium-page .premium-dashboard .home-pickups{min-height:288px}
.operator-premium-page .home-pickup-list{display:grid;gap:0;margin-top:4px}
.operator-premium-page .home-pickup-list>a{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:51px;padding:8px 2px;border-bottom:1px solid var(--premium-outline);color:var(--text);text-decoration:none}
.operator-premium-page .home-pickup-list>a:last-child{border-bottom:0}
.operator-premium-page .home-pickup-list>a:hover{background:color-mix(in srgb,var(--premium-panel-soft) 74%,transparent)}
.operator-premium-page .home-pickup-list time{display:grid;gap:1px;font-variant-numeric:tabular-nums}
.operator-premium-page .home-pickup-list time strong{font-size:14px;line-height:1.1}
.operator-premium-page .home-pickup-list time small,.operator-premium-page .home-pickup-list>a>span:nth-child(2)>small{color:var(--premium-soft);font-size:9.5px;line-height:1.25}
.operator-premium-page .home-pickup-list>a>span:nth-child(2){display:grid;gap:2px;min-width:0}
.operator-premium-page .home-pickup-list>a>span:nth-child(2)>strong{overflow:hidden;font-size:11.5px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.operator-premium-page .home-pickup-list .pill{font-size:9px;white-space:nowrap}
.operator-premium-page .home-pickups-empty{display:grid;place-items:center;align-content:center;gap:8px;min-height:190px;text-align:center}
.operator-premium-page .home-pickups-empty>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--premium-outline);border-radius:12px;color:var(--premium-gold);background:var(--premium-panel-soft)}
.operator-premium-page .home-pickups-empty .icon{width:20px;height:20px}
.operator-premium-page .home-pickups-empty strong{font-size:13px}.operator-premium-page .home-pickups-empty small{color:var(--premium-soft);font-size:11px}

/* Filters: pickup time is now part of the sorting choice. */
#orders-ajax-root.ho-orders-127 .ho122-filter-form{grid-template-columns:minmax(280px,1.7fr) minmax(150px,.68fr) minmax(225px,1fr) auto auto!important}
#orders-ajax-root.ho-orders-127 .ho128-sort-field select{min-width:0!important}

/* Status clocks use the configured warning threshold. */
#orders-ajax-root.ho-orders-127 .ho122-status-elapsed.is-overdue{color:#ff8292!important}
#orders-ajax-root.ho-orders-127 .ho127-fact-elapsed:has(.is-overdue){background:color-mix(in srgb,#ed6675 9%,transparent)!important}

/* Order details: compact summary instead of the tall date block. */
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho54-detail-grid{grid-template-columns:minmax(0,1fr) 255px minmax(0,1.08fr)!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho128-order-summary{display:block!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho128-summary-card{display:grid!important;align-content:stretch!important;padding:0!important;overflow:hidden!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho128-summary-row{display:grid!important;grid-template-columns:minmax(78px,.75fr) minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:72px!important;padding:12px 14px!important;border-bottom:1px solid var(--detail-line)!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho128-summary-row:last-child{border-bottom:0!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho128-summary-row>span{color:#9ba9b6!important;font-size:8.5px!important;font-weight:760!important;letter-spacing:.105em!important;text-transform:uppercase!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho128-summary-row>div{display:grid!important;gap:4px!important;min-width:0!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho128-summary-row strong{color:#f3f6f9!important;font-size:15px!important;line-height:1.1!important;font-weight:720!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho128-summary-row small{color:#93a2af!important;font-size:9px!important;line-height:1.25!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho128-summary-row .ho54-total{color:color-mix(in srgb,var(--detail-accent) 52%,white)!important;font-size:20px!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho128-summary-row .ho122-status-elapsed.is-overdue{color:#ff8292!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho128-summary-row:has(.is-overdue){background:rgba(126,44,57,.16)!important}

/* Products stay on one readable row on phones, with the price at the right edge. */
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho-order-product{grid-template-columns:38px minmax(0,1fr) auto!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho56-product-price{grid-column:3!important;justify-self:end!important;align-self:center!important;text-align:right!important}

/* Five workflow steps use a calm two-row grid. */
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho54-timeline{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* Actions are grouped tightly; primary action is green, cancellation is clearly red. */
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho68-modal-footer{grid-template-columns:minmax(0,1fr)!important;padding:11px 16px!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho68-action-caption{display:none!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho68-footer-buttons{justify-content:center!important;gap:8px!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho-action-accept{border-color:#29c77a!important;color:#062817!important;background:linear-gradient(135deg,#50e59b,#2bc77b)!important;box-shadow:0 8px 20px rgba(43,199,123,.16)!important}
body #orders-ajax-root.ho-orders-127 .ho124-detail .ho54-cancel{border-color:#e36c79!important;color:#fff4f5!important;background:linear-gradient(135deg,#a74350,#87343f)!important;box-shadow:none!important}

/* Settings tile for the configurable warning time. */
.ho-settings .ho-workflow-panel{scroll-margin-top:18px}
.ho-settings .ho-settings-tabs{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.ho-settings .ho-overdue-setting{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,210px);align-items:center;gap:18px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.ho-settings .ho-overdue-copy{display:grid;gap:5px}.ho-settings .ho-overdue-copy strong{font-size:14px;line-height:1.25}.ho-settings .ho-overdue-copy small{color:var(--muted);font-size:11px;line-height:1.45}
.ho-settings .ho-overdue-setting .ho-field{margin:0!important}.ho-settings .ho-overdue-setting select{font-weight:720;font-variant-numeric:tabular-nums}
.ho-settings .ho-workflow-preview{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-top:13px}
.ho-settings .ho-workflow-preview>span{display:grid;gap:5px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.ho-settings .ho-workflow-preview small{color:var(--muted);font-size:9px;font-weight:760;letter-spacing:.09em;text-transform:uppercase}.ho-settings .ho-workflow-preview strong{font-size:18px;font-variant-numeric:tabular-nums}.ho-settings .ho-workflow-preview>i{color:var(--muted);font-style:normal}.ho-settings .ho-workflow-preview .is-late{border-color:rgba(227,108,121,.5);color:#ff8d99;background:rgba(127,46,58,.16)}

@media(max-width:1000px){
  body #orders-ajax-root.ho-orders-127 .ho124-detail .ho54-detail-grid{grid-template-columns:minmax(0,1fr) 240px!important}
  #orders-ajax-root.ho-orders-127 .ho122-filter-form{grid-template-columns:minmax(0,1fr) minmax(150px,.55fr) minmax(210px,.8fr) auto!important}
}
@media(max-width:1500px){.ho-settings .ho-settings-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){
  .operator-premium-page .premium-dashboard .home-pickups{min-height:0}
  #orders-ajax-root.ho-orders-127 .ho122-filter-form{grid-template-columns:minmax(0,1fr)!important}
  body #orders-ajax-root.ho-orders-127 .ho124-detail .ho54-detail-grid{grid-template-columns:minmax(0,1fr)!important}
  body #orders-ajax-root.ho-orders-127 .ho124-detail .ho128-order-summary{grid-template-columns:minmax(0,1fr)!important}
  body #orders-ajax-root.ho-orders-127 .ho124-detail .ho54-timeline{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body #orders-ajax-root.ho-orders-127 .ho124-detail .ho-timeline-event{display:flex!important;min-height:82px!important}
  body #orders-ajax-root.ho-orders-127 .ho124-detail .ho68-footer-buttons{display:flex!important;flex-wrap:wrap!important}
  body #orders-ajax-root.ho-orders-127 .ho124-detail .ho68-footer-buttons form:first-child{grid-column:auto!important}
  body #orders-ajax-root.ho-orders-127 .ho124-detail .ho68-footer-buttons button{width:auto!important;min-width:138px!important}
  .ho-settings .ho-overdue-setting{grid-template-columns:minmax(0,1fr)!important}.ho-settings .ho-workflow-preview{grid-template-columns:minmax(0,1fr)!important}.ho-settings .ho-workflow-preview>i{display:none}
  .ho-settings .ho-settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){
  .operator-premium-page .home-pickup-list>a{grid-template-columns:52px minmax(0,1fr)!important}.operator-premium-page .home-pickup-list .pill{grid-column:2;justify-self:start}
  body #orders-ajax-root.ho-orders-127 .ho124-detail .ho-order-product{grid-template-columns:34px minmax(0,1fr) auto!important;gap:8px!important}
  body #orders-ajax-root.ho-orders-127 .ho124-detail .ho54-timeline{grid-template-columns:minmax(0,1fr)!important}
  body #orders-ajax-root.ho-orders-127 .ho124-detail .ho68-footer-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body #orders-ajax-root.ho-orders-127 .ho124-detail .ho68-footer-buttons form{min-width:0!important}
  body #orders-ajax-root.ho-orders-127 .ho124-detail .ho68-footer-buttons button{width:100%!important;min-width:0!important}
}
@media(prefers-reduced-motion:reduce){.operator-premium-page .home-pickup-list>a{transition:none!important}}