#loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 2000;
  flex-direction: column;
}
#loading-overlay .spinner-border {
  width: 3rem;
  height: 3rem;
}
#loading-overlay .progress {
  width: 80%;
  height: 0.5rem;
  margin-top: 1rem;
  border-radius: 10px;
  background-color: #e9ecef;
}
#loading-overlay .progress-bar {
  background-color: #007bff;
  border-radius: 10px;
  transition: width 0.3s ease;
}

/* Force outline button hover states to override Bootstrap */
.inline-flex.border-2.border-brand-blue-600:hover {
    background-color: #5c9cd1 !important;
    color: white !important;
}

.inline-flex.border-2.border-black:hover {
    background-color: black !important;
    color: white !important;
}