/* BATCH 73 — CPO Journey route map. No table/grid appearance. */
.cpo-journey-wrap{
  max-width:1240px!important;
  margin:34px auto 22px!important;
  padding:0 30px!important;
  box-sizing:border-box!important;
}
.cpo-journey-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:28px!important;
  margin:0 0 22px!important;
  padding:0 2px!important;
}
.cpo-journey-head small{
  display:block!important;
  color:#b27c12!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
  margin-bottom:5px!important;
}
.cpo-journey-head b{
  display:block!important;
  color:#15384a!important;
  font-size:22px!important;
  line-height:1.12!important;
  letter-spacing:-.35px!important;
}
.cpo-journey-head span{
  color:#718086!important;
  font-size:11px!important;
  line-height:1.45!important;
  text-align:right!important;
  max-width:420px!important;
}
.cpo-master-flow{
  display:block!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.cpo-flow-group{
  display:block!important;
  margin:0 0 24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.cpo-flow-label{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  padding:8px 14px!important;
  margin:0 0 12px 0!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:1px!important;
  box-shadow:0 5px 14px rgba(20,53,67,.12)!important;
}
.cpo-flow-core .cpo-flow-label{background:#173f4c!important}
.cpo-flow-export .cpo-flow-label{background:#17647b!important}
.cpo-flow-domestic .cpo-flow-label{background:#8b6a1f!important}

.cpo-flow-links,
.cpo-flow-export .cpo-flow-links,
.cpo-flow-domestic .cpo-flow-links{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  min-width:0!important;
  padding:4px 4px 8px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-width:thin!important;
  background:transparent!important;
}
/* subtle journey line behind cards */
.cpo-flow-links::before{
  content:""!important;
  position:absolute!important;
  left:25px!important;
  right:25px!important;
  top:50%!important;
  height:2px!important;
  transform:translateY(-50%)!important;
  z-index:0!important;
  background:linear-gradient(90deg,rgba(23,63,76,.16),rgba(181,132,24,.20))!important;
}
.cpo-flow-export .cpo-flow-links::before{background:rgba(23,100,123,.18)!important}
.cpo-flow-domestic .cpo-flow-links::before{background:rgba(139,106,31,.18)!important}

.cpo-flow-links a{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  flex:0 0 132px!important;
  min-width:132px!important;
  min-height:78px!important;
  padding:12px 14px!important;
  border:1px solid rgba(39,73,84,.13)!important;
  border-radius:18px!important;
  background:#fff!important;
  text-decoration:none!important;
  box-shadow:0 8px 24px rgba(15,47,61,.08)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
.cpo-flow-links a:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 12px 28px rgba(15,47,61,.13)!important;
  border-color:rgba(39,73,84,.25)!important;
}
.cpo-flow-links small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:30px!important;
  height:22px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:#eef3f3!important;
  color:#9a6a0a!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.8px!important;
  margin:0 0 7px!important;
}
.cpo-flow-links b{
  display:block!important;
  color:#244755!important;
  font-size:11px!important;
  line-height:1.22!important;
  font-weight:850!important;
}
.cpo-flow-links a.active{
  background:linear-gradient(145deg,#fff8df,#ffedb1)!important;
  border-color:#d2a034!important;
  box-shadow:0 12px 30px rgba(184,132,22,.20)!important;
  transform:translateY(-3px)!important;
}
.cpo-flow-links a.active small{
  background:#c89520!important;
  color:#fff!important;
}
.cpo-flow-links a.active b{color:#6f4c08!important}

/* arrows become floating route markers, not cell separators */
.cpo-flow-links a:not(:last-child)::after{
  content:"→"!important;
  position:absolute!important;
  right:-18px!important;
  top:50%!important;
  transform:translate(50%,-50%)!important;
  z-index:4!important;
  width:24px!important;
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#799096!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:0 3px 9px rgba(20,55,70,.10)!important;
}

@media(max-width:980px){
  .cpo-journey-wrap{padding:0 14px!important;margin-top:24px!important}
  .cpo-journey-head{display:block!important;margin-bottom:18px!important}
  .cpo-journey-head span{display:block!important;text-align:left!important;margin-top:6px!important}
  .cpo-flow-group{margin-bottom:20px!important}
  .cpo-flow-links{gap:20px!important;padding-bottom:10px!important}
  .cpo-flow-links a{flex:0 0 145px!important;min-width:145px!important;min-height:76px!important}
}