/* ==========================================================================
   acesso.css — Panel de acesso (e-mail → transmissão) e erros do jQuery Validate
   Por enquanto só o layout do campo; as mensagens entram com a lógica.
   ========================================================================== */

.dFormAcesso label {
    display: block;
    margin-bottom: .5rem;
    font-weight: 700;
}

.dFormAcesso .sdi-form-linha {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.dFormAcesso .form-control {
    flex: 1 1 14rem;
    min-width: 0;
}

/* mensagem do jQuery Validate */
label.error,
.dFormAcesso .error {
    display: block;
    margin-top: .35rem;
    font-size: .875rem;
    font-weight: 400;
    color: var(--sdi-erro);
}

/* A FAIXA DE ERRO do acesso (SDI-1017). Aparece acima do campo quando o e-mail nao tem
   inscricao ou foi digitado errado — a pessoa continua no formulario e tenta de novo.
   Cores: as mesmas do erro do jQuery Validate acima (var(--sdi-erro), frontend.css:128);
   a caixa usa --sdi-superficie (frontend.css:127) e --sdi-linha (frontend.css:123). */
.sdi-erro-faixa {
    margin: 0 0 1rem;
    padding: .75rem 1rem;
    border: 1px solid var(--sdi-linha);
    border-left: 4px solid var(--sdi-erro);
    border-radius: .5rem;
    background-color: var(--sdi-superficie);
    font-size: .95rem;
    line-height: 1.4;
}

.sdi-erro-faixa a {
    white-space: nowrap;
}