/* HayOrder v1.1.67 – Bestelldetail neu strukturiert, kompakt und responsiv */

/* Header minimal ruhiger, Funktion und Footer bleiben unverändert. */
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho54-detail-header{
  min-height:88px!important;
  padding:16px 20px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho154-detail-identity h2{
  margin:0!important;
  font-size:clamp(28px,2.6vw,34px)!important;
  line-height:1.02!important;
  font-weight:780!important;
  letter-spacing:-.035em!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho154-detail-meta{
  margin-top:10px!important;
  gap:7px!important;
}

/* Scroll-Inhalt kompakter. */
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho68-detail-scroll{
  padding:18px 20px 22px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-main{
  display:grid!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
}

/* Schnellübersicht: Desktop 4 Spalten. */
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  overflow:hidden!important;
  margin:0!important;
  border:1px solid var(--detail-line)!important;
  border-radius:15px!important;
  background:linear-gradient(155deg,rgba(21,31,41,.98),rgba(15,24,33,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-cell{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:98px!important;
  padding:15px 17px!important;
  border-left:1px solid var(--detail-line)!important;
  background:transparent!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-cell:first-child{
  border-left:0!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-cell>span{
  margin:0 0 8px!important;
  color:#95a5b4!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:760!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-cell>strong{
  max-width:100%!important;
  color:#f4f7fa!important;
  font-size:16px!important;
  line-height:1.18!important;
  font-weight:730!important;
  letter-spacing:-.015em!important;
  overflow-wrap:anywhere!important;
  font-variant-numeric:tabular-nums!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-cell>small{
  margin-top:4px!important;
  color:#91a1af!important;
  font-size:10px!important;
  line-height:1.25!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-pickup.is-overdue{
  background:linear-gradient(150deg,rgba(105,55,46,.20),transparent)!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-status{
  background:linear-gradient(150deg,color-mix(in srgb,var(--detail-accent) 8%,transparent),transparent)!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-status .ho132-new-waiting{
  color:color-mix(in srgb,var(--detail-accent) 68%,white)!important;
  font-size:15px!important;
  line-height:1.15!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-status .ho122-status-elapsed{
  color:color-mix(in srgb,var(--detail-accent) 64%,white)!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:790!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-status .ho122-status-elapsed.is-overdue{
  color:#ff8292!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-total .ho54-total{
  color:color-mix(in srgb,var(--detail-accent) 46%,white)!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:790!important;
  white-space:nowrap!important;
}

/* Sekundärdaten nur noch als kompakte Zeile. */
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-meta-bar{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  overflow:hidden!important;
  margin:0!important;
  border:1px solid var(--detail-line)!important;
  border-radius:12px!important;
  background:rgba(15,24,33,.78)!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-meta-bar>div{
  min-width:0!important;
  padding:10px 14px!important;
  border-left:1px solid var(--detail-line)!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-meta-bar>div:first-child{
  border-left:0!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-meta-bar span{
  display:block!important;
  margin-bottom:4px!important;
  color:#8496a6!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:740!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-meta-bar strong{
  display:block!important;
  color:#dfe6ec!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:650!important;
  overflow-wrap:anywhere!important;
}

/* Artikelliste wird zum eigentlichen Hauptbereich. */
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-products-card{
  min-height:0!important;
  margin:0!important;
  padding:15px 17px!important;
  border:1px solid var(--detail-line)!important;
  border-radius:15px!important;
  background:linear-gradient(155deg,var(--detail-panel),var(--detail-panel-2))!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-products-card .ho-order-section-head{
  padding-bottom:11px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-products-card .ho-order-section-head>strong{
  font-size:17px!important;
  font-weight:740!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-products-card .ho-order-section-head>span{
  font-size:10.5px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-products-card .ho-order-product{
  min-height:52px!important;
  padding:10px 0!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-products-card .ho-order-product>div>strong{
  font-size:13.5px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-products-card .ho56-product-price{
  font-size:13.5px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-discount-note{
  margin:0 0 10px!important;
  font-size:10.5px!important;
}

/* Hinweis deutlich kompakter. */
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-notes-section{
  margin-top:12px!important;
  padding:13px 15px!important;
  border-radius:13px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-notes-section .ho55-section-heading{
  margin-bottom:8px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-notes-section .ho55-section-heading span{
  font-size:8px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-notes-section .ho55-section-heading h3{
  font-size:19px!important;
  line-height:1.05!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-note-box{
  padding:10px 12px!important;
  border-radius:10px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-note-box>p{
  margin-top:4px!important;
  font-size:11.5px!important;
  line-height:1.4!important;
}

/* Testwerkzeug kleiner, aber klar erkennbar. */
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-test-tools{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:12px!important;
  padding:11px 13px!important;
  border-radius:12px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-test-tools-copy>strong{
  font-size:12px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-test-tools-copy>span{
  margin-top:2px!important;
  font-size:9.5px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-test-tools button{
  min-height:36px!important;
  padding:0 12px!important;
  font-size:10.5px!important;
}

/* Verlauf kompakter einbetten, vorhandene 2-Spalten-Mobile-Logik bleibt. */
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-history-section{
  margin-top:12px!important;
  padding:15px!important;
  border-radius:13px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-history-section .ho55-section-heading{
  margin-bottom:10px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-history-section .ho55-section-heading h3{
  font-size:21px!important;
}
body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-history-section .ho55-section-heading>small{
  font-size:9.5px!important;
}

/* Tablet / kleines Notebook */
@media(max-width:980px){
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-cell:nth-child(3),
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-cell:nth-child(4){
    border-top:1px solid var(--detail-line)!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-cell:nth-child(3){
    border-left:0!important;
  }
}

/* Smartphone: 2×2 Schnellübersicht und kurze Metadaten-Zeile. */
@media(max-width:760px){
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho54-detail-header{
    min-height:0!important;
    padding:14px 20px 14px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho154-detail-identity h2{
    font-size:27px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho68-detail-scroll{
    padding:15px 16px 18px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-main{
    gap:10px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-radius:13px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-cell{
    min-height:88px!important;
    padding:12px 13px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-cell>span{
    margin-bottom:7px!important;
    font-size:8.5px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-cell>strong{
    font-size:14px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-status .ho132-new-waiting{
    font-size:13.5px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-status .ho122-status-elapsed{
    font-size:18px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-total .ho54-total{
    font-size:21px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-meta-bar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-meta-bar>div{
    padding:9px 11px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-meta-bar>div:nth-child(3){
    grid-column:1/-1!important;
    border-left:0!important;
    border-top:1px solid var(--detail-line)!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-products-card{
    padding:13px 14px!important;
    border-radius:13px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-products-card .ho-order-section-head>strong{
    font-size:16px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-notes-section,
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-history-section{
    margin-top:10px!important;
    padding:12px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-test-tools{
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    margin-top:10px!important;
    padding:10px 12px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho55-test-tools button{
    width:100%!important;
  }
}

@media(max-width:430px){
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho154-detail-identity h2{
    font-size:25px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-cell{
    min-height:84px!important;
    padding:11px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-summary-cell>strong{
    font-size:13.5px!important;
  }
  body #orders-ajax-root.ho-orders-167 .ho124-detail .ho167-meta-bar strong{
    font-size:10.5px!important;
  }
}