/* Definindo o tema escuro com detalhes em verde nos botões */
body {
    font-family: 'Poppins', sans-serif;
    background-color: #121212;
    /* Fundo escuro */
    color: #E0E0E0;
    /* Texto off-white */
}

.navbar {
    background-color: #333;
    /* Cor de fundo escura para o navbar */
}

.navbar .navbar-brand {
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    /* Texto branco para o nome */
}

.navbar .btn-danger {
    background-color: #FF7043 !important;
    /* Laranja para o botão "Sair" */
    border: none;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 12px;
    height: 36px;
    font-size: 14px;
}

/* Cards */
.card {
    background-color: #333;
    border: 1px solid #444;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

.card .card-title {
    font-weight: bold;
    color: #FFFFFF;
    /* Texto branco nos títulos */
}

.card .card-body {
    background-color: #555;
    /* Cor de fundo mais suave */
    color: #E0E0E0;
    /* Texto off-white */
}

.card-footer a {
    background-color: #00C853;
    /* Verde para os botões */
    color: white;
    /* Texto branco nos botões */
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 20px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.card-footer a:hover {
    background-color: #00B248;
    /* Verde mais escuro ao passar o mouse */
}

/* Rodapé */
footer {
    font-size: 14px;
    background-color: #262521;
    color: white;
}

/* Estilo do ícone no botão de Sair */
.material-icons {
    vertical-align: middle;
}

/* Alinhamento do botão "Sair" */
.navbar .ml-auto {
    margin-left: auto;
}

/* Ajustando os botões e links para o tema verde */
.btn,
.card-footer a {
    background-color: #00C853;
    /* Verde para botões e links */
    color: white;
    /* Texto branco */
}

.btn:hover,
.card-footer a:hover {
    background-color: #00B248;
    /* Verde mais escuro ao passar o mouse */
    color: white;
    /* Texto branco permanece mesmo no hover */
}

/* Ajustes no Rodapé para garantir o bom posicionamento */
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background-color: #1A1A1A;
    /* Escuro, mas mais suave para o rodapé */
}


/* Garantir que o botão de voltar tenha a aparência correta */
.btn-voltar {
    background: none;
    /* Remove fundo */
    border: none;
    /* Remove borda */
    color: #00C853;
    /* Cor verde */
    font-size: 18px;
    /* Tamanho de fonte para o texto */
    text-decoration: none;
    /* Remove sublinhado */
}

.btn-voltar:hover {
    background: none;
    /* Remove fundo */
    border: none;
    /* Remove borda */
    color: #00C853;
    /* Cor verde */
    font-size: 18px;
    /* Tamanho de fonte para o texto */
    text-decoration: none;
    /* Remove sublinhado */
}

.btn-voltar i {
    margin-right: 8px;
    /* Espaço entre a seta e o texto */
}

/* Estilo da mensagem de sucesso */
.success-message {
    background-color: #00C853;
    color: white;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 20px;
}

/* Mensagem de erro */
.error-message {
    background-color: #FF7043;
    color: white;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 20px;
}