.environment-stage,
.environment-stage .layout-wrapper,
.environment-stage .layout-container,
.environment-stage .layout-page,
.environment-stage .content-wrapper,
.environment-stage .content-backdrop,
.environment-stage .authentication-wrapper {
  background-color: #fff1dc !important;
}

.environment-indicator {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 2000;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 2.25rem;
  padding: 0.4rem 0.9rem;
  color: #fff;
  background: #a33a00;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-top: 0;
  border-radius: 0 0 0.65rem 0.65rem;
  box-shadow: 0 0.3rem 0.8rem rgba(30, 41, 59, 0.28);
  font-size: 0.78rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  transform: translateX(-50%);
}

.environment-indicator strong {
  padding: 0.12rem 0.42rem;
  color: #7c2d12;
  background: #fff7ed;
  border-radius: 999px;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
}

@media (max-width: 575.98px) {
  .environment-indicator {
    width: max-content;
    max-width: calc(100vw - 1.5rem);
    justify-content: center;
    font-size: 0.72rem;
  }
}

.btn-start-driving,
.btn.btn-start-driving {
  background-color: #1f9d55 !important;
  border-color: #1f9d55 !important;
  color: #fff !important;
}

.btn-start-driving:hover,
.btn-start-driving:focus,
.btn-start-driving:active,
.btn-start-driving.active,
.show > .btn-start-driving.dropdown-toggle {
  background-color: #198754 !important;
  border-color: #198754 !important;
  color: #fff !important;
}

.btn-start-driving .icon-base,
.btn-start-driving span {
  color: #fff !important;
}

.vehicle-card-separated {
  border: 1px solid #cfd6dd !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

/* Restore a small gap between card header and body for readability */
.card .card-header + .card-body,
.card .card-header + .card-content > .card-body:first-of-type {
  padding-top: 0.75rem;
}

.modal .modal-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
}

.modal .modal-footer .btn {
  min-height: 2.35rem;
  padding: 0.45rem 0.95rem;
  border-radius: 0.45rem;
  font-weight: 600;
}

.modal .modal-footer .btn-primary,
.modal .modal-footer .btn-success {
  min-width: 6.5rem;
}

.modal .modal-footer .btn-label-secondary {
  min-width: 6rem;
}

@media (max-width: 575.98px) {
  .modal .modal-footer .btn {
    flex: 1 1 calc(50% - 0.25rem);
  }

  .modal .modal-footer .btn:only-child {
    flex-basis: 100%;
  }
}