/* ============================================================
   BOTONES MÓVIL
   Sistema de Administración de Condominios
   ============================================================
   Contenido:
   - Tamaños touch de btn genérico
   - btn-sm compacto
   - action-buttons / btn-group gap
   - btn-action (tablas)
   - Touch improvements (pointer: coarse)
   ============================================================ */

@media screen and (max-width: 768px) {
    .btn,
    button:not(.menu-toggle):not(.tab-btn):not(.dir-tab) {
        min-height: var(--touch-target-min) !important;
        padding: 12px 16px !important;
        font-size: 14px !important;
    }

    .btn-sm {
        min-height: 36px !important;
        padding: 8px 12px !important;
        font-size: 12px !important;
    }

    .action-buttons, .btn-group { gap: 8px !important; }

    .action-buttons .btn,
    .btn-group .btn {
        min-width: 40px !important;
        min-height: 40px !important;
    }

    .btn-action {
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 10px !important;
    }
}

/* ── Touch improvements (dispositivos con puntero impreciso) ── */
@media (pointer: coarse) {
    a, button, input[type="button"],
    input[type="submit"], input[type="reset"],
    .btn, .clickable {
        min-height: var(--touch-target-min);
        min-width: var(--touch-target-min);
    }

    table a, .dir-table a {
        display: inline-block;
        padding: 8px 4px;
    }

    .table-responsive, .dir-table-wrapper,
    .dropdown-list, .modal-body {
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }

    /* Desactivar hover en touch */
    .card:hover, .btn:hover, .report-card:hover {
        transform: none !important;
    }
}