/* =============================== */
/* Estilo da Página Approve Access */
/* =============================== */

/* Contêiner principal */
.approve-access-container {
    background-color: var(--background-color-secondary);
    padding: 5rem;
    border-radius: 3rem;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
}

/* Título */
.approve-access-title {
    font-size: 8rem;
    font-weight: bold;
    color: var(--text-color);
    text-align: center;
    margin-bottom: 5rem;
}

/* Mensagem de erro */
.approve-access-error-message {
    font-size: 5rem; /* Tamanho do texto reduzido */
    background-color: #f8d7da;
    padding: 3rem 4rem;
    border: 0.5rem solid #f5c6cb;
    border-radius: 2rem;
    text-align: center;
    max-width: 100rem; /* Largura máxima */
    margin: 0 auto 3rem auto; /* Centraliza horizontalmente */
}

/* Mensagem de aprovação */
.approve-access-message-container {
    text-align: center;
    margin: 3rem 0;
}

.approve-access-message {
    font-size: 4rem;
    color: var(--text-color-secondary);
}

/* Botões de aprovação e rejeição */
.approve-access-button {
    padding: 2rem 4rem; /* Reduz o padding */
    margin: 2rem 2rem 2rem 3rem;
    font-size: 4rem; /* Reduz o tamanho da fonte */
    font-weight: bold;
    color: var(--button-color);
    border-radius: 1rem;
    text-transform: uppercase;
    transition: background-color 0.3s ease, transform 0.2s ease;
    width: 15rem; /* Largura fixa menor */
    text-align: center; /* Centraliza o texto */
    cursor: pointer;
}

.approve-access-button.approve {
    background-color: var(--button-background-success);
    border: none;
}

.approve-access-button.approve:hover {
    background-color: #45a482; /* Verde mais escuro no hover */
}

.approve-access-button.reject {
    background-color: #ff4d4d;
    border: none;
}

.approve-access-button.reject:hover {
    background-color: #d93025; /* Vermelho mais escuro no hover */
}

/* Espaçamento entre botões no grupo */
.approve-access-button-group > .btn {
    margin: 0 1rem; /* Adiciona espaço horizontal entre os botões */
}

/* Botão desativado */
.approve-access-button.disabled {
    background-color: #e0e0e0;
    color: #b0b0b0;
    cursor: not-allowed;
}

/* Botão selecionado */
.approve-access-button.selected {
    border: 0.5rem solid #0056b3;
    background-color: #0056b3;
    color: #ffffff;
}

/* Mensagem de feedback */
.approve-access-feedback {
    margin-top: 5rem;
    font-size: 4rem;
    color: var(--text-color-secondary);
    text-align: center;
}