/* R31 CLIENTJOURNEY2 - scoped Client Journey restoration only */
.ui2-pu3-cj2{display:grid;gap:14px}
.ui2-pu3-cj2-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.ui2-pu3-cj2-head h3{margin:3px 0 4px}
.ui2-pu3-cj2-head p{margin:0;max-width:720px}
.ui2-pu3-cj2-cycle{flex:0 0 auto;padding:6px 10px;border:1px solid rgba(255,132,38,.36);border-radius:999px;background:rgba(255,112,24,.10);font-size:12px;font-weight:700}
.ui2-pu3-cj2-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ui2-pu3-cj2-stage{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(8,12,16,.34)}
.ui2-pu3-cj2-stage i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.16);font-style:normal;font-size:12px;font-weight:800}
.ui2-pu3-cj2-stage span{display:grid;gap:2px;min-width:0}
.ui2-pu3-cj2-stage small{font-size:10px;opacity:.66}
.ui2-pu3-cj2-stage b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui2-pu3-cj2-stage.is-complete{border-color:rgba(96,205,142,.28);background:rgba(61,148,102,.09)}
.ui2-pu3-cj2-stage.is-complete i{border-color:rgba(96,205,142,.45)}
.ui2-pu3-cj2-stage.is-current{border-color:rgba(255,126,30,.55);background:rgba(255,112,24,.13)}
.ui2-pu3-cj2-stage.is-current i{border-color:rgba(255,126,30,.65);background:rgba(255,112,24,.16)}
.ui2-pu3-cj2-current{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ui2-pu3-cj2-current>div{display:grid;gap:3px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(7,10,14,.28)}
.ui2-pu3-cj2-current small{font-size:10px;opacity:.68}
.ui2-pu3-cj2-current b{font-size:13px}
.ui2-pu3-cj2-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.ui2-pu3-cj2-actions form{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
.ui2-pu3-cj2-actions label{display:grid;gap:5px;font-size:11px}
.ui2-pu3-cj2-actions select{min-width:170px}
.ui2-pu3-cj2-actions button,.ui2-pu3-cj2-empty button{min-height:34px;padding:7px 11px}
.ui2-pu3-cj2-empty{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(7,10,14,.28)}
.ui2-pu3-cj2-empty span{opacity:.72;font-size:12px}
.ui2-pu3-cj2-history{display:grid;gap:7px}
.ui2-pu3-cj2-history>header{display:flex;align-items:center;justify-content:space-between}
.ui2-pu3-cj2-history>header div{display:grid;gap:2px}
.ui2-pu3-cj2-history>header small{font-size:10px;opacity:.66}
.ui2-pu3-cj2-history .ui2-pu3-journey.is-active{border-color:rgba(255,126,30,.38)}
@media(max-width:900px){
  .ui2-pu3-cj2-stages{grid-template-columns:1fr}
  .ui2-pu3-cj2-current{grid-template-columns:1fr}
  .ui2-pu3-cj2-head{display:grid}
}