/* HayOrder v1.1.51 – Bestellungen als echte LIVE-Arbeitsseite. */

/* Titel: klare LIVE-Kennzeichnung ohne zusätzliche große UI-Fläche. */
body #orders-ajax-root.ho-orders-151 .ho122-page-head h2{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
body #orders-ajax-root.ho-orders-151 .ho151-live-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:28px!important;
  padding:5px 10px!important;
  border:1px solid rgba(52,213,142,.30)!important;
  border-radius:999px!important;
  background:rgba(52,213,142,.09)!important;
  color:#75e6b0!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body #orders-ajax-root.ho-orders-151 .ho151-live-badge i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#36d58e!important;
  box-shadow:0 0 10px rgba(54,213,142,.72)!important;
}

/* Sieben operative Live-Statusfelder. */
body #orders-ajax-root.ho-orders-151 .ho122-status-nav{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:8px!important;
}
body #orders-ajax-root.ho-orders-151 .ho122-status-filter{
  min-height:50px!important;
  padding:9px 10px!important;
}
body #orders-ajax-root.ho-orders-151 .ho122-status-filter.is-pickup{--filter-color:#32cce9!important}
body #orders-ajax-root.ho-orders-151 .ho122-status-filter>span:nth-child(2){
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* Live-Seite bleibt operativ: Suche + Sortierung, keine historische Zeitraumleiste. */
body #orders-ajax-root.ho-orders-151 .ho151-live-filter-form{
  grid-template-columns:minmax(300px,1.7fr) minmax(190px,.72fr) auto auto!important;
}
body #orders-ajax-root.ho-orders-151 .ho151-live-results{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:0!important;
}
body #orders-ajax-root.ho-orders-151 .ho151-live-results>strong{
  margin-right:4px!important;
  color:var(--ho122-text)!important;
  font-size:12px!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
}

/* Responsive: Statusleiste bleibt sauber lesbar und touchfreundlich. */
@media(max-width:1540px){
  body #orders-ajax-root.ho-orders-151 .ho122-status-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1050px){
  body #orders-ajax-root.ho-orders-151 .ho122-status-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body #orders-ajax-root.ho-orders-151 .ho151-live-filter-form{grid-template-columns:minmax(0,1fr) minmax(190px,.42fr) auto!important}
  body #orders-ajax-root.ho-orders-151 .ho151-live-filter-form .ho122-filter-reset{grid-column:1/-1!important;justify-self:start!important}
}
@media(max-width:700px){
  body #orders-ajax-root.ho-orders-151 .ho122-page-head h2{gap:9px!important}
  body #orders-ajax-root.ho-orders-151 .ho151-live-badge{min-height:25px!important;padding:4px 9px!important;font-size:9px!important}
  body #orders-ajax-root.ho-orders-151 .ho122-status-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:8px!important}
  body #orders-ajax-root.ho-orders-151 .ho122-status-filter{min-height:48px!important;padding:8px 9px!important;font-size:11px!important}
  body #orders-ajax-root.ho-orders-151 .ho122-status-filter>span:nth-child(2){white-space:normal!important;line-height:1.15!important}
  body #orders-ajax-root.ho-orders-151 .ho151-live-filter-form{grid-template-columns:minmax(0,1fr)!important}
  body #orders-ajax-root.ho-orders-151 .ho151-live-filter-form .ho122-filter-submit,
  body #orders-ajax-root.ho-orders-151 .ho151-live-filter-form .ho122-filter-reset{width:100%!important;justify-self:stretch!important;grid-column:auto!important}
}
@media(max-width:390px){
  body #orders-ajax-root.ho-orders-151 .ho122-status-filter{font-size:10.5px!important}
  body #orders-ajax-root.ho-orders-151 .ho122-status-filter>strong{min-width:24px!important;height:24px!important;padding-inline:5px!important}
}