/* ============================================================
   TABLAS MÓVIL — GLOBALES (excluye directorio)
   Sistema de Administración de Condominios
   ============================================================
   Contenido:
   - Contenedor con scroll horizontal (table-responsive)
   - Tabla base y celdas genéricas (data-table, propietarios-table)
   - Nota: reglas .dir-table viven en directorio/mobile.css
   ============================================================ */

@media screen and (max-width: 768px) {
    /* Contenedor con scroll */
    .table-responsive {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        margin: 0 -8px !important;
        padding: 0 8px !important;
    }

    /* Tabla base genérica */
    table, .data-table, .propietarios-table {
        min-width: 0 !important;
        font-size: 14px !important;
    }

    table th, table td,
    .data-table th, .data-table td {
        padding: 10px 8px !important;
        font-size: 15px !important;
    }

    table th, .data-table th {
        font-size: 14px !important;
        white-space: nowrap !important;
    }

    /* Botones en celdas de tabla */
    table td button, .data-table td button {
        padding: 6px 10px !important;
        font-size: 14px !important;
    }
}

/* ── Mobile pequeño 480px — tablas ────────────────────────── */
@media screen and (max-width: 480px) {
    table th, table td {
        padding: 8px 6px !important;
        font-size: 11px !important;
    }
}