/* ============================================================================
 *  custom.css — overrides globales de la suite
 *  Cargado al final de head-css.php para sobreescribir Bootstrap/Adminto
 * ============================================================================ */

/* ──────────────────────────────────────────────────────────────────────────
 *  COMPACTACIÓN DE FORMULARIOS
 *  Reduce el espaciado vertical entre campos en todos los formularios y
 *  modales. Bootstrap usa mb-3 = 1rem por defecto, lo bajamos a 0.6rem
 *  para que los formularios se vean más compactos sin sentirse apretados.
 * ────────────────────────────────────────────────────────────────────────── */

/* Margen inferior de cada campo (mb-3) — cuando está dentro de form/card/modal */
form .mb-3,
.card-body .mb-3,
.modal-body .mb-3 {
    margin-bottom: 0.6rem !important;
}

form .mb-2,
.card-body .mb-2,
.modal-body .mb-2 {
    margin-bottom: 0.4rem !important;
}

form .mb-4,
.card-body .mb-4,
.modal-body .mb-4 {
    margin-bottom: 0.85rem !important;
}

/* Etiquetas de los campos (form-label) — Bootstrap default 0.5rem */
form .form-label,
.card-body .form-label,
.modal-body .form-label {
    margin-bottom: 0.2rem;
    font-size: 0.85rem;
}

/* Form text helper (descripciones bajo los inputs) */
form .form-text,
.card-body .form-text,
.modal-body .form-text {
    margin-top: 0.2rem;
    font-size: 0.78rem;
}

/* Filas de formulario con gutter g-3 → más justas */
form .row.g-3,
.card-body .row.g-3,
.modal-body .row.g-3 {
    --bs-gutter-y: 0.6rem;
    --bs-gutter-x: 0.85rem;
}

form .row.g-2,
.card-body .row.g-2,
.modal-body .row.g-2 {
    --bs-gutter-y: 0.4rem;
    --bs-gutter-x: 0.6rem;
}

/* Inputs y selects: padding vertical un poco más justo */
form .form-control,
form .form-select,
.card-body .form-control,
.card-body .form-select,
.modal-body .form-control,
.modal-body .form-select {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}

/* Pero respetamos los textarea que necesitan más aire arriba/abajo */
form textarea.form-control,
.card-body textarea.form-control,
.modal-body textarea.form-control {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Headers de cards también un pelín más juntos */
.card-header {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

/* Espacio entre el último campo y el footer del modal */
.modal-body {
    padding-bottom: 0.9rem;
}

/* Form-check (checkboxes/radios) — alineados con el resto */
form .form-check,
.card-body .form-check,
.modal-body .form-check {
    margin-bottom: 0.35rem;
}

/* Sidebar en modo oscuro — la plantilla define
   :root[data-bs-theme=dark][data-topbar-color=light] para el topbar pero
   no el equivalente del menú, y :root[data-menu-color=light] (más
   específico que [data-bs-theme=dark]) dejaba el sidebar blanco al
   activar el modo oscuro. Mismos valores que el menú oscuro de la plantilla. */
:root[data-bs-theme=dark][data-menu-color=light] {
    --ct-menu-bg: #252631;
    --ct-menu-item-color: #97aac1;
    --ct-menu-item-hover-color: #e2eeff;
    --ct-menu-item-hover-bg: #252630;
    --ct-menu-item-active-color: #e2eeff;
    --ct-menu-item-active-bg: #252630;
    --ct-sidenav-user-bg: #252630;
}