/*
 * SecFer — Bootstrap overrides and custom components.
 * Bootstrap 5.3 handles all base styling; only project-specific rules live here.
 */

/* ── Body & layout ─────────────────────────────────────────────────────────── */
body {
  font-size: 0.925rem;
}

/* ── Navbar logo ───────────────────────────────────────────────────────────── */
.sf-logo {
  object-fit: contain;
  max-height: 50px;
  width: auto;
}

/* ── OTP input ─────────────────────────────────────────────────────────────── */
.sf-otp-input {
  font-size: 1.8rem;
  letter-spacing: 0.4rem;
  font-weight: 600;
  max-width: 240px;
  margin: 0 auto;
}

/* ── Card tweaks ───────────────────────────────────────────────────────────── */
.card {
  border-radius: 0.5rem;
}

.card-header {
  font-size: 0.875rem;
}

/* ── Table tweaks ──────────────────────────────────────────────────────────── */
.table > :not(caption) > * > * {
  vertical-align: middle;
}

/* ── Badge subtle variants (Bootstrap 5.3 adds these; polyfill for older CDN) */
.bg-primary-subtle  { background-color: #e7f0fd !important; }
.bg-success-subtle  { background-color: #d1f0da !important; }
.bg-danger-subtle   { background-color: #fce8e6 !important; }
.bg-warning-subtle  { background-color: #fef9e7 !important; }
.bg-secondary-subtle { background-color: #f0f0f0 !important; }

/* ── Audit log event colour coding ────────────────────────────────────────── */
code { font-size: 0.8rem; }

/* ── Auth pages — centre card on tall screens ──────────────────────────────── */
@media (min-height: 680px) {
  .sf-auth-wrapper {
    padding-top: 4rem;
  }
}