[data-live-purchases]{background:#fff;color:#20364a;border:1px solid #dfe6ec;border-radius:16px;padding:22px;margin:18px 0;box-shadow:0 4px 16px #102b4606}
[data-live-purchases][hidden]{display:none!important}
.customer-purchases-head{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
.customer-purchases-head h2{font-size:20px;margin:0 0 6px;color:#102b46}
.customer-purchases-head p{margin:0;color:#617183;font-size:13px}
.customer-purchases-total{display:grid;gap:4px}
.customer-purchases-total strong{font-size:26px;font-variant-numeric:tabular-nums}
.customer-purchases-total span{font-size:12px;color:#617183}
[data-live-purchases] details{margin-top:18px;border-top:1px solid #e5eaf0;padding-top:14px}
[data-live-purchases] summary,.customer-order-details summary{cursor:pointer;font-weight:700;color:#244d71;padding:8px 0;min-height:36px}
[data-live-purchases] ul{list-style:none;padding:0;margin:0}
[data-live-purchases] li{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #eef1f4}
[data-live-purchases] li span{display:block;font-size:12px;color:#617183;margin-top:4px}
.customer-purchases-note{font-size:12px;line-height:1.6;color:#617183;margin-bottom:0}
.customer-purchases-warning{color:#94531b;font-size:13px}
.customer-order-progress{display:flex;flex-wrap:wrap;gap:8px;padding:16px 18px;background:#f7f9fb;border-top:1px solid #e6ebf0}
.customer-order-progress span{padding:7px 10px;border-radius:8px;background:#e8edf2;color:#536579;font-size:12px}
.customer-order-progress .done{background:#e5f2ea;color:#245d3a}
.customer-order-details{padding:0 18px 16px}
.customer-order-details .order-body{padding:12px 0 0}
@media(max-width:550px){[data-live-purchases]{padding:16px}.customer-purchases-total strong{font-size:23px}.customer-order-progress{padding:12px}.customer-order-progress span{flex:1;text-align:center}.customer-order-details{padding:0 12px 12px}}

.customer-order-status{padding:18px;background:#f7f9fb;border-top:1px solid #e2e8ee}
.customer-status-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;color:#102b46}
.customer-status-heading>span{font-size:13px;color:#607285}
.customer-status-heading strong{font-size:16px}
.customer-status-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px;list-style:none;padding:0;margin:0}
.customer-status-steps li{border:1px solid #dfe5eb;border-radius:9px;padding:11px 8px;font-size:12px;color:#607285;background:#fff;line-height:1.5;min-width:0}
.customer-status-steps li>span{display:block;font-size:14px;font-weight:bold;margin-bottom:5px}
.customer-status-steps li.complete{background:#e6f3ea;color:#245d3a;border-color:#c9e3d1}
.customer-status-steps li.current{background:#102b46;color:#fff;border-color:#102b46;font-weight:700}
.customer-status-note,.customer-status-stale{font-size:12px;line-height:1.6;margin:12px 0 0;color:#617183}
.customer-status-stale{color:#8b5015}
.customer-status-tracking{display:grid;gap:6px;margin-top:16px;padding-top:14px;border-top:1px solid #dfe5eb;font-size:13px;overflow-wrap:anywhere}
.customer-status-tracking a{color:#204f77;font-weight:700;min-height:32px;padding:4px 0}
@media(max-width:550px){.customer-order-status{padding:14px}.customer-status-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}