/*
 * Admin Page — Centralized CSS
 *
 * Replaces scattered inline styles throughout the admin visual editors.
 * Import order: loaded automatically by Dash from /assets/.
 *
 * Created: 2026-02-22
 */

/* ── Section separators (left-border style used in bank tabs) ── */
.admin-section {
  border-left: 3px solid var(--bs-border-color, #E5E7EB);
  padding-left: 12px;
  margin-bottom: 20px;
}

/* ── Section headers (uppercase labels above field groups) ── */
.admin-section-header {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6B7280;
  margin-bottom: 12px;
}

/* ── Field labels ── */
.admin-field-label {
  font-size: 0.85rem;
  font-weight: 500;
}

/* ── Small helper text below fields ── */
.admin-field-hint {
  font-size: 0.78rem;
  color: #9CA3AF;
  margin-bottom: 12px;
}

/* ── Sub-section dividers (e.g. "Taxas Administrativas" inside fees card) ── */
.admin-subsection-header {
  font-size: 0.75rem;
  font-weight: 600;
  color: #374151;
  border-bottom: 1px solid #E5E7EB;
  padding-bottom: 4px;
  margin-bottom: 8px;
}

/* ── Sticky action bar at bottom of admin page ── */
.admin-sticky-actions {
  position: sticky;
  bottom: 16px;
  z-index: 900;
  background: var(--bs-body-bg, #fff);
}

/* ── MCMV / Pro-Cotista program accent (green for MCMV, blue for Pro-Cotista) ── */
.admin-program-mcmv {
  border-left: 3px solid #10B981;
  padding-left: 12px;
  margin-bottom: 20px;
}

.admin-program-procotista {
  border-left: 3px solid #3B82F6;
  padding-left: 12px;
  margin-bottom: 20px;
}