/* Small layout utilities that would otherwise need inline style=""
   attributes, which our Content-Security-Policy (style-src) disallows. */

.full-height-center {
  min-height: 100vh;
}

.card-narrow {
  max-width: 480px;
}

/* UCLA brand colors (UCLA Blue / UCLA Gold), applied via Bootstrap 5.3's
   CSS variable API rather than inline style="" -- our CSP disallows
   'unsafe-inline' on style-src, so every override has to live here. */
:root {
  --ucla-blue: #2774ae;
  --ucla-blue-dark: #1b4f75;
  --ucla-gold: #ffd100;

  --bs-primary: var(--ucla-blue);
  --bs-primary-rgb: 39, 116, 174;
  --bs-link-color: var(--ucla-blue);
  --bs-link-color-rgb: 39, 116, 174;
  --bs-link-hover-color: var(--ucla-blue-dark);
  --bs-link-hover-color-rgb: 27, 79, 117;
}

.btn-primary {
  --bs-btn-bg: var(--ucla-blue);
  --bs-btn-border-color: var(--ucla-blue);
  --bs-btn-hover-bg: var(--ucla-blue-dark);
  --bs-btn-hover-border-color: var(--ucla-blue-dark);
  --bs-btn-active-bg: var(--ucla-blue-dark);
  --bs-btn-active-border-color: var(--ucla-blue-dark);
  --bs-btn-focus-shadow-rgb: 39, 116, 174;
}

.btn-outline-primary {
  --bs-btn-color: var(--ucla-blue);
  --bs-btn-border-color: var(--ucla-blue);
  --bs-btn-hover-bg: var(--ucla-blue);
  --bs-btn-hover-border-color: var(--ucla-blue);
  --bs-btn-active-bg: var(--ucla-blue);
  --bs-btn-active-border-color: var(--ucla-blue);
}

/* Header bar, styled after UCLA's own site chrome: UCLA Blue background,
   a UCLA Gold underline, gold on hover/active nav links. */
.navbar-ucla {
  background-color: var(--ucla-blue) !important;
  border-bottom: 3px solid var(--ucla-gold);
}

.navbar-ucla .navbar-brand {
  font-weight: 600;
}

.navbar-ucla .nav-link:hover,
.navbar-ucla .nav-link:focus,
.navbar-ucla .nav-link.active {
  color: var(--ucla-gold) !important;
}

/* Clickable table rows — driven by table-nav.js; cursor set here to avoid
   inline style="" which our CSP disallows. */
tr.table-row-link td {
  cursor: pointer;
}

/* Thin brand bar for the standalone login pages, which have no navbar. */
.ucla-top-bar {
  background-color: var(--ucla-blue);
  border-bottom: 3px solid var(--ucla-gold);
  height: 0.5rem;
}