/* ============================================================
   TABS Y NAVEGACIÓN MÓVIL
   Sistema de Administración de Condominios
   ============================================================
   Contenido:
   - dir-tabs (tabs de directorio en columna)
   - dir-tab touch target
   - nav-tabs / directory-tabs
   - tab-btn full width
   - Filtros de directorio (dir-filters, dir-search-box)
   ============================================================ */

@media screen and (max-width: 768px) {
    /* Tabs de directorio */
    .dir-tabs-container {
        margin: 8px !important;
        padding: 8px !important;
    }

    .dir-tabs {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .dir-tab {
        width: 100% !important;
        justify-content: center !important;
        padding: 14px 16px !important;
        font-size: 14px !important;
    }

    /* Tabs genéricos */
    .nav-tabs, .directory-tabs {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .tab-btn {
        width: 100% !important;
        padding: 12px 16px !important;
        justify-content: center !important;
    }

    /* Filtros de directorio */
    .dir-filters-container { padding: var(--mobile-padding) !important; }

    .dir-filters {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .dir-search-box, .dir-filter-item { width: 100% !important; }

    .dir-search-box input {
        padding: 14px 14px 14px 44px !important;
        font-size: var(--mobile-font-input) !important;
        min-height: 50px !important;
    }

    .dir-filter-item select {
        min-height: 50px !important;
        padding: 14px !important;
        font-size: var(--mobile-font-input) !important;
    }
}