/* HayOrder 1.1.25: quiet order loading, elapsed status time and compact mobile header. */

/* The current filter state already gives immediate feedback. Do not flash the old top loading line. */
#orders-ajax-root.ho-orders-125.is-ajax-loading::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}

/* The timer below the amount measures the age of the current status. */
#orders-ajax-root.ho-orders-125 .ho122-card-countdown .ho122-status-elapsed{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:62px!important;
  min-height:28px!important;
  margin:0!important;
  padding:5px 9px!important;
  border:1px solid color-mix(in srgb,var(--status) 55%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--status) 15%,rgba(15,25,34,.82))!important;
  color:color-mix(in srgb,var(--status) 72%,#fff)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:.025em!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
body.theme-light #orders-ajax-root.ho-orders-125 .ho122-card-countdown .ho122-status-elapsed{
  background:color-mix(in srgb,var(--status) 9%,#fff)!important;
  color:color-mix(in srgb,var(--status) 78%,#17212b)!important;
}

@media(max-width:700px){
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-header-actions{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-template-rows:auto auto!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    gap:10px!important;
    width:100%!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-admin-chip{
    grid-column:1/-1!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-time-chip{
    grid-column:1/3!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    height:74px!important;
    min-height:74px!important;
    padding:10px 14px!important;
    gap:14px!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip{
    display:inline-flex!important;
    grid-column:3/7!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:74px!important;
    min-height:74px!important;
    padding:10px 16px!important;
    gap:14px!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-notification{
    display:grid!important;
    grid-column:1/2!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    height:72px!important;
    min-height:72px!important;
    margin:0!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-account{
    display:flex!important;
    grid-column:2/5!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    height:72px!important;
    min-height:72px!important;
    margin:0!important;
    padding:7px 12px 7px 7px!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-theme-switch{
    display:flex!important;
    grid-column:5/7!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    min-height:72px!important;
    margin:0!important;
    padding:5px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-theme-switch button{
    flex:1 1 50%!important;
    width:auto!important;
    min-width:0!important;
    height:58px!important;
    min-height:58px!important;
  }
}

@media(max-width:420px){
  .operator-premium-page .premium-topbar[data-ho-live-header]{padding:14px 12px!important}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-header-actions{gap:8px!important}
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-time-chip{
    padding:9px 10px!important;
    gap:9px!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip{
    padding:9px 11px!important;
    gap:9px!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-time-chip time,
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip strong{
    font-size:11.5px!important;
    line-height:1.3!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-date-chip strong{
    white-space:normal!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-account{
    gap:8px!important;
    padding-right:8px!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-account-avatar{
    flex-basis:42px!important;
    width:42px!important;
    height:42px!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-account>span:nth-child(2){
    display:grid!important;
    min-width:0!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-account strong{
    max-width:100%!important;
    font-size:12px!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-account small{font-size:10.5px!important}
}