.pill{white-space:nowrap;vertical-align:middle;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.pill-paid{color:#8a5a00;background:#fff1d6}.pill-printing{background:var(--accent-soft);color:var(--accent-dark)}.pill-shipped{color:#5b3cb0;background:#ede7fb}.pill-delivered{color:#1d6b3a;background:#e3f5e9}.pill-cancelled{color:#77736b;background:#eeece8}.stepper{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.stepper li{text-align:center;color:var(--muted);justify-items:center;gap:2px;font-size:12px;display:grid;position:relative}.stepper li:before{content:"";background:var(--border);width:100%;height:2px;position:absolute;top:7px;left:-50%}.stepper li:first-child:before{display:none}.stepper li.done:before{background:var(--accent)}.stepper .dot{border:2px solid var(--border);background:var(--surface);border-radius:50%;width:16px;height:16px;position:relative}.stepper li.done .dot{border-color:var(--accent);background:var(--accent)}.stepper li.current .dot{box-shadow:0 0 0 4px var(--accent-soft)}.stepper b{color:var(--text);font-weight:600}.stepper li:not(.done) b{color:var(--muted);font-weight:500}.toast{z-index:30;background:var(--ink);color:#fff;box-shadow:var(--shadow);border-radius:10px;padding:10px 18px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}