.nav-orders{display:inline-flex;align-items:center;gap:5px;color:var(--maroon)}
.orders-shell,.history-detail-shell{max-width:920px}.orders-list{display:grid;gap:18px}.history-card,.history-detail-card,.orders-empty{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.history-card{padding:clamp(18px,3vw,26px)}.history-card-heading,.history-card-footer,.history-actions,.history-meta,.history-item,.history-detail-total{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-card-heading h2{margin:2px 0 0;font-family:var(--font-display);font-size:1.35rem}.history-card-heading time{color:var(--muted)}.history-preview{margin:18px 0;padding:14px 0;border-block:1px solid var(--line);list-style:none}.history-preview li+li{margin-top:7px}.history-actions form{margin:0}.history-detail-card{padding:clamp(20px,4vw,36px)}.history-meta{margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.history-meta div{min-width:0}.history-meta dt{color:var(--muted);font-size:.82rem;font-weight:700;text-transform:uppercase}.history-meta dd{margin:4px 0 0;font-weight:700}.history-item{padding:18px 0;border-bottom:1px solid var(--line)}.history-item h2{margin:0;font-size:1.05rem}.history-item p{margin:4px 0}.history-promotion{color:var(--maroon)}.history-detail-total{padding:24px 0;font-size:1.2rem}.orders-empty{padding:clamp(30px,7vw,58px);text-align:center}.orders-empty>i{color:var(--saffron);font-size:2.25rem}.orders-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px}
@media (min-width:801px) and (max-width:1320px){.nav-orders span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}
@media (max-width:800px){.site-menu .nav-orders{justify-content:flex-start}.nav-orders span{position:static;width:auto;height:auto;overflow:visible;clip:auto}}
@media (max-width:560px){.history-card-heading,.history-card-footer,.history-meta,.history-item{align-items:flex-start;flex-direction:column}.history-card-footer{gap:14px}.history-actions{width:100%;flex-wrap:wrap}.history-actions>*{flex:1}.history-actions .button{width:100%}.history-item>p{text-align:left}.orders-pagination{flex-wrap:wrap}}