/* Customer orders: compact cards, full-width delivery details. */
#customer-orders #orders-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
#customer-orders #orders-list[hidden]{display:none}
#customer-orders #orders-list>.orders-empty{grid-column:1/-1}
#customer-orders .order-card{margin:0;min-width:0;border-radius:18px;border-top:4px solid var(--accent);background:var(--white);box-shadow:0 4px 18px #17374b06}
#customer-orders .order-card>summary{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:22px;min-height:245px;box-sizing:border-box}
#customer-orders .order-card>summary:focus-visible{outline:3px solid var(--accent);outline-offset:-5px;border-radius:14px}
#customer-orders .order-status{order:-1;align-self:flex-start;font-size:11px;padding:8px 12px;background:var(--soft);color:var(--ink);font-weight:700}
#customer-orders .order-card:has(.is-complete){border-top-color:#17815c}
#customer-orders .order-status.is-complete{background:#e3f5eb;color:#146443;border-color:#b9e3ce}
#customer-orders .order-card:has(.is-cancelled){border-top-color:#ba4b4b}
#customer-orders .order-status.is-cancelled{background:#fcebea;color:#a23939;border-color:#efcccc}
#customer-orders .order-card-heading{gap:10px;flex:1}
#customer-orders .order-card-heading>strong{font-size:14px;line-height:1.45}
#customer-orders .order-card-heading>small{font-size:11px;line-height:1.6}
#customer-orders .order-preview{font-size:11px;margin-top:4px;gap:12px}
#customer-orders .order-miniature{width:42px;height:42px;border-radius:11px}
#customer-orders .order-card-total{margin:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;text-align:left;border-top:1px solid var(--line);padding-top:16px}
#customer-orders .order-card-total>strong{font-size:22px;letter-spacing:-.6px}
#customer-orders .order-card-total>small{font-size:11px;color:var(--accent);font-weight:700;text-align:right}
#customer-orders .order-card[open]{grid-column:1/-1}
#customer-orders .order-card[open]>summary{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 22px}
#customer-orders .order-card[open] .order-status{order:0;grid-column:2;grid-row:1;align-self:start}
#customer-orders .order-card[open] .order-card-heading{grid-column:1;grid-row:1}
#customer-orders .order-card[open] .order-card-total{grid-column:1/-1}
#customer-orders .order-card[open] .order-card-total>small{font-size:0}
#customer-orders .order-card[open] .order-card-total>small::after{font-size:11px}
@media(max-width:650px){
 #customer-orders #orders-list{grid-template-columns:minmax(0,1fr);gap:14px}
 #customer-orders .order-card>summary{padding:20px;min-height:230px}
 #customer-orders .order-card[open]>summary{grid-template-columns:minmax(0,1fr)}
 #customer-orders .order-card[open] .order-status{grid-column:1;grid-row:1}
 #customer-orders .order-card[open] .order-card-heading{grid-column:1;grid-row:2}
 #customer-orders .order-card-total>strong{font-size:21px}
}