/* OMS redesign — stages that never happened (round 4).
 *
 * Every status bar / stage stepper marks a stage the record moved PAST without
 * ever going through it as `.skip` (decided by OMSStages.skipped / flowSkipped in
 * /js/oms-stages.js). It is drawn greyed out — not the completed colour, no tick —
 * with a "Didn't happen" tooltip, so a stage never reads as done when it wasn't.
 * One look for all of them: admin, factory and customer portals.
 */

/* Shared grey hatch for a bar segment that never happened. */
.rd .s6 .sg.skip i,
.rd .sbar .sg.skip i,
#visual-workspace .vw-strip .sbar .sg.skip i {
  background: repeating-linear-gradient(135deg, #E1E4EE 0 4px, #F1F2F7 4px 8px);
  box-shadow: none;
}
.rd .s6 .sg.skip b,
.rd .s6 .sg.skip small,
.rd .sbar .sg.skip span,
#visual-workspace .vw-strip .sbar .sg.skip span {
  color: var(--muted, #62678A);
  opacity: .6;
  font-weight: 600;
}
.rd .s6 .sg.skip b,
.rd .sbar .sg.skip span { text-decoration: line-through; text-decoration-color: rgba(98, 103, 138, .45); }

/* Stage card (.stages .stg) */
.rd .stg.skip { background: #FAFAFC; }
.rd .stg.skip .n,
.rd .stg.skip .d { color: var(--muted, #62678A); opacity: .65; }
.rd .stg.skip .n > span:last-child { text-decoration: line-through; text-decoration-color: rgba(98, 103, 138, .45); }
.rd .stg.skip .dot { background: #F1F2F7; border: 2px dashed var(--line-2, #CDD1DE); color: var(--muted, #62678A); }
.rd .stg .w.skip-w { color: var(--muted, #62678A); font-weight: 600; font-style: italic; }

/* All-stages popup */
.rd .sm-st.skip b,
.rd .sm-st.skip span:not(.ic) { color: var(--muted, #62678A); opacity: .65; }
.rd .sm-st.skip b { text-decoration: line-through; text-decoration-color: rgba(98, 103, 138, .45); }
.rd .sm-st.skip .ic { background: #F1F2F7; border-style: dashed; color: var(--muted, #62678A); }
.rd .sm-col.skip .sm-h { opacity: .8; }

/* Customer portal — order window stepper (.cpm-steps) and the Home "In progress" bars */
.cpm-steps .cpm-step.skip i {
  background: #F1F2F7;
  border: 2px dashed var(--c-line, #E1E4EE);
  color: var(--c-muted, #62678A);
  box-shadow: none;
}
.cpm-steps .cpm-step.skip span { color: var(--c-muted, #62678A); opacity: .6; text-decoration: line-through; text-decoration-color: rgba(98, 103, 138, .45); }
/* The connector INTO a skipped step is grey; the one leaving it keeps the progress colour. */
.cpm-steps .cpm-step.skip::before { background: var(--c-line, #E1E4EE); }
.cpm-steps .cpm-step.skip + .cpm-step.done::before,
.cpm-steps .cpm-step.skip + .cpm-step.cur::before { background: var(--c-step, var(--c-accent)); }