@keyframes shv-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shv{padding:32px 24px 32px 8px;position:relative}.shv__card{z-index:1;border-radius:var(--radius-xl);background:#fff;padding:24px;position:relative}.shv__card-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.shv__card-label{letter-spacing:.04em;color:var(--color-text-muted);font-size:12px;font-weight:600;line-height:16px}.shv__live{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.shv__live-dot{background:var(--color-ok-d);border-radius:50%;width:6px;height:6px;display:inline-block}.shv__stages{flex-direction:column;display:flex}.shv__stage{align-items:center;gap:12px;padding:8px 0;display:flex}@media (prefers-reduced-motion:no-preference){.shv__stage{animation:shv-fade-up .5s var(--ease-done)both}.shv__stage:first-child{animation-delay:.1s}.shv__stage:nth-child(3){animation-delay:.2s}.shv__stage:nth-child(5){animation-delay:.3s}.shv__stage:nth-child(7){animation-delay:.4s}}.shv__stage--active{background:var(--color-recessed-subtle);border-radius:var(--radius-md);margin:0 -12px;padding:8px 12px}.shv__connector{height:12px;padding-left:6px;display:flex}.shv__connector-line{background:var(--color-iris-500);width:2px;height:100%}.shv__connector-line--dim{background:var(--color-border-subtle)}.shv__dot{box-sizing:border-box;border-radius:50%;flex-shrink:0;width:14px;height:14px;position:relative}.shv__dot--done{background:var(--color-iris-500)}.shv__dot--active{border:4px solid var(--color-iris-500);background:#fff}.shv__dot--pending{border:1.5px solid var(--color-border-normal);background:#fff}.shv__pulse{display:none}.shv__stage-name{min-width:0;color:var(--color-text-strong);flex:1;font-size:14px}.shv__stage--pending .shv__stage-name{color:var(--color-text-muted)}.shv__stage-count{font-variant-numeric:tabular-nums;color:var(--color-text-medium);font-size:14px}.shv__stage--active .shv__stage-count{color:var(--color-iris-500);font-weight:600}.shv__stage-count--dim{color:var(--color-text-muted)}.shv__metric{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px;padding-top:16px;display:flex}.shv__metric-label{color:var(--color-text-muted);font-size:12px}.shv__metric-value{font-variant-numeric:tabular-nums;color:var(--color-text-strong);font-size:24px;font-weight:400;line-height:1}.shv__badge{z-index:2;background:var(--color-iris-800);border-radius:var(--radius-lg);padding:10px 14px;position:absolute}.shv__badge--1{top:0;right:0}.shv__badge--2{bottom:4px;left:-8px}.shv__badge-value{font-variant-numeric:tabular-nums;color:var(--color-la-950);margin-bottom:4px;font-size:16px;font-weight:400;line-height:1;display:block}.shv__badge-label{color:var(--color-la-700);white-space:nowrap;font-size:12px;line-height:16px;display:block}.shv__badge-row{align-items:center;gap:8px;display:flex}.shv__badge-row .shv__badge-label{color:var(--color-la-950)}.shv__badge-check-dot{background:var(--color-ok-d);border-radius:50%;flex-shrink:0;width:7px;height:7px}@media (max-width:768px){.shv__badge--1,.shv__badge--2{display:none}.shv{padding:0}}