/* Fix para dropdown de planes que no se corte */
    .table-responsive {
        overflow: visible !important;
    }
    
    .table tbody tr {
        position: relative;
    }
    
    .table tbody td:last-child {
        position: static !important;
    }
    
    /* Para móvil, asegurar que el dropdown se muestre correctamente */
    @media (max-width: 576px) {
        .mobile-dropdown {
            position: fixed !important;
            z-index: 1050 !important;
            min-width: 200px;
            left: 50% !important;
            top: 50% !important;
            transform: translate(-50%, -50%) !important;
        }
        
        .mobile-dropdown.show {
            transform: translate(-50%, -50%) !important;
        }

        /* Ocultar el dropdown en móvil, usar modal */
        .mobile-dropdown {
            display: none !important;
        }
    }
    
    /* Para evitar que se salga de la pantalla */
    .btn-group .dropdown-menu.show {
        transform: translate3d(0, 38px, 0) !important;
    }
    
    /* Reducir altura de las filas */
    .table {
        margin-bottom: 0;
    }
    
    .table thead th {
        padding: 8px 12px;
        vertical-align: middle;
    }
    
    .table tbody td {
        padding: 6px 12px;
        vertical-align: middle;
    }
    
    /* Estilos para dispositivos móviles */
    @media (max-width: 768px) {
        .table-responsive {
            margin-left: -12px;
            margin-right: -12px;
            overflow-x: auto !important;
            overflow-y: visible !important;
            -webkit-overflow-scrolling: touch;
            max-width: 100vw;
            width: calc(100% + 24px);
        }
        
        /* Scrollbar más delgado */
        .table-responsive::-webkit-scrollbar {
            height: 6px;
        }
        
        .table-responsive::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 3px;
        }
        
        .table-responsive::-webkit-scrollbar-thumb {
            background: #00ccff;
            border-radius: 3px;
        }
        
        .table-responsive::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
        
        .table {
            font-size: 0.75rem;
            margin-bottom: 0;
            min-width: 600px;
            table-layout: auto;
            width: 100%;
        }
        
        .table thead th {
            padding: 6px 8px;
            font-weight: 600;
            white-space: nowrap;
            font-size: 0.7rem;
        }
        
        .table thead th:first-child {
            width: 50px;
            text-align: center;
        }
        
        .table thead th:nth-child(2) {
            width: 120px;
        }
        
        .table thead th:nth-child(3) {
            width: 140px;
        }
        
        .table thead th:nth-child(4) {
            width: 100px;
        }
        
        .table thead th:nth-child(5) {
            width: 70px;
        }
        
        .table thead th:last-child {
            width: 120px;
        }
        
        .table tbody td {
            padding: 4px 8px;
            vertical-align: middle;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .table tbody td:first-child {
            white-space: nowrap;
            padding: 4px;
            text-align: center;
        }
        
        .table tbody td:first-child img,
        .table tbody td:first-child div {
            width: 35px !important;
            height: 35px !important;
            font-size: 14px !important;
        }
        
        .table tbody td:nth-child(2) {
            white-space: nowrap;
        }
        
        .table tbody td:nth-child(3),
        .table tbody td:nth-child(4),
        .table tbody td:nth-child(5) {
            font-size: 0.7rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .table tbody td:last-child {
            padding: 2px 4px;
            white-space: nowrap;
        }
        
        .btn-group-sm .btn {
            padding: 0.2rem 0.4rem;
            font-size: 0.65rem;
            min-width: 32px; /* Asegurar tamaño mínimo para toque */
            min-height: 28px;
        }
        
        .btn-group-sm .btn i {
            margin-right: 0;
        }
        
        .badge {
            font-size: 0.65rem;
            padding: 0.25rem 0.4rem;
            white-space: nowrap;
        }
    }