/* HayOrder v1.1.66 – Statusfilter auf Desktop/Laptop in einer Reihe */

/* Desktop und Laptop: alle Statusfilter in einer einzigen Zeile */
body #orders-ajax-root.ho-orders-166 .ho122-status-nav,
body #orders-ajax-root.ho-orders-151 .ho122-status-nav{
  display:grid !important;
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  gap:7px !important;
  align-items:stretch !important;
}

body #orders-ajax-root.ho-orders-166 .ho122-status-filter,
body #orders-ajax-root.ho-orders-151 .ho122-status-filter{
  min-height:44px !important;
  padding:8px 9px !important;
  gap:6px !important;
  font-size:11px !important;
}

body #orders-ajax-root.ho-orders-166 .ho122-status-filter > span:nth-child(2),
body #orders-ajax-root.ho-orders-151 .ho122-status-filter > span:nth-child(2){
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

body #orders-ajax-root.ho-orders-166 .ho122-status-filter > strong,
body #orders-ajax-root.ho-orders-151 .ho122-status-filter > strong{
  min-width:22px !important;
  height:22px !important;
  padding:0 5px !important;
  font-size:10px !important;
}

body #orders-ajax-root.ho-orders-166 .ho122-filter-dot,
body #orders-ajax-root.ho-orders-151 .ho122-filter-dot{
  width:7px !important;
  height:7px !important;
}

/* Bis typische Laptopbreite weiterhin einreihig lassen */
@media (max-width: 1180px){
  body #orders-ajax-root.ho-orders-166 .ho122-status-nav,
  body #orders-ajax-root.ho-orders-151 .ho122-status-nav{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

/* Tablet */
@media (max-width: 900px){
  body #orders-ajax-root.ho-orders-166 .ho122-status-nav,
  body #orders-ajax-root.ho-orders-151 .ho122-status-nav{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

/* Handy */
@media (max-width: 700px){
  body #orders-ajax-root.ho-orders-166 .ho122-status-nav,
  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-166 .ho122-status-filter,
  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-166 .ho122-status-filter > span:nth-child(2),
  body #orders-ajax-root.ho-orders-151 .ho122-status-filter > span:nth-child(2){
    white-space:normal !important;
    line-height:1.15 !important;
  }
}