/* ===========================================================
   MAX3 Momentum OS — Lead Journey styles (shared, .ljny)
   Standalone (not scoped to .leads/.profile) so the same component
   looks identical wherever it's embedded. Uses global tokens.
   =========================================================== */
.ljny{display:flex;flex-direction:column;gap:12px}
.ljny-attr{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11.5px;color:var(--m3-text-3);font-weight:600}
.ljny-attr-k{font-size:9.5px;letter-spacing:.5px;text-transform:uppercase;font-weight:700}
.ljny-src{font-size:9.5px;font-weight:800;letter-spacing:.3px;padding:2px 8px;border-radius:5px;text-transform:uppercase;
  color:var(--sc);background:color-mix(in srgb,var(--sc) 16%,transparent);border:1px solid color-mix(in srgb,var(--sc) 40%,transparent)}
.ljny-cap{color:var(--m3-text-3)}
.ljny-na{color:var(--m3-text-3)}

.ljny-tl{display:flex;flex-direction:column}
.ljny-step{display:flex;gap:12px}
.ljny-rail{display:flex;flex-direction:column;align-items:center;flex:0 0 auto}
.ljny-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:900;flex:0 0 auto;border:2px solid var(--m3-line);background:var(--m3-surface-3);color:var(--m3-text-3);box-sizing:border-box}
.ljny-line{width:2px;flex:1;min-height:14px;background:var(--m3-line);margin:2px 0}
.ljny-c{padding-bottom:14px;min-width:0}
.ljny-step:last-child .ljny-c{padding-bottom:0}
.ljny-t{font-size:12.5px;font-weight:700;color:var(--m3-text)}
.ljny-d{font-size:11px;color:var(--m3-text-3);margin-top:2px;font-family:var(--mono)}

/* states */
.ljny-step.done .ljny-dot{background:var(--m3-lime);border-color:var(--m3-lime);color:#15200a}
.ljny-step.done .ljny-line{background:var(--m3-lime)}
.ljny-step.next .ljny-dot{border-color:var(--m3-blue);color:var(--m3-blue);background:rgba(59,158,232,.12);
  box-shadow:0 0 0 3px rgba(59,158,232,.14)}
.ljny-step.next .ljny-t{color:var(--m3-blue)}
.ljny-step.next .ljny-d{color:var(--m3-blue)}
.ljny-step.pending .ljny-t{color:var(--m3-text-3);font-weight:600}
.ljny-step.lost .ljny-dot{border-color:var(--m3-red);background:rgba(204,34,34,.14);color:#ff8b8b}
.ljny-step.lost .ljny-t{color:#ff8b8b}