/* VFT Presentations — custom styles layered on top of Bootstrap 5 */

/* ── Brand: slightly deeper navbar ── */
.navbar.bg-primary {
  background-color: #0a58ca !important;
}

/* ── Utility: JS-hidden (replaces inline style="display:none") ── */
.js-hidden {
  display: none !important;
}

/* ── Login card: max-width in CSS instead of inline style ── */
.login-card {
  width: 100%;
  max-width: 420px;
}

/* ── Service-award preview table (replaces inline max-height) ── */
.scrollable-preview {
  max-height: 300px;
  overflow-y: auto;
}

/* ── Award-type selector cards (step 1 of Add Award) ── */
.award-type-card {
  cursor: pointer;
  transition: border-color 0.15s, background-color 0.15s;
  user-select: none;
}

.award-type-card:hover {
  border-color: #0d6efd !important;
  background-color: #f0f6ff;
}

.award-type-card:has(input:checked) {
  border-color: #0d6efd !important;
  background-color: #e8f0fe;
}

/* ── Stat cards: smaller heading so numbers stand out ── */
.stat-card-label {
  font-size: 0.85rem;
  opacity: 0.9;
}

.stat-card-number {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
}

.stat-card-sub {
  font-size: 0.75rem;
  opacity: 0.85;
}

/* ── Help text chip under filter bar ── */
.filter-hint {
  font-size: 0.82rem;
  color: #6c757d;
  margin-top: 0.25rem;
}