.orders-wrap{max-width:800px}
.orders-help{margin:16px 0 24px;color:var(--muted);font-size:13px}
.history-card{border:1.5px solid var(--border);background:var(--card);padding:18px;margin:12px 0}
.history-card h2{font-size:16px;color:var(--red);overflow-wrap:anywhere;margin:0}
.order-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.order-meta{font-size:11px;color:var(--muted);margin:8px 0 12px}
.history-items{padding-left:20px;font-size:12px;line-height:1.9;margin-top:12px}
.history-total{font-size:13px;font-weight:700;margin-top:10px}
.order-status{display:inline-block;border:1px solid var(--border);padding:5px 9px;font-size:11px;font-weight:700;letter-spacing:.02em}
.order-status--ready{border-color:#32834d;color:#26713d}
.order-status--completed{border-color:#32834d;color:#26713d}
.order-status--failed,.order-status--cancelled{border-color:#b94b4b;color:#b53c3c}
.order-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;list-style:none;padding:8px 0;margin:12px 0 6px}
.order-progress-step{text-align:center;position:relative;min-width:0;color:var(--muted)}
.order-progress-step:not(:last-child)::after{content:"";position:absolute;top:12px;left:calc(50% + 16px);right:calc(-50% + 16px);border-top:2px solid var(--border)}
.order-progress-dot{height:26px;width:26px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:50%;background:var(--card);font-size:11px;font-weight:700;position:relative;z-index:1}
.order-progress-label{display:block;margin-top:6px;font-size:10px;line-height:1.3}
.order-progress-step.is-done .order-progress-dot{background:#26713d;border-color:#26713d;color:#fff}
.order-progress-step.is-done .order-progress-label{color:#26713d;font-weight:700}
.order-progress-step.is-done:not(:last-child)::after{border-color:#26713d}
.order-progress-step.is-current .order-progress-dot{border-color:var(--red);color:var(--red)}
.order-progress-step.is-current .order-progress-label{color:var(--red);font-weight:700}
.order-message{font-size:12px;line-height:1.5;margin:10px 0}
.order-message--ready{font-weight:700;color:#26713d}
.order-message--failed,.order-message--cancelled{color:#b53c3c}
@media(max-width:480px){.history-card{padding:14px}.order-progress-label{font-size:9px}}
@media(max-width:360px){.order-progress{gap:1px}.order-progress-step:not(:last-child)::after{left:calc(50% + 14px);right:calc(-50% + 14px)}.order-progress-label{font-size:8px;letter-spacing:-.02em}}