/**
 * Estilos para botões de ações
 */

/* Estilizar botões de ações */
.btn-group-sm .btn {
    margin-right: 2px;
}

.btn-group-sm .btn:last-child {
    margin-right: 0;
}

/* Estilizar botão de edição */
.btn-edit {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-edit:hover {
    background-color: #0069d9;
    border-color: #0062cc;
}

/* Estilizar botão de exclusão */
.btn-excluir {
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-excluir:hover {
    background-color: #c82333;
    border-color: #bd2130;
}

/* Adicionar espaçamento entre ícones e texto */
.btn i {
    margin-right: 5px;
}

/* Ajustar tamanho dos botões em dispositivos móveis */
@media (max-width: 768px) {
    .btn-group-sm .btn {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
    }
    
    .btn i {
        margin-right: 0;
    }
}

/* Adicionar efeito de hover nas linhas da tabela */
tr[data-id]:hover {
    background-color: #f8f9fa;
}

/* Adicionar transição suave para os botões */
.btn {
    transition: all 0.2s ease-in-out;
}

/* Adicionar efeito de clique nos botões */
.btn:active {
    transform: scale(0.95);
}