/* ── TCAP Custom Styles ──────────────────────────────────────────────────── */

/* Fonts */
body {
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main.container-fluid {
  flex: 1;
}

/* ── Navbar ─────────────────────────────────────────────────────────────── */
.navbar-brand {
  letter-spacing: 0.08em;
  font-size: 1.25rem;
}

/* ── Cards ──────────────────────────────────────────────────────────────── */
.card {
  background-color: #1a1d21;
}

.card-header {
  font-size: 0.875rem;
  letter-spacing: 0.03em;
}

/* ── Tables ─────────────────────────────────────────────────────────────── */
.table-dark {
  --bs-table-bg: #1a1d21;
  --bs-table-striped-bg: #1e2227;
  --bs-table-hover-bg: #22262c;
  --bs-table-border-color: #343a40;
}

.ioc-table thead th {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.ioc-table td {
  vertical-align: middle;
}

/* Font monospace cells */
.font-monospace {
  font-size: 0.82rem;
  word-break: break-all;
}

/* ── Form controls ──────────────────────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

/* Select options in dark theme */
select option {
  background-color: #1a1d21;
  color: #dee2e6;
}

/* ── Badges ─────────────────────────────────────────────────────────────── */
.badge {
  font-weight: 500;
  font-size: 0.72rem;
  letter-spacing: 0.03em;
}

/* ── Accordion (actors page) ────────────────────────────────────────────── */
.accordion-button::after {
  filter: invert(1);
}

.accordion-button:not(.collapsed) {
  background-color: #22262c !important;
  color: #dee2e6 !important;
  box-shadow: none;
}

.accordion-button:focus {
  box-shadow: none;
}

/* ── Pagination ─────────────────────────────────────────────────────────── */
.page-link:hover {
  background-color: #2c3034 !important;
  color: #dee2e6 !important;
}

/* ── Alerts ─────────────────────────────────────────────────────────────── */
.alert {
  border-radius: 0.375rem;
  font-size: 0.9rem;
}

/* ── Loading spinner overlay (review page) ──────────────────────────────── */
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.15em;
}

/* ── Responsive tweaks ──────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .ioc-table {
    font-size: 0.78rem;
  }
  .form-select,
  .form-control {
    font-size: 0.82rem;
  }
}

/* ── Hero section ───────────────────────────────────────────────────────── */
.display-1 {
  font-size: 5rem;
  line-height: 1;
}

/* ── Inline code ────────────────────────────────────────────────────────── */
code {
  color: #20c997;
  font-size: 0.85em;
}

/* ── Scrollable table container ─────────────────────────────────────────── */
.table-responsive-xl {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}