/* LIQ R13D - Match Travel UX */
.liq-travel-r13d{
  margin:16px 0;
  border:1px solid rgba(148,163,184,.22);
  border-radius:18px;
  padding:16px;
  background:
    linear-gradient(135deg,rgba(9,18,30,.96),rgba(18,31,47,.94));
  color:#eef4f8;
  box-shadow:0 14px 34px rgba(0,0,0,.20);
}
.liq-travel-r13d.coach{
  margin:0 0 16px;
}
.liq-travel-r13d .liq-travel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.liq-travel-r13d .liq-travel-head small,
.liq-travel-r13d article span,
.liq-travel-r13d .liq-travel-timeline span{
  display:block;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#93a4b7;
}
.liq-travel-r13d .liq-travel-head h3{
  margin:4px 0 3px;
  font-size:19px;
  color:#fff;
}
.liq-travel-r13d .liq-travel-head p{
  margin:0;
  color:#b9c7d5;
  font-size:12px;
}
.liq-travel-status{
  flex:0 0 auto;
  border-radius:999px;
  padding:7px 10px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  border:1px solid rgba(148,163,184,.28);
}
.liq-travel-status.ok{color:#99f6c8;background:rgba(22,101,52,.24);border-color:rgba(74,222,128,.28)}
.liq-travel-status.live{color:#bae6fd;background:rgba(3,105,161,.28);border-color:rgba(56,189,248,.32)}
.liq-travel-status.bad{color:#fecaca;background:rgba(153,27,27,.28);border-color:rgba(248,113,113,.34)}
.liq-travel-status.neutral{color:#d9e1ea;background:rgba(71,85,105,.28)}
.liq-travel-main{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}
.liq-travel-main article{
  padding:11px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(148,163,184,.12);
}
.liq-travel-main article b{
  display:block;
  margin-top:4px;
  font-size:13px;
  color:#f8fafc;
}
.liq-travel-main article small{
  display:block;
  margin-top:3px;
  color:#91a3b5;
  font-size:10px;
}
.liq-travel-timeline{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid rgba(148,163,184,.15);
}
.liq-travel-timeline > div{
  position:relative;
  padding:0 12px 0 18px;
  min-height:44px;
  border-right:1px solid rgba(148,163,184,.12);
}
.liq-travel-timeline > div:last-child{border-right:0}
.liq-travel-timeline i{
  position:absolute;
  left:3px;
  top:4px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f59e0b;
  box-shadow:0 0 0 4px rgba(245,158,11,.12);
}
.liq-travel-timeline b{
  display:block;
  margin-top:4px;
  font-size:12px;
  color:#f8fafc;
}
.liq-travel-r13d footer{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  margin-top:11px;
  color:#8193a6;
  font-size:10px;
}
.liq-travel-alert{
  margin-top:12px;
  padding:10px 12px;
  border:1px solid rgba(248,113,113,.3);
  background:rgba(127,29,29,.18);
  border-radius:10px;
}
.liq-travel-alert b,.liq-travel-alert span{display:block}
.liq-travel-alert span{margin-top:2px;color:#fecaca;font-size:11px}
@media(max-width:980px){
  .liq-travel-main{grid-template-columns:repeat(2,minmax(0,1fr))}
  .liq-travel-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 0}
}
@media(max-width:620px){
  .liq-travel-r13d .liq-travel-head{flex-direction:column}
  .liq-travel-main{grid-template-columns:1fr}
  .liq-travel-timeline{grid-template-columns:1fr}
  .liq-travel-timeline > div{border-right:0;border-bottom:1px solid rgba(148,163,184,.1);padding-bottom:9px;margin-bottom:8px}
}