.tracker { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 14px; margin: 10px 0; }
.tracker-eta { font-size: 15px; margin-bottom: 10px; }
.steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; position: relative; }
.step { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--muted); }
.step-dot { width: 34px; height: 34px; border-radius: 50%; background: #eee; color: #777; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; }
.step.done .step-dot { background: #1f9d55; color: #fff; }
.step.current .step-dot { background: var(--pink); color: #fff; box-shadow: 0 0 0 4px var(--pink-soft); }
.step.current { color: var(--ink); }
.tracker .meta { font-size: 12px; color: var(--muted); margin: 10px 0 0; }