/* Support app — minimal custom styles */

/* Override Bootstrap primary colour */
:root {
  --bs-primary: #509EE3;
  --bs-primary-rgb: 80, 158, 227;
  --bs-btn-bg: #509EE3;
  --bs-btn-border-color: #509EE3;
  --bs-btn-hover-bg: #3a8fd4;
  --bs-btn-hover-border-color: #3a8fd4;
  --bs-btn-active-bg: #2d7fc6;
  --bs-btn-active-border-color: #2d7fc6;
  --bs-link-color: #509EE3;
  --bs-link-hover-color: #3a8fd4;
}

.bg-primary        { background-color: #509EE3 !important; }
.text-primary      { color: #509EE3 !important; }
.border-primary    { border-color: #509EE3 !important; }
.btn-primary       { background-color: #509EE3; border-color: #509EE3; }
.btn-primary:hover,
.btn-primary:focus { background-color: #3a8fd4; border-color: #3a8fd4; }
.btn-primary:active{ background-color: #2d7fc6; border-color: #2d7fc6; }
.btn-outline-primary            { color: #509EE3; border-color: #509EE3; }
.btn-outline-primary:hover      { background-color: #509EE3; border-color: #509EE3; }
.badge.bg-primary  { background-color: #509EE3 !important; }

body {
  min-height: 100vh;
}

.navbar-brand {
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.card {
  border-radius: 0.5rem;
}

.table th {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.table td {
  vertical-align: middle;
}

/* Make badge borders subtle on light priority */
.badge.bg-light {
  border-color: #dee2e6 !important;
}