/* ============================================
   RESPONSIVE CONFIGURACIÓN — MOBILE
   Breakpoint: max-width 767px

   Estilos responsive móviles exclusivos del
   módulo Configuración: secciones, cuentas
   bancarias, filtros de auditoría.
   ============================================ */

/* --------------------------------------------
   SECCIONES DE CONFIGURACIÓN
   -------------------------------------------- */
@media screen and (max-width: 767px) {
    .config-section {
        padding: 12px !important;
    }

    .config-grid {
        grid-template-columns: 1fr !important;
    }
}

/* --------------------------------------------
   CUENTAS BANCARIAS
   -------------------------------------------- */
@media screen and (max-width: 767px) {
    .bank-accounts-list {
        gap: 12px !important;
    }

    .bank-account-card {
        padding: 14px !important;
    }
}

/* --------------------------------------------
   FILTROS DE AUDITORÍA
   -------------------------------------------- */
@media screen and (max-width: 767px) {
    #filtroAudModulo,
    #filtroAudAccion,
    #filtroAudUsuario,
    #filtroAudFechaDesde,
    #filtroAudFechaHasta,
    #buscadorAuditoria {
        min-width: 0 !important;
        width: 100% !important;
    }

    /* Contenedor de filtros → columna */
    div[style*="display: flex"][style*="flex-wrap: wrap"][style*="gap: 10px"][style*="background: #f9fafb"] {
        flex-direction: column !important;
    }

    div[style*="display: flex"][style*="flex-wrap: wrap"][style*="gap: 10px"][style*="background: #f9fafb"] > div {
        min-width: 0 !important;
        width: 100% !important;
        flex: none !important;
    }
}