/* og-stepper — horizontal pipeline step indicator.
   ODS component (OS-000-Design-System), adapted from 21st.dev @originui "Stepper".
   States per <li>: .done / .now / .todo · hover description via data-desc. */
.og-stepper{display:flex;align-items:flex-start;list-style:none;margin:18px 0 10px;padding:0}
.og-stepper li{flex:1;position:relative;text-align:center;font-size:12.5px;color:var(--muted,#777);min-width:0}
.og-stepper li::before{content:"";position:absolute;top:14px;left:calc(-50% + 22px);right:calc(50% + 22px);height:2px;background:var(--line,#ddd)}
.og-stepper li:first-child::before{display:none}
.og-stepper li.done::before{background:var(--og-fresh-leaf,#34C755)}
.og-stepper .dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 6px;border:2px solid var(--line,#ddd);background:#fff;font-weight:700;font-size:12px;color:var(--muted,#777)}
.og-stepper .done .dot{background:var(--og-fresh-leaf,#34C755);border-color:var(--og-fresh-leaf,#34C755);color:#fff}
.og-stepper .done .dot::before{content:"✓"}
.og-stepper .done .dot span{display:none}
.og-stepper .now{color:var(--og-black,#000);font-weight:700}
.og-stepper .now .dot{border-color:var(--og-black,#000);color:var(--og-black,#000)}
.og-stepper li[data-desc]{cursor:default}
.og-stepper li[data-desc]:hover::after{content:attr(data-desc);position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);z-index:10;width:200px;background:var(--og-black,#000);color:#fff;font-size:11.5px;font-weight:400;line-height:1.45;padding:8px 10px;border-radius:8px}
/* compact variant for corridor cards */
.og-stepper--sm{margin:10px 0 4px}
.og-stepper--sm .dot{width:18px;height:18px;font-size:9px;border-width:1.5px}
.og-stepper--sm li{font-size:10.5px}
.og-stepper--sm li::before{top:9px;left:calc(-50% + 15px);right:calc(50% + 15px)}