.timeline.vertical{position:relative;padding-left:24px}
.tl-node{position:relative;padding:0 0 20px 20px;border-left:2px solid var(--border)}
.tl-node:last-child{border-left-color:transparent}
.tl-dot{position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--border)}
.tl-node.completed .tl-dot{background:#2E7D32}
.tl-node.current .tl-dot{background:var(--primary);box-shadow:0 0 0 4px rgba(255,140,66,.3)}
.tl-body time{font-size:.7rem;color:var(--text-secondary)}
.tl-body h4{font-size:.95rem;margin:4px 0}
.tl-detail{margin-top:12px;padding:12px;background:var(--bg-card);border-radius:var(--radius)}