/* ============================================================
   EDIFICIOS - MOBILE (<768px)
   Sistema de Administración de Condominios
   ============================================================

   CONTENIDO
   - Form layout (edificio-form-container → columna)
   - Nomenclatura grid (5 columnas, items compactos)
   - Tabla de apartamentos preview (font-size)

   SCOPE: todas las reglas bajo [data-module="edificios"]

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

@media screen and (max-width: 768px) {
    /* Form de edificios → columna */
    #moduleContainer[data-module="edificios"] .edificio-form-container {
        flex-direction: column !important;
    }

    #moduleContainer[data-module="edificios"] .edificio-form-left,
    #moduleContainer[data-module="edificios"] .edificio-form-right {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Nomenclatura — mantener 5 columnas compactas en mobile */
    #moduleContainer[data-module="edificios"] .nomenclatura-grid {
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 8px !important;
    }

    #moduleContainer[data-module="edificios"] .nomenclatura-item {
        min-height: 40px !important;
        font-size: 12px !important;
    }

    /* Tabla preview de apartamentos */
    #moduleContainer[data-module="edificios"] .apartments-preview-table {
        font-size: 11px !important;
    }
}