/* ============================================================
   CUENTAS POR PAGAR - TABLET (768px – 1023px)
   Sistema de Administración de Condominios
   ============================================================

   CONTENIDO
   - Header: mantener flex-direction row en rango tablet

   HISTORIA
   - La regla de header estaba en mobile.css con breakpoint 992px
     (outlier fuera del sistema canónico).
   - Se movió aquí y se normalizó a max-width: 1023px.
   - Origen: compensar que global/mobile.css aplica flex-direction:column
     al .module-header en mobile, pero CxP necesita row desde tablet.

   ============================================================ */


/* ── HEADER — TABLET ─────────────────────────────────────────── */

@media (min-width: 768px) and (max-width: 1023px) {
    /*
     * CxP header mantiene dirección row en tablet.
     * En mobile (<768px) el header se gestiona en mobile.css.
     * Scope: [data-module="cuentas-por-pagar"] para no afectar otros módulos.
     */
    #moduleContainer[data-module="cuentas-por-pagar"] .cxp-header-left {
        flex-direction: row;
        align-items: center;
    }

    #moduleContainer[data-module="cuentas-por-pagar"] .cxp-header,
    #moduleContainer[data-module="cuentas-por-pagar"] .module-header.cxp-header {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    #moduleContainer[data-module="cuentas-por-pagar"] .cxp-btn-volver {
        width: auto;
    }
}