.order-progress{--op-accent:#fb923c;--op-text:#e2e8f0;--op-muted:#94a3b8;--op-track:rgba(148,163,184,.18);min-width:190px;max-width:260px;color:var(--op-text)}
.order-progress--complete{--op-accent:#34d399}.order-progress--partial{--op-accent:#fbbf24}.order-progress--stopped{--op-accent:#f87171}.order-progress--unknown{--op-accent:#94a3b8}
.order-progress__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.order-progress__status{display:inline-flex;align-items:center;gap:5px;color:var(--op-accent);font-size:11px;font-weight:700;white-space:nowrap}.order-progress__status .material-symbols-outlined{font-size:15px}
.order-progress__rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;height:6px}.order-progress__segment{display:block;border-radius:4px;background:var(--op-track);min-width:0}.order-progress__segment.is-reached{background:var(--op-accent)}.order-progress__segment.is-current{box-shadow:0 0 0 2px color-mix(in srgb,var(--op-accent) 20%,transparent)}
.order-progress--stopped .order-progress__segment{background:color-mix(in srgb,var(--op-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--op-accent) 35%,transparent)}
.order-progress--partial .order-progress__segment:last-child{background:var(--op-track);outline:1px solid color-mix(in srgb,var(--op-accent) 50%,transparent)}
.order-progress__caption{margin-top:6px;font-size:10px;line-height:1.4;color:var(--op-muted)}.order-progress--expanded{max-width:none;min-width:0;padding:16px;border:1px solid var(--op-track);border-radius:12px;background:var(--op-track)}.order-progress--expanded .order-progress__rail{height:7px;gap:5px}.order-progress__steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:8px 0 0;padding:0;list-style:none}.order-progress__steps li{font-size:9px;line-height:1.5;color:var(--op-muted);text-align:center;overflow-wrap:anywhere}.order-progress__steps li.is-reached{color:var(--op-accent)}.order-progress__steps li[aria-current=step]{font-weight:700}
.order-sla-timer{display:inline-flex;align-items:center;margin-top:7px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.01em;background:rgba(148,163,184,.12);color:var(--op-muted)}.order-sla-timer--on-track{color:#34d399;background:rgba(52,211,153,.12)}.order-sla-timer--soon{color:#fbbf24;background:rgba(251,191,36,.13)}.order-sla-timer--overdue{color:#f87171;background:rgba(248,113,113,.14)}.order-sla-timer--complete,.order-sla-timer--closed{color:var(--op-muted)}
html.light .order-progress{--op-text:#0f172a;--op-muted:#64748b;--op-track:#e2e8f0;--op-accent:#c2410c}html.light .order-progress--complete{--op-accent:#047857}html.light .order-progress--partial{--op-accent:#a16207}html.light .order-progress--stopped{--op-accent:#b91c1c}html.light .order-progress--unknown{--op-accent:#64748b}html.light .order-progress--expanded{background:#f8fafc}
@media(prefers-reduced-motion:reduce){.order-progress *{animation:none!important;transition:none!important}}