label[for].form-label {
  cursor: pointer;
}

/* Booking urgency styling - BOLD font indicates urgent booking appointment */
tr.booking-urgent {
  font-weight: bold;
}

/* Order urgency styling - RED color indicates urgent order/followup */
tr.order-urgent {
  color: red;
}

/* When both booking and order are urgent - bold + red */
tr.booking-urgent.order-urgent {
  font-weight: bold;
  color: red;
}

/* Legacy support for old urgency_level classes - deprecated but kept for backwards compatibility */
tr.urgency_level-1 {
  font-weight: bold;
}

tr.urgency_level-2 {
  font-weight: bold;
  color: red;
}

.or-seperator .or-seperator-text-middle {
  background-color: var(--tblr-bg-surface);
}

.login-button {
  height: 50px;
  border-radius: 10px;
}

/*# override style for darkmode support */
.alert-info {
  background-color: var(--tblr-bg-info);
  color: var(--tblr-text-on-info);
}

.alert-warning {
  background-color: var(--tblr-bg-warning);
  color: var(--tblr-text-on-warning);
}

.alert-danger {
  background-color: var(--tblr-bg-danger);
  color: var(--tblr-text-on-danger);
}

/* Checkin page specific alert styling with higher specificity */
#urgency-help-text {
  background-color: #e7f3ff;
  border-color: #0d6efd;
  color: #0d6efd;

  font-size: small;
  padding: 0.5rem;
}

.alert-alert-bilateral,
.urgency-prio,
form.card .alert-warning,
.modal-body .alert-warning {
  background-color: #fff3cd !important;
  border-color: #fd7e14 !important;
  color: #fd7e14 !important;
}

.urgency-urgent,
form.card .alert-danger {
  background-color: #f8d7da !important;
  border-color: #dc3545 !important;
  color: #dc3545 !important;
}

[data-bs-theme=dark] #urgency-help-text {
  background-color: #022446;
}

[data-bs-theme=dark] .alert-alert-bilateral,
[data-bs-theme=dark] .urgency-prio,
[data-bs-theme=dark] .card-body .alert-warning,
[data-bs-theme=dark] form.card .alert-warning,
[data-bs-theme=dark] .modal-body .alert-warning {
  background-color: #66400a !important;
}

[data-bs-theme=dark] .urgency-urgent,
[data-bs-theme=dark] .card-body .alert-danger {
  background-color: #5a1f1f !important;
}