/* Account jobs and school runs stay orange. Every other ride is blue.
   Finished and late rows keep their own colours. */

.v2p-jobcard[data-booking-type="school_run"]:not(.is-completed):not(.is-cancelled):not(.is-no_show):not(.is-delayed):not(.tone-overdue),
.v2p-jobcard[data-booking-type="account"]:not(.is-completed):not(.is-cancelled):not(.is-no_show):not(.is-delayed):not(.tone-overdue) {
  background: #fff4ea;
  box-shadow: inset 4px 0 0 #ea580c;
}

.v2p-jobcard[data-booking-type="school_run"]:not(.is-completed):not(.is-cancelled):not(.is-no_show):not(.is-delayed):not(.tone-overdue):hover,
.v2p-jobcard[data-booking-type="account"]:not(.is-completed):not(.is-cancelled):not(.is-no_show):not(.is-delayed):not(.tone-overdue):hover {
  background: #ffedd5;
}

.v2p-jobcard[data-booking-type]:not([data-booking-type="school_run"]):not([data-booking-type="account"]):not(.is-completed):not(.is-cancelled):not(.is-no_show):not(.is-delayed):not(.tone-overdue) {
  background: #e8f1ff;
  box-shadow: inset 4px 0 0 #2563eb;
}

.v2p-jobcard[data-booking-type]:not([data-booking-type="school_run"]):not([data-booking-type="account"]):not(.is-completed):not(.is-cancelled):not(.is-no_show):not(.is-delayed):not(.tone-overdue):hover {
  background: #dbeafe;
}

.v2p-jobcard.is-selected[data-booking-type="school_run"]:not(.is-completed):not(.is-cancelled):not(.is-no_show):not(.is-delayed):not(.tone-overdue),
.v2p-jobcard.is-selected[data-booking-type="account"]:not(.is-completed):not(.is-cancelled):not(.is-no_show):not(.is-delayed):not(.tone-overdue) {
  background: #ffedd5;
  box-shadow: inset 4px 0 0 #c2410c, inset 0 0 0 1px #ea580c;
}

.v2p-jobcard.is-selected[data-booking-type]:not([data-booking-type="school_run"]):not([data-booking-type="account"]):not(.is-completed):not(.is-cancelled):not(.is-no_show):not(.is-delayed):not(.tone-overdue) {
  background: #dbeafe;
  box-shadow: inset 4px 0 0 #1d4ed8, inset 0 0 0 1px #2563eb;
}