/* Identidade 2.0 — a MESMA da landing (jornada/jornada.css) nas telas de conta (login, cadastro, recuperação, chamados),
   no painel do franqueado e no admin do SaaS. Carregado DEPOIS do <style> de cada tela: troca as variáveis que elas já
   usam (--primary, --primary-gradient, --bg-dark…) e só acrescenta a marca e os botões. Nada de layout é refeito aqui. */
:root {
  --ms2-noite: #0B0A14;
  --ms2-noite-2: #14122A;
  --ms2-rosa: #E1306C;
  --ms2-redes: linear-gradient(90deg, #FEDA75, #FA7E1E 25%, #D62976 50%, #962FBF 75%, #4F5BD5);
  --ms2-botao: linear-gradient(135deg, #FA7E1E 0%, #D62976 45%, #962FBF 78%, #4F5BD5 100%);

  --bg-dark: var(--ms2-noite);
  --bg-elev: var(--ms2-noite-2);
  --bg-sidebar: #0E0C1C;
  --primary: var(--ms2-rosa);
  --primary-2: #B66CE0;
  --primary-gradient: var(--ms2-botao);
  --primary-glow: rgba(214, 41, 118, .28);
  --font-display: 'Outfit', 'Inter', system-ui, sans-serif;
}

/* ---------- a marca (ícone com o gradiente das redes + "Mestre Social") ---------- */
.ms2-icone { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--ms2-redes);
  color: #fff; font-size: 15px; flex: 0 0 auto; box-shadow: 0 8px 22px -10px rgba(214, 41, 118, .7); }
.ms2-icone i { color: #fff !important; margin: 0 !important; }
.ms2-nome { font-family: 'Outfit', 'Inter', system-ui, sans-serif; font-weight: 700; letter-spacing: -.01em; color: #fff; white-space: nowrap; }
.ms2-nome b { font-weight: 800; background: var(--ms2-redes); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ms2-tag { margin-left: 4px; padding: 2px 8px; border-radius: 99px; border: 1px solid rgba(255, 255, 255, .18); color: #B7B2D3;
  font: 600 10.5px/1.6 'Inter', system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; vertical-align: middle; }
.logo, .sidebar-brand, .navbar-brand, .brand { display: inline-flex; align-items: center; gap: 10px; }
.logo .ms2-icone { width: 38px; height: 38px; border-radius: 11px; font-size: 16px; }

/* ---------- telas de conta (login, cadastro, esqueci, recuperar, chamados) ---------- */
body.ms2-conta {
  background:
    radial-gradient(70vmax 50vmax at 0 0, rgba(214, 41, 118, .16), transparent 70%),
    radial-gradient(70vmax 60vmax at 100% 100%, rgba(79, 91, 213, .16), transparent 70%),
    var(--ms2-noite) !important;
  background-attachment: fixed !important;
}
body.ms2-conta .container, body.ms2-conta .card { background: rgba(20, 18, 42, .72) !important; border-color: rgba(255, 255, 255, .09) !important; }
body.ms2-conta .btn { background: var(--ms2-botao) !important; box-shadow: 0 12px 30px -14px rgba(214, 41, 118, .75); }
body.ms2-conta .btn:hover { filter: brightness(1.06); }
body.ms2-conta .form-control:focus { border-color: var(--ms2-rosa) !important; box-shadow: 0 0 0 3px rgba(225, 48, 108, .18); }
body.ms2-conta a { color: var(--ms2-rosa); }
body.ms2-conta .logo { color: #fff; }

/* ---------- admin do SaaS: no celular a linha de ações quebrava para fora do cartão ---------- */
@media (max-width: 991px) {
  #tab-tenants .table-saas td:last-child > div { flex-wrap: wrap !important; justify-content: flex-end !important; row-gap: 6px; max-width: 100%; }
}