/* Telas de acesso (login, escolha de loja, recuperação) do Super Admin e do painel. */
body.ui-acesso { min-height: 100vh; display: grid; place-items: center; padding: 20px 16px; background:
  radial-gradient(900px 500px at 15% -10%, rgba(59,130,246,.18), transparent 60%),
  radial-gradient(700px 400px at 110% 110%, rgba(20,184,166,.14), transparent 60%), var(--sa-bg); }
.ui-acesso-caixa { width: 100%; max-width: 410px; }
.ui-acesso-caixa .sa-marca { justify-content: center; margin-bottom: 22px; }
.ui-acesso-caixa .sa-marca-icone { width: 44px; height: 44px; border-radius: 12px; font-size: 1rem; }
.ui-acesso-caixa .sa-card { padding: 26px 24px; }
.ui-acesso-caixa .sa-campo { margin-bottom: 14px; }
.ui-acesso-caixa .sa-btn.primario { padding: 11px; }
.ui-acesso-rodape { text-align: center; font-size: .76rem; color: var(--sa-texto-fraco); margin-top: 16px; }
.ui-acesso-link { display: block; text-align: right; font-size: .8rem; margin: -6px 0 14px; color: var(--sa-acento); text-decoration: none; }
.ui-acesso-lojas { display: flex; flex-direction: column; gap: 8px; }
.ui-acesso-lojas button { text-align: left; }