/* ═══════════════════════════════════════════════════════════
   G2AUTH.CSS — tela de Login / Cadastro do G2-ERP (conta na
   nuvem, separada do OAuth do Mercado Livre em css/auth.css).
   ═══════════════════════════════════════════════════════════ */

.g2auth-screen {
  position: fixed; inset: 0; z-index: 500;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg);
  padding: 16px;
}
.g2auth-card {
  background: var(--s1); border: 1px solid var(--bd); border-radius: var(--rad);
  padding: 28px; max-width: 380px; width: 100%;
}
.g2auth-tabs {
  display: flex; gap: 4px; background: var(--s2); border-radius: 8px; padding: 4px; margin-bottom: 18px;
}
.g2auth-tab {
  flex: 1; background: none; border: none; border-radius: 6px;
  color: var(--mu); font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600;
  padding: 8px; cursor: pointer; transition: background .15s, color .15s;
}
.g2auth-tab.active { background: var(--s3); color: var(--tx); }
.g2auth-form .fl { margin-bottom: 12px; }