/* Importando uma fonte bonita do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    background-color: #f4f7f6; /* Cor de fundo suave */
    color: #333;
}

/* Cor customizada para a barra de navegação e rodapé */
.bg-dark-blue {
    background-color: #1a237e !important;
}

/* Estilizando o card principal */
.card {
    border: none;
    border-radius: 15px;
    overflow: hidden;
}

.card-header h1 {
    font-weight: 700;
    color: #1a237e;
}

/* Estilo para a barra de busca */
.input-group .form-control {
    border-left: 0;
}

.input-group .form-control:focus {
    box-shadow: none;
    border-color: #8c9eff;
}

/* Estilo para a tabela */
.table thead th {
    background-color: #3949ab;
    color: #fff;
    border-color: #303f9f;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

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

.table td, .table th {
    vertical-align: middle;
}

/* Badge 'RECOMMENDED' */
.badge-success {
    background-color: #28a745;
}

/* Links na tabela */
a {
    color: #3f51b5;
    font-weight: 500;
}

a:hover {
    color: #1a237e;
    text-decoration: none;
}