
/* AUTOVIGO V190 — desktop + mobile booking status cards */
.v167-status-row{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
.v167-status-card{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 14px!important;
  background:#fff!important;
  border:1px solid #e4e8ed!important;
  border-radius:11px!important;
  min-height:72px!important;
  cursor:pointer!important;
  box-shadow:0 1px 3px rgba(16,24,40,.04)!important;
  transition:border-color .15s ease,box-shadow .15s ease!important;
}
.v167-status-card:hover{
  border-color:#d0d5dd!important;
  box-shadow:0 4px 12px rgba(16,24,40,.07)!important;
}
.v190-status-icon{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#fff2ad!important;
  color:#111!important;
}
.v190-status-icon svg{
  width:21px!important;height:21px!important;
  fill:none!important;stroke:currentColor!important;
  stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.v167-status-card small{
  display:block!important;
  font-size:10px!important;
  line-height:1.15!important;
  color:#475467!important;
  white-space:normal!important;
}
.v167-status-card strong{
  display:block!important;
  margin-top:3px!important;
  font-size:22px!important;
  line-height:1!important;
  color:#101828!important;
}
.v167-status-card.pending .v190-status-icon{background:#fff3bf!important;color:#8a6500!important}
.v167-status-card.pending strong{color:#e2a500!important}
.v167-status-card.confirmed .v190-status-icon{background:#dff7e8!important;color:#16803d!important}
.v167-status-card.confirmed strong{color:#16a34a!important}
.v167-status-card.completed .v190-status-icon{background:#e1efff!important;color:#2563eb!important}
.v167-status-card.completed strong{color:#2563eb!important}
.v167-status-card.cancelled .v190-status-icon{background:#fee2e2!important;color:#d92d20!important}
.v167-status-card.cancelled strong{color:#ef4444!important}
.v190-status-arrow{font-size:24px!important;font-weight:700!important;color:#d6aa00!important}
.v167-status-card.confirmed .v190-status-arrow{color:#16a34a!important}
.v167-status-card.completed .v190-status-arrow{color:#2563eb!important}
.v167-status-card.cancelled .v190-status-arrow{color:#ef4444!important}

@media(max-width:760px){
 .v167-status-row{gap:5px!important}
 .v167-status-card{
   grid-template-columns:1fr!important;
   gap:3px!important;
   padding:8px 5px!important;
   min-height:82px!important;
   text-align:left!important;
 }
 .v190-status-icon{width:27px!important;height:27px!important}
 .v190-status-icon svg{width:15px!important;height:15px!important}
 .v167-status-card small{font-size:7px!important}
 .v167-status-card strong{font-size:18px!important}
 .v190-status-arrow{display:none!important}
}
