/* Categoria: autenticacao. autenticacao-formulario; composição e estados deste módulo. */
/* Campos, ações e estados dos formulários de acesso. */
.auth-form, .auth-static-fields {
    display: grid;
    gap: 18px;
}

.auth-form {
    margin-top: var(--space-6);
}

.auth-static-fields {
    margin: var(--space-5) 0;
    padding: 0;
    border: 0;
}

.auth-form .ui-button, .auth-content > .ui-button {
    width: 100%;
    justify-self: stretch;
}

.auth-switch {
    margin: 22px 0 0;
    color: var(--muted);
    font-size: 15px;
}

.auth-switch a {
    color: var(--forest);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: var(--gold);
    text-underline-offset: 4px;
}

.auth-switch a:hover {
    color: var(--moss);
}

.auth-back {
    display: inline-flex;
    min-height: var(--control-height);
    align-items: center;
    color: var(--muted);
    font-size: var(--text-sm);
    text-decoration: underline;
    text-decoration-color: var(--gold);
    text-underline-offset: 4px;
}

.auth-content .ui-notice--info {
    border-left-color: var(--olive);
    background: var(--surface-notice);
    color: var(--deep);
}

.auth-honeypot {
    display: none;
}

altcha-widget {
    max-width: 100%;
    --altcha-color-base: var(--cream);
    --altcha-color-text: var(--ink);
    --altcha-color-border: var(--line);
}

@media (max-width: 420px) {
    .auth-form {
        gap: var(--space-4);
        margin-top: var(--space-5);
    }
}

.auth-form .field-error {
    margin: 0;
    font-size: var(--text-sm);
    line-height: 1.4;
}
.auth-switch + .auth-switch {
    margin-top: var(--space-3);
}