/* HayOrder v1.1.53 – Live-Zeile, Artikel-Label und Karteninfo optimiert */

/* Live-Ergebniszeile lesbarer darstellen */
body #orders-ajax-root.ho-orders-151 .ho151-live-results{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;
  margin-top:10px!important;color:#9fb0bf!important;font-size:13px!important;line-height:1.25!important;
}
body #orders-ajax-root.ho-orders-151 .ho151-live-results .ho-live-dot{
  width:10px!important;height:10px!important;border-radius:50%!important;background:#2fd37d!important;
  box-shadow:0 0 0 4px rgba(47,211,125,.14)!important;flex:0 0 10px!important;margin-right:2px!important;
}
body #orders-ajax-root.ho-orders-151 .ho151-live-results>strong{
  margin:0!important;color:#eaf2f8!important;font-size:16px!important;font-weight:800!important;line-height:1!important;
}
body #orders-ajax-root.ho-orders-151 .ho151-live-results-label{
  color:#d5dfe8!important;font-size:13px!important;font-weight:600!important;
}
body #orders-ajax-root.ho-orders-151 .ho151-live-results-pill{
  display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:4px 10px!important;
  border:1px solid rgba(73,187,120,.24)!important;border-radius:999px!important;background:rgba(21,76,49,.18)!important;
  color:#88ddb1!important;font-size:11px!important;font-weight:700!important;letter-spacing:.02em!important;
}
body #orders-ajax-root.ho-orders-151 .ho151-live-results-pill.is-archive{border-color:rgba(124,146,168,.22)!important;background:rgba(57,72,87,.18)!important;color:#b0bfcb!important}
body #orders-ajax-root.ho-orders-151 .ho151-live-results-pill.is-history{border-color:rgba(102,132,159,.22)!important;background:rgba(32,51,71,.18)!important;color:#9fb4c8!important}

/* Positions-Badge jetzt als Artikel direkt beim Status */
#orders-ajax-root.ho-orders-122 .ho122-fact-status .ho122-status-line{
  display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;max-width:100%!important;
}
#orders-ajax-root.ho-orders-122 .ho122-fact-status .ho122-item-count-inline{
  grid-area:auto!important;position:static!important;display:inline-flex!important;align-items:center!important;gap:6px!important;
  min-height:24px!important;margin:0!important;padding:4px 8px 4px 6px!important;border-radius:999px!important;
  border:1px solid rgba(82,129,172,.24)!important;background:rgba(17,47,70,.28)!important;color:#b8c9d6!important;
  font-size:10px!important;line-height:1!important;font-weight:700!important;white-space:nowrap!important;
}
#orders-ajax-root.ho-orders-122 .ho122-fact-status .ho122-item-count-inline>span{
  display:grid!important;place-items:center!important;width:16px!important;height:16px!important;border-radius:4px!important;
  border:1px solid rgba(47,169,240,.34)!important;color:#3db8f4!important;
}
#orders-ajax-root.ho-orders-122 .ho122-fact-status .ho122-item-count-inline svg{width:10px!important;height:10px!important}

/* Statuszeit-Kachel mit zweiter Zeile für die Uhrzeit */
#orders-ajax-root.ho-orders-122 .ho127-fact-elapsed time{
  color:#91a1af!important;font-size:10px!important;line-height:1.1!important;font-weight:600!important;white-space:nowrap!important;
}
#orders-ajax-root.ho-orders-122 .ho127-fact-elapsed .ho122-status-elapsed{
  font-variant-numeric:tabular-nums!important;
}

/* Mobile: Ergebniszeile und Badge sauber umbrechen */
@media(max-width:700px){
  body #orders-ajax-root.ho-orders-151 .ho151-live-results{gap:5px!important;font-size:12px!important}
  body #orders-ajax-root.ho-orders-151 .ho151-live-results>strong{font-size:15px!important}
  body #orders-ajax-root.ho-orders-151 .ho151-live-results-label{font-size:12px!important}
  body #orders-ajax-root.ho-orders-151 .ho151-live-results-pill{min-height:22px!important;padding:3px 9px!important;font-size:10px!important}
  #orders-ajax-root.ho-orders-122 .ho122-fact-status .ho122-status-line{gap:6px!important}
  #orders-ajax-root.ho-orders-122 .ho122-fact-status .ho122-item-count-inline{font-size:9.5px!important;padding:4px 7px 4px 6px!important}
  #orders-ajax-root.ho-orders-122 .ho127-fact-elapsed time{font-size:9px!important}
}