/* ============================================================
   TELA DE LOGIN — ALERTA DE ERRO DOS FORMULÁRIOS + CHECAGEM DE SESSÃO NO BOOT
   Parte 9/9 da antiga style.css (linhas 2888–2926 do original).
   A ordem das <link> no index.html repete a ordem original do arquivo,
   então a cascata é exatamente a mesma de antes da divisão.
   ============================================================ */

/* ===================== ALERTA DE ERRO (FIREBASE) ===================== */
.form-alert {
  margin-bottom: 14px;
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 0.82rem;
  line-height: 1.45;
  background: rgba(239, 68, 68, 0.10);
  border: 1px solid rgba(239, 68, 68, 0.35);
  color: #fca5a5;
}

.form-alert[data-type="info"] {
  background: rgba(59, 130, 246, 0.10);
  border-color: rgba(59, 130, 246, 0.35);
  color: #93c5fd;
}

[data-theme="light"] .form-alert {
  background: rgba(239, 68, 68, 0.08);
  color: #b91c1c;
}

[data-theme="light"] .form-alert[data-type="info"] {
  background: rgba(59, 130, 246, 0.08);
  color: #1d4ed8;
}

/* ============================================================
   Verificação de sessão no carregamento (app.js)
   ------------------------------------------------------------
   Enquanto o site checa se já existe sessão ativa (para pular
   direto pro chat), o formulário fica invisível — evita o
   "flash" da tela de login. A classe é removida pelo JS assim
   que a decisão é tomada (ou após um timeout de segurança). */
html.liz-auth-check #root,
html.liz-auth-check .theme-toggle {
  visibility: hidden;
}