/* Booking pickup and destination sit on their own full-width lines. */

.v2p-jobcard {
  contain-intrinsic-size: auto 4.8rem;
}

.v2p-jobcard .v2p-jobrow-main {
  display: grid !important;
  grid-template-columns: 3.4rem minmax(4.8rem, auto) minmax(4.2rem, 1fr) minmax(4.6rem, 0.8fr) 3.4rem auto !important;
  grid-template-areas:
    "time status passenger driver fare actions"
    "route route route route route route" !important;
  align-items: center !important;
  row-gap: 0.16rem !important;
}

.v2p-jobcard time[data-col="time"] { grid-area: time; }
.v2p-jobcard [data-col="status"] { grid-area: status; }
.v2p-jobcard [data-col="passenger"] { grid-area: passenger; }
.v2p-jobcard [data-col="driver"] { grid-area: driver; }
.v2p-jobcard [data-col="fare"] { grid-area: fare; }
.v2p-jobcard [data-col="actions"] { grid-area: actions; justify-content: flex-end; }

.v2p-jobcard [data-col="route"],
.v2p-inspector-route,
.v2p-map-job span {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

.v2p-jobcard [data-col="route"] {
  grid-area: route;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.25;
  color: #0b1f3a;
}

.v2p-jobcard [data-col="route"] .v2p-type-chip {
  float: right;
  margin: 0.05rem 0 0.15rem 0.45rem;
}

.v2p-route-stop {
  display: flex;
  gap: 0.4rem;
  align-items: baseline;
  min-width: 0;
}

.v2p-route-stop + .v2p-route-stop {
  margin-top: 0.08rem;
}

.v2p-route-stop b {
  flex: 0 0 5.6rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.v2p-route-stop.is-pick b { color: #0f766e; }
.v2p-route-stop.is-dest b { color: #9a3412; }

.v2p-route-clock {
  flex: 0 0 auto;
  color: #0b1f3a;
  font-size: 1rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}

.v2p-jobcard time[data-col="time"] {
  font-size: 1.05rem;
}

.v2p-route-stop span {
  min-width: 0;
  color: #0b1f3a;
  font-size: 0.92rem;
  font-weight: 750;
}

.v2p-inspector-route {
  display: grid !important;
  gap: 0.12rem;
  margin: 0.4rem 0 0.5rem !important;
  font-size: 1rem !important;
  line-height: 1.3 !important;
}

.v2p-map-job {
  max-width: min(36rem, calc(100% - 5.5rem));
}

.v2p-map-job span {
  grid-column: 1 / -1;
  font-size: 0.86rem !important;
  line-height: 1.3 !important;
}

.v2p-map-job .v2p-route-stop b { color: #fde68a; }
.v2p-map-job .v2p-route-stop span { color: #fff; font-size: 0.86rem; }