/**
 * css/tracking.css
 * ────────────────
 * Order tracking page: timeline, progress bar.
 */

/* ── Timeline ── */
.timeline{position:relative;padding-left:32px}
.timeline::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--border)}
.tl-item{position:relative;margin-bottom:32px}
.tl-item > div{min-width:0;word-break:break-word}
.tl-dot{position:absolute;left:-24px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--green);border:3px solid var(--bg);box-shadow:0 0 10px rgba(29,185,84,0.5)}
.tl-dot.inactive{background:var(--graphite);box-shadow:none;border-color:var(--border)}

/* ── Progress bar ── */
.progress-bar{height:4px;background:var(--graphite);border-radius:2px;overflow:hidden}
.progress-fill{height:100%;background:linear-gradient(90deg,var(--green2),var(--green));border-radius:2px;transition:width 0.5s ease}