/* Creators' area online (docs/71): login screen and the account bar. Uses the colours of estilo.css. */
.tela-entrar { padding-bottom: 40px; }
.entrar-caixa { max-width: 420px; margin: 28px auto; background: var(--cartao); border-radius: var(--raio); box-shadow: var(--sombra); padding: 20px 18px; }
.entrar-caixa h2 { margin-top: 0; }
.entrar-caixa .bloco-label { display: block; margin: 12px 0; font-weight: 600; }
.entrar-caixa input { display: block; width: 100%; margin-top: 6px; font: inherit; padding: 11px 12px; border: 2px solid var(--borda); border-radius: 12px; background: #fff; }
.entrar-caixa input:focus { outline: none; border-color: var(--beterraba); }
.entrar-caixa .principal { width: 100%; margin: 10px 0 8px; }
.entrar-caixa .linha-acoes { display: flex; gap: 10px; justify-content: flex-end; margin-top: 10px; }
.ok-msg { background: var(--verde-claro); color: var(--verde); border-radius: 12px; padding: 10px 14px; margin: 10px 0; }
.conta { margin-top: 4px; font-size: 0.92rem; }
.conta .link { color: #fff; text-decoration: underline; background: none; border: 0; padding: 0; font: inherit; cursor: pointer; }
.conta-dialogo { border: 0; padding: 0; background: transparent; max-width: calc(100vw - 32px); }
.conta-dialogo::backdrop { background: rgba(45, 35, 38, 0.45); }
.conta-dialogo .entrar-caixa { margin: 0; }
/* Online the name comes from the login: the local "Seu nome" fields are hidden. */
.ini-nome, label:has(> #nome-criador) { display: none !important; }