/* Formy — custom styles (Bootstrap 5 is the base) */

/* ── Layout ─────────────────────────────────────────────────────────────── */
body {
  background-color: #f8f9fa;
}

main.container {
  max-width: 960px;
}

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

/* ── Cards ──────────────────────────────────────────────────────────────── */
.card {
  border: 1px solid #dee2e6;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.card-header {
  background-color: #f1f3f5;
  font-weight: 500;
}

/* ── Tables ─────────────────────────────────────────────────────────────── */
.table th {
  white-space: nowrap;
}

/* ── Audio recorder widget ──────────────────────────────────────────────── */
.audio-recorder {
  border-top: 1px solid #dee2e6;
  padding-top: 0.75rem;
  margin-top: 0.75rem;
}

.audio-recorder .status-text {
  font-size: 0.85rem;
}

/* ── Admin nav active state ─────────────────────────────────────────────── */
.navbar .btn-outline-light.active {
  background-color: rgba(255, 255, 255, 0.15);
}

/* ── Thank-you check mark ───────────────────────────────────────────────── */
.display-1 {
  color: #198754;
}

/* ── Collapsible card header cursor ────────────────────────────────────── */
[data-bs-toggle="collapse"] {
  cursor: pointer;
  user-select: none;
}