/* Estilo para a tabela */
.table {
    background-color: #f9f9f9; /* Fundo claro para a tabela */
    border-collapse: collapse;
    width: 100%;
}

.table-bordered {
    border: 1px solid #ddd; /* Borda sutil */
}

.table-hover tbody tr:hover {
    background-color: #f1f1f1; /* Cor ao passar o mouse */
}

.table th, .table td {
    padding: 10px;
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    padding: 5px; /* Adiciona um espaçamento interno */
}

.table-light {
    background-color: #f8f9fa; /* Cor de fundo para o cabeçalho */
}

.table th {
    background-color: #e9ecef; /* Cor mais escura para o cabeçalho */
    color: #495057; /* Cor escura para o texto do cabeçalho */
}

/* Estilo para a tabela com borda */
.table-bordered td, .table-bordered th {
    border: 1px solid #ddd; /* Borda sutil */
}

.log-details {
    max-width: 400px;
    white-space: normal !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.log-details:hover {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}

/* Estilos para a tabela de logs */
.table-responsive {
    border-radius: 0.5rem;
    overflow: hidden;
}

.table th {
    white-space: nowrap;
    position: relative;
    cursor: pointer;
}

.table th.sortable:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

.table th .bi-arrow-down-up {
    opacity: 0.3;
    font-size: 0.8rem;
    margin-left: 0.3rem;
}

.table th:hover .bi-arrow-down-up {
    opacity: 0.7;
}

.table th.sorted-asc .bi-arrow-down-up::before {
    content: "\f148";
    opacity: 1;
}

.table th.sorted-desc .bi-arrow-down-up::before {
    content: "\f149";
    opacity: 1;
}

.table th:nth-child(1) { width: 30%; }  /* Nome */
.table th:nth-child(2) { width: 40%; }  /* Email */
.table th:nth-child(3) { width: 30%; }  /* Ações */

.table td:nth-child(3) {
    white-space: nowrap; /* Impede que os botões quebrem linha */
}