/* ─── Typography ─────────────────────────────────────────── */
body {
  font-size: 0.9375rem;
}

/* ─── Navbar ─────────────────────────────────────────────── */
.navbar-brand {
  letter-spacing: 0.02em;
}

/* ─── Cards ──────────────────────────────────────────────── */
.card {
  border-radius: 0.75rem;
}

/* ─── Table ──────────────────────────────────────────────── */
.table thead th {
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  border-bottom-width: 1px;
}

.table tbody tr:last-child td {
  border-bottom: none;
}

/* ─── Buttons ────────────────────────────────────────────── */
.btn {
  border-radius: 0.5rem;
}

/* ─── Modals ─────────────────────────────────────────────── */
.modal-content {
  border-radius: 0.75rem;
}

/* ─── Admin-disabled nav links ───────────────────────────── */
.nav-admin-disabled {
  opacity: 0.45;
  pointer-events: none;
  cursor: not-allowed;
}

/* ─── Spin animation ─────────────────────────────────────── */
@keyframes spin { to { transform: rotate(360deg); } }
.spin { display: inline-block; animation: spin 0.75s linear infinite; }

/* ─── Spinner page center ────────────────────────────────── */
#loading {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}