/* HayOrder 1.1.26: order details, time filters, notifications and company tiles. */

/* Keep the real dialog above its backdrop. The v1.1.24 detail layer was lower than the old backdrop. */
body #ho59-order-backdrop.ho59-order-backdrop{z-index:2200!important}
body #orders-ajax-root.ho-orders-126.ho59-modal-ready .ho124-detail:not([hidden]){
  z-index:2201!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
}

/* A newly arrived order moves the bell briefly; its highlighted state and badge remain afterwards. */
.operator-premium-page .premium-notification.has-new{
  border-color:color-mix(in srgb,var(--success) 70%,var(--line))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--success) 18%,var(--surface)),var(--surface))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 8%,transparent),0 8px 22px rgba(0,0,0,.16)!important;
}
.operator-premium-page .premium-notification.has-new>.icon{color:var(--success)!important;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--success) 45%,transparent))}
.operator-premium-page .premium-notification.has-new:after{
  content:"";position:absolute;left:8px;bottom:8px;width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 14%,transparent);
}
.operator-premium-page .premium-notification.is-ringing>.icon{animation:ho60-bell-rock 1s cubic-bezier(.36,.07,.19,.97) 1!important;transform-origin:50% 8%}
@keyframes ho60-bell-rock{0%,100%{transform:rotate(0)}10%{transform:rotate(-20deg)}20%{transform:rotate(18deg)}30%{transform:rotate(-15deg)}40%{transform:rotate(13deg)}52%{transform:rotate(-10deg)}64%{transform:rotate(7deg)}78%{transform:rotate(-4deg)}90%{transform:rotate(2deg)}}

/* Accepted orders always use the green confirmation treatment. */
body.operator-premium-page .ajax-toast.success.order-accepted-toast{
  background:linear-gradient(135deg,#103a28,#174c35)!important;border-color:#39da87!important;color:#edfff5!important;
  box-shadow:0 14px 42px rgba(0,0,0,.38),0 0 0 3px rgba(57,218,135,.08)!important;
}

/* Order filter: add a pickup-time range without making the controls cramped. */
#orders-ajax-root.ho-orders-126 .ho122-filter-form{
  grid-template-columns:minmax(250px,1.55fr) minmax(140px,.68fr) minmax(118px,.52fr) minmax(118px,.52fr) minmax(170px,.78fr) auto auto!important;
}
#orders-ajax-root.ho-orders-126 .ho126-time-field input{font-variant-numeric:tabular-nums}
@media(max-width:1480px){
  #orders-ajax-root.ho-orders-126 .ho122-filter-form{grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(125px,.62fr))!important}
  #orders-ajax-root.ho-orders-126 .ho122-filter-form>.ho122-field:nth-of-type(5){grid-column:1/3}
  #orders-ajax-root.ho-orders-126 .ho122-filter-submit{grid-column:3}
  #orders-ajax-root.ho-orders-126 .ho122-filter-reset{grid-column:4;align-self:end;height:44px!important;justify-self:stretch!important}
}
@media(max-width:900px){
  #orders-ajax-root.ho-orders-126 .ho122-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #orders-ajax-root.ho-orders-126 .ho122-search{grid-column:1/-1!important}
  #orders-ajax-root.ho-orders-126 .ho122-filter-form>.ho122-field:nth-of-type(5){grid-column:1/-1}
  #orders-ajax-root.ho-orders-126 .ho122-filter-submit{grid-column:auto}
  #orders-ajax-root.ho-orders-126 .ho122-filter-reset{grid-column:auto}
}
@media(max-width:560px){
  #orders-ajax-root.ho-orders-126 .ho122-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #orders-ajax-root.ho-orders-126 .ho122-search,
  #orders-ajax-root.ho-orders-126 .ho122-filter-form>.ho122-field:nth-of-type(2),
  #orders-ajax-root.ho-orders-126 .ho122-filter-form>.ho122-field:nth-of-type(5){grid-column:1/-1!important}
}

/* Company page: the section chooser is a set of clear, responsive navigation cards. */
.company-v126{--company126-line:color-mix(in srgb,var(--line) 88%,var(--accent));--company126-soft:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.company-v126 .company-hero-compact{
  grid-template-columns:minmax(0,1fr) auto!important;gap:22px!important;padding:22px 24px!important;margin:0!important;
  border:1px solid var(--company126-line)!important;border-radius:18px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 95%,var(--accent)),var(--surface))!important;
}
.company-v126 .company-hero-mark{display:none!important}
.company-v126 .company-hero-compact h2{margin:6px 0 7px!important;font-size:clamp(28px,3vw,40px)!important;line-height:1.05!important;font-weight:760!important;letter-spacing:-.045em!important}
.company-v126 .company-hero-compact p{max-width:760px!important;font-size:13px!important;line-height:1.55!important}
.company-v126 .company-hero-compact>.button{align-self:center!important;min-height:46px!important;padding:10px 17px!important;border-radius:12px!important;font-size:12px!important}
.company-v126 .company-tile-nav{
  position:relative!important;top:auto!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;margin:14px 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
.company-v126 .company-tile-nav>a{
  position:relative!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;justify-content:initial!important;
  min-height:76px!important;padding:13px 14px!important;gap:11px!important;border:1px solid var(--company126-line)!important;border-radius:15px!important;
  color:var(--text)!important;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--bg)))!important;box-shadow:0 8px 22px rgba(0,0,0,.08)!important;text-align:left!important;white-space:normal!important;
}
.company-v126 .company-tile-nav>a:hover{border-color:color-mix(in srgb,var(--accent) 65%,var(--line))!important;transform:translateY(-1px)}
.company-v126 .company-tile-nav>a.is-active,.company-v126 .company-tile-nav>a[aria-current=location]{
  border-color:var(--accent)!important;background:linear-gradient(145deg,var(--company126-soft),var(--surface))!important;box-shadow:inset 3px 0 0 var(--accent),0 10px 28px rgba(0,0,0,.11)!important;
}
.company-v126 .company-tile-icon{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:12px!important;background:color-mix(in srgb,var(--accent) 12%,var(--bg))!important;color:var(--accent)!important}
.company-v126 .company-tile-icon .icon{width:19px!important;height:19px!important;color:inherit!important}
.company-v126 .company-tile-copy{display:grid!important;gap:3px!important;min-width:0!important}
.company-v126 .company-tile-copy strong{font-size:12px!important;line-height:1.25!important;font-weight:760!important;color:var(--text)!important}
.company-v126 .company-tile-copy small{font-size:10px!important;line-height:1.35!important;font-weight:520!important;color:var(--muted)!important;overflow-wrap:anywhere!important}
.company-v126 .company-tile-nav>a>em{align-self:start!important;font-size:9px!important;font-style:normal!important;font-weight:800!important;letter-spacing:.1em!important;color:var(--muted)!important}
.company-v126 .company-panel{
  padding:24px!important;border:1px solid var(--company126-line)!important;border-radius:18px!important;
  background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 97%,var(--accent)),var(--surface))!important;box-shadow:0 14px 38px rgba(0,0,0,.09)!important;
}
.company-v126 .company-section-head{margin-bottom:20px!important;padding-bottom:17px!important;border-bottom:1px solid var(--line)!important;align-items:flex-start!important}
.company-v126 .company-section-head h3{margin:5px 0 4px!important;font-size:clamp(20px,2vw,25px)!important;line-height:1.15!important;font-weight:745!important;letter-spacing:-.03em!important}
.company-v126 .company-section-head p{font-size:12px!important;line-height:1.5!important}
.company-v126 .company-section-icon{width:44px!important;height:44px!important;border-radius:12px!important;background:var(--company126-soft)!important;color:var(--accent)!important}
.company-v126 .company-contact-fields{gap:12px!important}
.company-v126 .company-contact-row{grid-template-columns:122px minmax(0,1fr) 108px!important;gap:14px!important;min-height:46px!important}
.company-v126 .company-contact-row>label:first-child{font-size:12px!important}
.company-v126 .company-contact-row>input{height:42px!important;min-height:42px!important;padding:7px 12px!important;border-radius:10px!important;font-size:12px!important}
.company-v126 .company-map-illustration{height:260px!important;border-radius:14px!important}
.company-v126 .company-map-overlay{min-height:66px!important;padding:12px 15px!important}
.company-v126 .company-modern-fields input,.company-v126 .company-modern-fields select,.company-v126 #company-location>.company-field input{min-height:42px!important;border-radius:10px!important}
.company-v126 .company-sticky-save{bottom:10px!important;padding:12px 16px!important;border-radius:14px!important;background:color-mix(in srgb,var(--surface) 97%,var(--bg))!important;box-shadow:0 16px 42px rgba(0,0,0,.26)!important}
.company-v126 .company-sticky-save button{min-height:43px!important;height:43px!important;border-radius:11px!important;padding:7px 18px!important}
@media(max-width:1280px){.company-v126 .company-tile-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:850px){
  .company-v126 .company-hero-compact{grid-template-columns:minmax(0,1fr)!important;padding:19px!important}
  .company-v126 .company-hero-compact>.button{width:100%!important;justify-content:center!important}
  .company-v126 .company-tile-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .company-v126 .company-panel{padding:18px!important}
}
@media(max-width:600px){
  .company-v126 .company-hero-compact{padding:16px!important;border-radius:15px!important}
  .company-v126 .company-hero-compact h2{font-size:29px!important}
  .company-v126 .company-tile-nav{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  .company-v126 .company-tile-nav>a{min-height:66px!important;padding:10px 12px!important}
  .company-v126 .company-panel{padding:15px!important;border-radius:15px!important}
  .company-v126 .company-contact-row{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}
  .company-v126 .company-contact-row>input{grid-column:1/-1!important}
  .company-v126 .company-map-illustration{height:220px!important}
}
@media(prefers-reduced-motion:reduce){.operator-premium-page .premium-notification.is-ringing>.icon{animation:none!important}.company-v126 .company-tile-nav>a{transition:none!important}}