/* =========================================== */
/*   Estilos para o Formulário de Criação de   */
/*             Instituições                    */
/* =========================================== */

/* Se quiser envolver todo o formulário em um contêiner adicional (opcional) */
/* .create-institution-form {
    max-width: 80rem;        Ajuste a largura máxima do form
    margin: 0 auto;          Centraliza horizontalmente
    padding: 2rem;           Espaçamento interno
} */

/* Cada "linha" do formulário (dbc.Row) já tem class new-form-group */
.new-form-group {
    margin-bottom: 2rem; /* espaçamento vertical entre grupos */
}

/* Label dos campos (dbc.Label) */
.new-form-label {
    font-size: 4rem;
    font-weight: 600;
    color: #333333;
}

/* Asterisco de "campo obrigatório" */
.new-required-asterisk {
    color: red;
    margin-left: 0.3rem;
    font-weight: 700;
}

/* Campo de input (dbc.Input) */
.new-form-input {
    width: 100%;
    font-size: 4rem;
    margin: 1rem;
    padding: 3rem;
    border-radius: 2rem;
    border: 1px solid #ccc;
    transition: border-color 0.3s ease;
}

.new-form-input:focus {
    border-color: var(--button-background-hover); /* cor ao focar */
    outline: none; 
}

/* Campo de seleção (dbc.Select) */
.new-form-dropdown {
    width: 100%;
    font-size: 4rem;
    margin: 1rem;
    padding: 3rem;
    border-radius: 2rem;
    border: 1px solid #ccc;
    transition: border-color 0.3s ease;
    background-color: #fff;
}

.new-form-dropdown:focus {
    border-color: var(--button-background-hover); /* cor ao focar */
    outline: none;
}

/* Mensagem de feedback (erros, avisos) */
.new-feedback-message {
    color: #d9534f; /* vermelho bootstrap */
    font-size: 4rem;
    margin-top: 0.5rem;
}

/* Ícone de checagem (validado) */
.check-icon {
    font-size: 2rem;
    margin-left: 2rem;
    color: #28a745; /* verde bootstrap */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Legenda de campos obrigatórios */
.new-required-field-legend {
    font-size: 3rem;
    color: #666666;
    margin-top: 2rem;
    text-align: center;
}

/* Botão de submit (ex.: "Create") no final do form */
#create-inst-submit, #save-institution-edits-btn {
    font-size: 4rem;
    padding: 1rem 2rem;
    border-radius: 1rem;
    font-weight: 500;
    margin: 2rem;
}

#confirm-delete-institution-btn {
    font-size: 4rem;
    padding: 1rem 2rem;
    border-radius: 1rem;
    font-weight: 500;
    margin: 2rem 0;
}