/* HayOrder v1.1.59 – Produkte/Countdown exakt ausgerichtet + Icons */

/* Die obere Status-/Produkte-Zeile nutzt exakt dieselbe Spaltenaufteilung wie darunter. */
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-status-row{
  grid-template-columns:minmax(0,1fr) minmax(118px,.62fr)!important;
  align-items:stretch!important;
  gap:0!important;
  padding:0!important;
}
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-status-column,
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho155-product-column{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:76px!important;
  gap:8px!important;
  margin:0!important;
  text-align:left!important;
}
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-status-column{
  padding:12px 13px!important;
}
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho155-product-column{
  justify-self:stretch!important;
  align-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  padding:12px 13px!important;
  border-left:1px solid rgba(116,141,164,.18)!important;
}

/* Einheitliche Ueberschriften mit Icon – gleiche Typografie fuer alle vier Bereiche. */
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-status-column>small,
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho155-product-column>small,
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-received>small,
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-countdown>small{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  color:#b7c5d0!important;
  font-family:inherit!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:.085em!important;
  text-align:left!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
body #orders-ajax-root.ho-orders-159 .ho122-order-card :is(.ho155-product-column>small,.ho154-received>small,.ho154-countdown>small) .icon{
  width:12px!important;
  height:12px!important;
  flex:0 0 12px!important;
  color:var(--status)!important;
}

/* Status- und Produkte-Badge: gleiche Hoehe, Typografie und Innenabstaende. */
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho122-status,
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-product-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-self:flex-start!important;
  justify-self:start!important;
  min-height:34px!important;
  height:34px!important;
  margin:0!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  font-family:inherit!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-product-count{
  gap:7px!important;
}
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-product-count>span{
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  margin:0!important;
}
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-product-count svg{
  width:11px!important;
  height:11px!important;
}

/* Untere Zeile: Bestelleingang links, Countdown/Annahme rechts – beide vertikal mittig. */
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-received,
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-countdown{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-height:92px!important;
  padding:13px!important;
}
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-countdown{
  text-align:left!important;
}
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-countdown .ho122-status-elapsed,
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-countdown .ho132-new-waiting{
  margin-top:8px!important;
}
body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-countdown .ho122-status-elapsed{
  font-size:18px!important;
  line-height:1.08!important;
  font-weight:760!important;
}

/* Tablet/Handy: exakt dieselbe Spaltenkante wie Countdown. */
@media(max-width:700px){
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-status-row{
    grid-template-columns:minmax(0,1fr) minmax(120px,.72fr)!important;
  }
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-status-column,
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho155-product-column{
    min-height:78px!important;
    padding:12px 13px!important;
  }
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-status-column>small,
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho155-product-column>small,
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-received>small,
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-countdown>small{
    font-size:10.25px!important;
    font-weight:700!important;
    letter-spacing:.078em!important;
  }
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho122-status,
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-product-count{
    min-height:36px!important;
    height:36px!important;
    padding:7px 10px!important;
    font-size:11.5px!important;
  }
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-received,
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-countdown{
    min-height:96px!important;
    padding:13px!important;
  }
}

@media(max-width:390px){
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-status-row{
    grid-template-columns:minmax(0,1fr) minmax(105px,.68fr)!important;
  }
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-status-column,
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho155-product-column{
    padding:11px 10px!important;
  }
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho122-status,
  body #orders-ajax-root.ho-orders-159 .ho122-order-card .ho154-product-count{
    min-height:34px!important;
    height:34px!important;
    padding:6px 9px!important;
    font-size:10.5px!important;
  }
}