body[data-theme] #customer-orders{width:min(1040px,calc(100vw - 28px));max-height:92dvh;padding:32px;color:var(--ink);background:var(--white)}
#customer-orders .dialog-head{align-items:flex-start}#customer-orders h2{font-size:29px;letter-spacing:-1px;margin:8px 0}.orders-intro,.orders-footnote{color:var(--muted);font-size:12px;line-height:1.7}.orders-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0}.orders-stats>div{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:20px}.orders-stats small{font-size:11px;color:var(--muted)}.orders-stats strong{font:600 29px Manrope,sans-serif}.orders-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.orders-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}.orders-toolbar select{padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--ink);max-width:100%}.orders-toolbar .secondary{width:auto;padding:12px 18px}#orders-message{font-size:11px;color:var(--muted);margin:17px 0}.order-card{border:1px solid var(--line);border-radius:12px;margin-bottom:13px;overflow:hidden;background:var(--canvas)}.order-card summary{list-style:none;display:flex;align-items:center;gap:18px;cursor:pointer;padding:20px}.order-card summary::-webkit-details-marker{display:none}.order-card-heading{display:flex;flex:1;flex-direction:column;gap:7px;min-width:0}.order-card-heading strong{font-size:13px;overflow-wrap:anywhere}.order-card-heading small,.order-card-total small{font-size:10px;color:var(--muted)}.order-card-total{display:flex;flex-direction:column;gap:7px;text-align:right}.order-card-total strong{font-size:17px;white-space:nowrap}.order-status{font-size:10px;font-weight:600;border:1px solid var(--line);padding:7px 10px;border-radius:30px;background:var(--soft)}.order-status.is-complete{color:var(--ink);border-color:var(--accent)}.order-status.is-cancelled{color:var(--muted)}.order-card-body{padding:0 20px 22px;border-top:1px solid var(--line)}.order-progress{display:flex;list-style:none;padding:22px 0;gap:6px;margin:0}.order-progress li{flex:1;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;color:var(--muted);border-top:2px solid var(--line);padding-top:12px}.order-progress li.is-reached{border-color:var(--accent);color:var(--ink)}.order-progress li span{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;font-size:10px}.order-progress li[aria-current] span{background:var(--green);color:white}.order-progress small{font-size:10px}.order-items>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.order-items>div>span{display:flex;flex-direction:column;gap:6px}.order-items small{color:var(--muted);font-size:10px}.order-information{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:23px}.order-information h3{font-size:13px;margin:0 0 12px}.order-information p,.order-information small{font-size:11px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.order-information section>div{display:flex;justify-content:space-between;gap:12px;margin:10px 0;font-size:11px}.order-grand-total{border-top:1px solid var(--line);padding-top:12px}.orders-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px;font-size:12px}.orders-pagination .secondary{width:auto;font-size:11px}.orders-empty{text-align:center;padding:40px 15px}.orders-empty>svg{width:40px;height:40px;color:var(--accent)}.orders-empty h3{font-size:19px}.orders-empty p{font-size:12px;color:var(--muted)}.orders-empty .secondary{width:auto}.orders-footnote{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.order-cancelled{font-size:12px;color:var(--muted);padding-top:12px}
@media(max-width:600px){body[data-theme] #customer-orders{padding:20px 15px}#customer-orders h2{font-size:23px}.orders-stats{gap:7px}.orders-stats>div{padding:13px 10px}.orders-stats strong{font-size:23px}.orders-stats small{font-size:9px}.order-card summary{padding:15px;flex-wrap:wrap;gap:12px}.order-card-heading{flex-basis:100%}.order-card-total{margin-left:auto}.order-card-body{padding:0 14px 18px}.order-information{grid-template-columns:1fr;gap:16px}.order-progress{gap:3px}.order-progress small{font-size:8px}.orders-toolbar{gap:8px}.orders-toolbar select{font-size:11px;width:180px}.orders-toolbar .secondary{font-size:10px;padding:12px}.header-navigation-links{overflow-x:auto}.header-navigation-links>button{flex-shrink:0}}