/* Expandable Orders entry items; inquiry/printing retain their tables. */
@media screen {
#ordersView .order-item-list{display:grid;gap:14px;margin-top:18px}
#ordersView .order-item-card{border:1px solid var(--dh-line);border-radius:12px;background:var(--card);min-width:0}
#ordersView .order-item-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--dh-line)}
#ordersView .order-item-number{font-size:13px;font-weight:600}
#ordersView .order-item-main{display:grid;grid-template-columns:minmax(170px,1.8fr) minmax(150px,1.5fr) minmax(90px,.8fr) minmax(120px,1fr) minmax(125px,1fr);gap:14px;padding:18px 16px}
#ordersView .order-item-field{min-width:0}
#ordersView .order-item-field label{display:block;font-size:12px;color:var(--dh-muted);margin-bottom:7px;line-height:16px;min-height:16px}
#ordersView .order-item-field :is(input,select){width:100%;max-width:100%}
#ordersView :is(.item-qty-input,.item-price-input,input[id$="_total"]){text-align:right;font-variant-numeric:tabular-nums}
#ordersView .item-price-note{font-size:11px!important;margin-top:6px!important;line-height:1.4!important}
#ordersView .order-item-details{border-top:1px solid var(--dh-line)}
#ordersView .order-item-details summary{cursor:pointer;color:var(--dh-accent);padding:13px 16px;font-size:12px;line-height:1.6}
#ordersView .order-item-details summary>span:first-child{font-weight:600}
#ordersView .order-delivery-summary{color:var(--dh-muted);margin-left:18px;overflow-wrap:anywhere}
#ordersView .order-item-extra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:4px 16px 18px}
#ordersView .order-item-extra>.order-item-field:last-child{grid-column:1/-1}
#ordersView .order-savebar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;border:1px solid var(--dh-line);border-radius:12px;background:var(--card);box-shadow:0 -4px 18px #1325410a;margin-top:16px}
#ordersView .order-save-totals{display:flex;gap:26px;align-items:center}
#ordersView .order-save-totals small{display:block;font-size:11px;color:var(--dh-muted);margin-bottom:3px}
#ordersView .order-save-totals strong{font-size:21px;font-weight:600;font-variant-numeric:tabular-nums}
#ordersView .order-save-actions{display:flex;align-items:center;gap:14px}
#ordersView #orderDraftNote{font-size:12px;color:var(--dh-muted)}
#ordersView input[aria-invalid=true],#ordersView select[aria-invalid=true]{border-color:var(--danger)!important}
#ordersView :is(input,select,summary,button){scroll-margin-bottom:110px;scroll-margin-top:24px}
@media(max-width:1200px){#ordersView .order-item-main{grid-template-columns:repeat(6,minmax(0,1fr))}#ordersView .order-item-main>.order-item-field{grid-column:span 2}#ordersView .order-item-main>.order-item-field:nth-child(-n+2){grid-column:span 3}}
@media(max-width:620px){#ordersView .order-item-main{grid-template-columns:repeat(2,minmax(0,1fr))}#ordersView .order-item-main>.order-item-field,#ordersView .order-item-main>.order-item-field:nth-child(-n+2){grid-column:auto}#ordersView .order-item-main>.order-item-field:last-child{grid-column:1/-1}#ordersView .order-item-extra{grid-template-columns:1fr}#ordersView .order-delivery-summary{display:block;margin-left:16px}#ordersView .order-savebar{padding:14px;flex-wrap:wrap}#ordersView .order-save-actions{width:100%;justify-content:space-between}#ordersView .order-save-totals strong{font-size:18px}#ordersView :is(input,select,summary,button){scroll-margin-bottom:160px}}
}