.status-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:28px 0}.status-progress span{position:relative;padding:13px 6px;border-top:4px solid var(--line);color:var(--ink-500);font-size:11px;font-weight:800;text-align:center}.status-progress span.is-current{border-color:var(--red-500);background:var(--red-050);color:var(--red-600)}.state-actions{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;border:1px solid #f0b5b1;border-radius:18px;background:var(--red-050)}.state-actions h2{margin:6px 0}.state-actions p{margin:0;color:var(--ink-600)}.state-actions form{display:grid;gap:11px}.state-actions label{display:grid;gap:5px;font-size:12px;font-weight:800}.state-actions select,.state-actions input{min-height:44px;padding:0 11px;border:1px solid #d8cfcd;border-radius:10px;background:#fff}.status-history{margin-top:30px;padding:24px;border:1px solid var(--line);border-radius:18px}.status-history h2{margin-top:0}.status-history>div{display:grid;grid-template-columns:auto 1fr;gap:13px}.status-history>div>span{width:12px;height:12px;margin-top:7px;border:3px solid #fff;border-radius:50%;background:var(--red-500);box-shadow:0 0 0 2px var(--rose-100)}.status-history p{margin:0;padding-bottom:20px}.status-history small{display:block;margin-top:3px;color:var(--ink-500)}.status-pill--rejected,.status-pill--cancelled{background:#fce8e6;color:#a32620}.status-pill--completed{background:#e7f7ef;color:var(--success)}.status-pill--preparing,.status-pill--delivered{background:#eef3ff;color:#365b9d}
@media(max-width:767px){.status-progress{display:flex;overflow-x:auto}.status-progress span{min-width:110px}.state-actions{grid-template-columns:1fr}}