/* Exceções do produto sobre Auth/AccountSettings e BS Stepper originais do Sneat:
   cabeçalho/rodapé, cadastro sem painel lateral e identidade sem upload de foto. */
.authentication-wrapper.conta-autenticacao {
    flex-basis: auto;
    min-block-size: calc(100svh - 21rem);
    padding: 3rem 1rem;
}
.authentication-wrapper.conta-autenticacao .authentication-inner {
    min-inline-size: 0;
}
.conta-icon { inline-size: 1.375rem; block-size: 1.375rem; flex-shrink: 0; }
.conta-password-toggle { cursor: pointer; min-inline-size: 2.75rem; justify-content: center; }
.conta-password-toggle:hover { color: var(--bs-primary); }
.conta-password-toggle:focus-visible { z-index: 5; outline: 2px solid var(--bs-primary); outline-offset: -2px; }

/* A referência RegisterMultiSteps fornece o formulário de 700px.
   Sua ilustração e marca laterais foram dispensadas pelo produto. */
.authentication-wrapper.conta-cadastro {
    align-items: center;
    justify-content: center;
    background: var(--bs-paper-bg);
    border-radius: var(--bs-border-radius-lg);
    padding-block: 3.5rem;
}
.authentication-wrapper.conta-cadastro .authentication-inner { max-inline-size: 700px; }
.conta-cadastro .bs-stepper .step-trigger:disabled { opacity: 1; }
#cadastroStepper .step-trigger:focus-visible { outline: 2px solid var(--bs-primary); outline-offset: 5px; }
.conta-cadastro .content { min-inline-size: 0; }
.conta-registration-actions .btn { min-inline-size: 6.5rem; }

/* Account settings: abas acima de um cartão de largura integral, identidade
   no lugar da foto (o produto ainda não oferece upload), formulário em colunas. */
.conta-perfil { inline-size: 100%; }
.conta-perfil > .tab-content { background: transparent; box-shadow: none; }
.conta-profile-avatar { display: inline-grid; place-items: center; inline-size: 100px; block-size: 100px; flex: 0 0 100px; font-size: 2.5rem; font-weight: 500; }
.conta-profile-identity { min-inline-size: 0; flex: 1; }
.conta-sessao-dados { min-inline-size: 0; flex: 1; }

@media (max-width: 767.98px) {
    .authentication-wrapper.conta-cadastro { padding: 2rem 1.5rem; }
}
@media (max-width: 575.98px) {
    .authentication-wrapper.conta-autenticacao { padding: 1.5rem 0; min-block-size: calc(100svh - 17rem); }
    .authentication-wrapper.conta-cadastro { padding: 1.5rem 1rem; }
    .conta-password-toggle { min-block-size: 44px; }
    .conta-profile-avatar { inline-size: 80px; block-size: 80px; flex-basis: 80px; font-size: 2rem; }
}