/* Telas de conta do iPL (fatia H2b): ajustes do auth.css do iPlasHub para os formulários do Blazor.
   O Blazor marca todo campo com a classe "valid" desde o início (no iPlasHub ela só entra depois da validação
   do jQuery), e o auth.css pinta input.valid de verde. Aqui o campo fica neutro, e só o inválido é destacado. */
.form-group input.valid {
    border-color: var(--gray-200);
    background: var(--white);
}

.form-group input.valid:focus {
    border-color: var(--octapharma-blue);
}

.form-group input.modified.invalid {
    border-color: var(--danger-color);
    background: #FEF2F2;
}

.form-group input[readonly] {
    background: var(--gray-50);
    color: var(--gray-600);
}

/* Mensagens de validação (o auth.css do iPlasHub esconde a .validation-message). Veio do site.css, que desde a H3
   só é carregado nas telas internas */
.ipl-validacao {
    display: block;
    margin-top: 0.25rem;
    color: #B40054;
    font-size: 0.8rem;
}