/* =====================================================================
   style-popins-pro.css — fenêtres d'invitation et de connexion harmonisées (09/10/2026).
   Chargée après les autres feuilles par my-paisible-assistant.php et index.php. Contenus et fonctionnement inchangés :
   seuls la position, les dimensions et le style sont alignés.
   1. Invitations aux offres (Essentiel, Pro, Premium, stratégie Pro, visuels IA) : carte unique, centrée dans la zone
      de contenu, à droite de la barre latérale (minimisée ou déployée : --sidebar-effective-w, tenue à jour par le site).
   2. Connexion aux réseaux (Facebook, Instagram, X, LinkedIn, WhatsApp, TikTok, YouTube, Google) : même style,
      même dimension, même position que la fenêtre Facebook (référence).
   Les styles écrits dans les balises des fenêtres imposent !important.
   ===================================================================== */

:root { --pp-side: var(--sidebar-effective-w, var(--sidebar-w, 0px)); }
@media (max-width: 768px) { :root { --pp-side: 0px; } }

/* ---------- 1. Invitations aux offres ---------- */
html body #popin-invite-mode-essentiel.popin-overlay,
html body #popin-invite-mode-pro.popin-overlay,
html body #popin-invite-mode-premium.popin-overlay,
html body #popin-invite-strategy-pro.popin-overlay {
  position: fixed !important; inset: 0 !important;
  align-items: center !important; justify-content: center !important;
  padding: 16px 16px 16px calc(var(--pp-side) + 16px) !important;
  box-sizing: border-box !important;
  background: rgba(15, 23, 42, .55) !important;
}
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .popin-content,
html body #stableLoginPopin > .login-content {
  width: min(540px, 100%) !important; max-width: min(540px, calc(100vw - var(--pp-side) - 32px)) !important;
  max-height: calc(100vh - 32px) !important; overflow: auto !important;
  padding: 30px 32px 24px !important; border-radius: 18px !important; background: #fff !important;
  box-shadow: 0 24px 64px rgba(15, 23, 42, .28) !important; box-sizing: border-box !important;
  font-family: 'Montserrat', system-ui, sans-serif !important; color: #13314a; text-align: center !important;
}
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .popin-content {
  position: relative !important; inset: auto !important; transform: none !important; margin: 0 auto !important; align-self: center !important;
}
/* « Créez des visuels… » : carte fixe (ouverte en bloc), centrée dans la zone de contenu */
html body #stableLoginPopin > .login-content {
  position: fixed !important; top: 50% !important; left: calc(50% + (var(--pp-side) / 2)) !important; right: auto !important;
  transform: translate(-50%, -50%) !important; margin: 0 !important;
}
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .popin-scroll {
  max-height: none !important; overflow: visible !important; padding: 0 !important;
}
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .popin-image-container,
html body #stableLoginPopin .popin-visual { margin: 0 0 14px !important; text-align: center !important; }
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .popin-image-container img,
html body #stableLoginPopin .popin-visual img {
  display: block !important; margin: 0 auto !important; max-width: min(240px, 70%) !important; max-height: 168px !important;
  width: auto !important; height: auto !important; object-fit: contain !important; border-radius: 8px;
}
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .popin-text-content { padding: 0 !important; }
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) h2,
html body #stableLoginPopin > .login-content h2 {
  margin: 0 0 12px !important; font: 800 22px/1.3 'Montserrat', system-ui, sans-serif !important; color: #0f1a2b !important;
  text-align: center !important; text-wrap: balance;
}
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .popin-text-content > p,
html body #stableLoginPopin > .login-content > p {
  margin: 0 0 10px !important; font-size: 15px !important; line-height: 1.6 !important; color: #44566e !important; text-align: center !important;
}
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .invite-features {
  display: inline-block !important; margin: 6px auto 4px !important; padding: 0 !important; text-align: left !important;
}
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .invite-features li {
  margin: 7px 0 !important; font-size: 14.5px !important; line-height: 1.45 !important; color: #13314a !important; align-items: flex-start !important;
}
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .invite-features li > span:first-child { color: #185FA5 !important; margin-top: 2px; }
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .popin-cta-row,
html body #stableLoginPopin .stable-diffusion-button-container {
  display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; margin: 18px 0 18px !important;
}
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .btn-offers,
html body #stableLoginPopin .stable-diffusion-button-container .btn {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important;
  margin: 0 !important; padding: 12px 28px !important; border-radius: 999px !important; border: 0 !important;
  background: #185FA5 !important; color: #fff !important; text-decoration: none !important;
  font: 700 16px/1.1 'Montserrat', system-ui, sans-serif !important; box-shadow: 0 10px 24px rgba(24, 95, 165, .28) !important;
  transition: background .15s ease, transform .15s ease;
}
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .btn-offers:hover,
html body #stableLoginPopin .stable-diffusion-button-container .btn:hover { background: #134d86 !important; transform: translateY(-1px); }
/* bouton secondaire « Se connecter » (visiteur) de la fenêtre visuels */
html body #stableLoginPopin .stable-diffusion-button-container .btn:not(.btn-primary) {
  background: #fff !important; color: #185FA5 !important; border: 1.5px solid #cfe0f2 !important; box-shadow: none !important;
}
/* lignes de contact (« Une question ? … » + e-mail) */
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .popin-text-content > p:nth-last-of-type(-n+2),
html body #stableLoginPopin > .login-content > p:nth-last-of-type(-n+2) {
  margin: 4px 0 0 !important; font-size: 13.5px !important; line-height: 1.5 !important; color: #5b6b80 !important;
}
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) a[href^="mailto:"],
html body #stableLoginPopin a[href^="mailto:"] { color: #185FA5 !important; font-weight: 700 !important; }
/* croix de fermeture */
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .close-offers,
html body #stableLoginPopin > .login-content > .close {
  position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: 34px !important; height: 34px !important; padding: 0 !important; border-radius: 999px !important; border: 0 !important;
  background: #f1f5f9 !important; color: #475569 !important; font-size: 20px !important; line-height: 1 !important; cursor: pointer; z-index: 2;
}
html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .close-offers:hover,
html body #stableLoginPopin > .login-content > .close:hover { background: #e2e8f0 !important; color: #0f172a !important; }
@media (max-width: 560px) {
  html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) .popin-content,
  html body #stableLoginPopin > .login-content { padding: 26px 18px 20px !important; border-radius: 16px !important; }
  html body :is(#popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro) h2,
  html body #stableLoginPopin > .login-content h2 { font-size: 19px !important; }
}

/* ---------- 2. Connexion aux réseaux : modèle Facebook ---------- */
html body :is(#facebookLoginPopin, #instagramLoginPopin, #xLoginPopin, #linkedinLoginPopin, #whatsappLoginPopin, #tiktokLoginPopin, #youtubeLoginPopin, #gbpLoginPopin) {
  background: rgba(0, 0, 0, .5) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
html body :is(#facebookLoginPopin, #instagramLoginPopin, #xLoginPopin, #linkedinLoginPopin, #whatsappLoginPopin, #tiktokLoginPopin, #youtubeLoginPopin) > .login-content,
html body #gbpLoginPopin > .login-content.gbp-login-content--connect {
  position: fixed !important; top: 50% !important; left: calc(50% + (var(--pp-side) / 2)) !important; right: auto !important; bottom: auto !important;
  transform: translate(-50%, -50%) !important; margin: 0 !important;
  width: 400px !important; max-width: min(90vw, calc(100vw - var(--pp-side) - 32px)) !important; max-height: calc(100vh - 32px) !important; overflow: auto !important;
  padding: 20px !important; border-radius: 10px !important; background: #fff !important; box-shadow: none !important;
  text-align: center !important; box-sizing: border-box !important; font-family: 'Montserrat', sans-serif !important;
}
html body :is(#facebookLoginPopin, #instagramLoginPopin, #xLoginPopin, #linkedinLoginPopin, #whatsappLoginPopin, #tiktokLoginPopin, #youtubeLoginPopin) > .login-content h2,
html body #gbpLoginPopin > .login-content.gbp-login-content--connect h2 {
  margin: .8em 0 .5em !important; font: 700 1.5rem/normal 'Montserrat', sans-serif !important; color: #333 !important; text-align: center !important;
}
html body :is(#facebookLoginPopin, #instagramLoginPopin, #xLoginPopin, #linkedinLoginPopin, #whatsappLoginPopin, #tiktokLoginPopin, #youtubeLoginPopin) > .login-content > p,
html body #gbpLoginPopin > .login-content.gbp-login-content--connect p.gbp-muted {
  margin: 0 0 1em !important; font-size: 1rem !important; line-height: normal !important; color: #333 !important; text-align: center !important;
}
html body #gbpLoginPopin > .login-content.gbp-login-content--connect .gbp-shell { gap: 0 !important; padding: 0 !important; }
html body :is(#facebookLoginPopin, #instagramLoginPopin, #xLoginPopin, #linkedinLoginPopin, #whatsappLoginPopin, #tiktokLoginPopin, #youtubeLoginPopin) > .login-content > .close,
html body #gbpLoginPopin > .login-content.gbp-login-content--connect > .close {
  position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important;
  display: block !important; width: auto !important; height: auto !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important;
  font-size: 1.2rem !important; line-height: normal !important; color: #aaa !important; cursor: pointer;
}
html body :is(#facebookLoginPopin, #instagramLoginPopin, #xLoginPopin, #linkedinLoginPopin, #whatsappLoginPopin, #tiktokLoginPopin, #youtubeLoginPopin) > .login-content > .close:hover,
html body #gbpLoginPopin > .login-content.gbp-login-content--connect > .close:hover { color: #777 !important; }
/* rangée d'actions : bouton du réseau puis « Annuler » dessous, comme Facebook */
html body #facebookLoginPopin .social-login-container,
html body #xLoginPopin .social-login-container,
html body #instagramLoginPopin .login-content > div:has(> #instagramAuthLink),
html body #linkedinLoginPopin .login-content > div:has(> .linkedin-login-container),
html body #tiktokLoginPopin .login-content > div:has(> #tiktokOauthLaunchButton),
html body #youtubeLoginPopin .login-content > div:has(> #youtubeOauthLaunchButton),
html body #gbpLoginPopin .gbp-login-content--connect .gbp-connect-actions {
  display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important;
  gap: 12px !important; margin: 22px 0 0 !important;
}
html body :is(#fbLoginBtn, #instagramAuthLink, #tiktokOauthLaunchButton, #youtubeOauthLaunchButton, #gbpConnectButton),
html body #xLoginPopin .x-login-button,
html body #linkedinLoginPopin .linkedin-login-container {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important;
  min-height: 48px !important; padding: 12px 20px !important; border-radius: 999px !important; max-width: 100% !important; box-sizing: border-box !important;
  font: 700 16px/1.05 'Montserrat', sans-serif !important; text-decoration: none !important; white-space: nowrap !important; border: none !important; box-shadow: none !important;
}
html body :is(#cancelFacebookLoginPopin, #cancelInstagramLoginPopin, #cancelXLoginPopin, #cancelLinkedinLoginPopin, #cancelTiktokLoginPopin, #cancelYoutubeLoginPopin, #cancelGbpLoginPopin) {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 48px !important; height: auto !important; padding: 12px 18px !important; border-radius: 999px !important;
  background: #fff !important; color: #111827 !important; border: 1px solid #d1d5db !important; box-shadow: none !important;
  font: 600 14px/1 'Montserrat', sans-serif !important; cursor: pointer !important;
}
/* WhatsApp (« Prochainement… ») : formulaire aux mêmes codes */
html body #whatsappNotifyForm { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; margin-top: 6px !important; }
html body #whatsappNotifyForm br { display: none !important; }
html body #whatsappNotifyForm label { font-size: 14px !important; color: #333 !important; }
html body #whatsappNotifyForm #whatsappEmail {
  width: 100% !important; max-width: 320px !important; min-height: 46px !important; padding: 0 14px !important; box-sizing: border-box !important;
  border: 1px solid #d1d5db !important; border-radius: 12px !important; font: 400 15px 'Montserrat', sans-serif !important; color: #111827 !important;
}
html body #whatsappNotifyForm button {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 12px 20px !important;
  border-radius: 999px !important; border: none !important; background: #25D366 !important; color: #fff !important;
  font: 700 16px/1.05 'Montserrat', sans-serif !important; cursor: pointer !important;
}
@media (prefers-color-scheme: dark) {
  html body #youtubeLoginPopin > .login-content { background: #fff !important; }
  html body #youtubeLoginPopin > .login-content h2, html body #youtubeLoginPopin > .login-content > p { color: #333 !important; }
}

/* ---------- 3. Le bouton flottant mobile (« Créez vos contenus… », niveau d'affichage maximal) passait au-dessus
   des fenêtres ouvertes : il est masqué tant que l'une d'elles est affichée, puis réapparaît à la fermeture. ---------- */
body:has(:is(#facebookLoginPopin, #instagramLoginPopin, #xLoginPopin, #linkedinLoginPopin, #whatsappLoginPopin, #tiktokLoginPopin, #youtubeLoginPopin, #gbpLoginPopin, #stableLoginPopin, #popin-invite-mode-essentiel, #popin-invite-mode-pro, #popin-invite-mode-premium, #popin-invite-strategy-pro)[style]:not([style*="none"])) #hpPromptFab {
  visibility: hidden !important; pointer-events: none !important;
}

/* ---------- 4. Messages des réseaux dans la fenêtre de publication (ex. « Le contenu à partager sur YouTube doit être une vidéo. »,
   Pinterest) — window.psAlert, construit en styles en ligne : mêmes style, dimension et position que la connexion Facebook (09/10/2026) ---------- */
html body .ps-alert-ov {
  background: rgba(0, 0, 0, .5) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; padding: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
}
html body .ps-alert-ov > div {
  position: fixed !important; top: 50% !important; left: calc(50% + (var(--pp-side) / 2)) !important; right: auto !important; bottom: auto !important;
  transform: translate(-50%, -50%) !important; margin: 0 !important;
  width: 400px !important; max-width: min(90vw, calc(100vw - var(--pp-side) - 32px)) !important; max-height: calc(100vh - 32px) !important; overflow: auto !important;
  padding: 20px !important; border-radius: 10px !important; background: #fff !important; box-shadow: none !important;
  text-align: center !important; box-sizing: border-box !important; font-family: 'Montserrat', sans-serif !important;
}
html body .ps-alert-ov > div > div:first-of-type { display: none !important; } /* pastille d'icône : absente du modèle Facebook */
html body .ps-alert-ov > div > h2 {
  margin: .8em 0 .5em !important; font: 700 1.5rem/normal 'Montserrat', sans-serif !important; color: #333 !important; text-align: center !important;
}
html body .ps-alert-ov > div > p {
  margin: .6em 0 1em !important; font-size: 1rem !important; line-height: 1.45 !important; color: #333 !important; text-align: center !important;
}
html body .ps-alert-ov > div > button:first-child {
  position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important;
  width: auto !important; height: auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important;
  font-size: 1.2rem !important; line-height: normal !important; color: #aaa !important; cursor: pointer !important;
}
html body .ps-alert-ov > div > button:first-child:hover { color: #777 !important; }
html body .ps-alert-ov > div > button:last-child:not(:first-child) {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 48px !important; min-width: 140px !important; margin: 10px 0 0 !important; padding: 12px 20px !important; border-radius: 999px !important;
  background: #185FA5 !important; color: #fff !important; border: none !important; box-shadow: none !important;
  font: 700 16px/1.05 'Montserrat', sans-serif !important; cursor: pointer !important;
}
html body .ps-alert-ov > div > button:last-child:not(:first-child):hover { background: #134d86 !important; }
body:has(.ps-alert-ov) #hpPromptFab { visibility: hidden !important; pointer-events: none !important; }

/* ---------- 5. Connexion aux réseaux depuis la fenêtre « Analyse d'image » (popins analyze*LoginPopin) : même modèle Facebook (09/10/2026) ---------- */
html body :is(#analyzeFacebookLoginPopin, #analyzeInstagramLoginPopin, #analyzeXLoginPopin, #analyzeLinkedinLoginPopin, #analyzeWhatsappLoginPopin, #analyzeTiktokLoginPopin, #analyzeGbpLoginPopin) {
  background: rgba(0, 0, 0, .5) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
html body :is(#analyzeFacebookLoginPopin, #analyzeInstagramLoginPopin, #analyzeXLoginPopin, #analyzeLinkedinLoginPopin, #analyzeWhatsappLoginPopin, #analyzeTiktokLoginPopin, #analyzeGbpLoginPopin) > .login-content {
  position: fixed !important; top: 50% !important; left: calc(50% + (var(--pp-side) / 2)) !important; right: auto !important; bottom: auto !important;
  transform: translate(-50%, -50%) !important; margin: 0 !important;
  width: 400px !important; max-width: min(90vw, calc(100vw - var(--pp-side) - 32px)) !important; max-height: calc(100vh - 32px) !important; overflow: auto !important;
  padding: 20px !important; border-radius: 10px !important; background: #fff !important; box-shadow: none !important; border: 0 !important;
  text-align: center !important; box-sizing: border-box !important; font-family: 'Montserrat', sans-serif !important;
}
html body :is(#analyzeFacebookLoginPopin, #analyzeInstagramLoginPopin, #analyzeXLoginPopin, #analyzeLinkedinLoginPopin, #analyzeWhatsappLoginPopin, #analyzeTiktokLoginPopin, #analyzeGbpLoginPopin) > .login-content > h2 {
  margin: .8em 0 .5em !important; font: 700 1.5rem/normal 'Montserrat', sans-serif !important; color: #333 !important; text-align: center !important;
}
html body :is(#analyzeFacebookLoginPopin, #analyzeInstagramLoginPopin, #analyzeXLoginPopin, #analyzeLinkedinLoginPopin, #analyzeWhatsappLoginPopin, #analyzeTiktokLoginPopin, #analyzeGbpLoginPopin) > .login-content > p {
  margin: 0 0 1em !important; font-size: 1rem !important; line-height: normal !important; color: #333 !important; text-align: center !important;
}
html body :is(#analyzeFacebookLoginPopin, #analyzeInstagramLoginPopin, #analyzeXLoginPopin, #analyzeLinkedinLoginPopin, #analyzeWhatsappLoginPopin, #analyzeTiktokLoginPopin, #analyzeGbpLoginPopin) > .login-content > .close {
  position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important;
  display: block !important; width: auto !important; height: auto !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important;
  font-size: 1.2rem !important; line-height: normal !important; color: #aaa !important; cursor: pointer;
}
html body :is(#analyzeFacebookLoginPopin, #analyzeInstagramLoginPopin, #analyzeXLoginPopin, #analyzeLinkedinLoginPopin, #analyzeWhatsappLoginPopin, #analyzeTiktokLoginPopin, #analyzeGbpLoginPopin) > .login-content > .close:hover { color: #777 !important; }
/* rangée d'actions : bouton du réseau puis « Annuler » dessous */
html body :is(#analyzeFacebookLoginPopin, #analyzeInstagramLoginPopin, #analyzeXLoginPopin, #analyzeLinkedinLoginPopin) > .login-content > div:has(> a) {
  display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important;
  gap: 12px !important; margin: 22px 0 0 !important;
}
html body :is(#analyzeFacebookLoginPopin, #analyzeInstagramLoginPopin, #analyzeXLoginPopin, #analyzeLinkedinLoginPopin) > .login-content > div:has(> a) > a {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important;
  min-height: 48px !important; padding: 12px 20px !important; border-radius: 999px !important; max-width: 100% !important; box-sizing: border-box !important;
  font: 700 16px/1.05 'Montserrat', sans-serif !important; text-decoration: none !important; white-space: nowrap !important; border: none !important; box-shadow: none !important;
}
html body :is(#analyzeFacebookLoginPopin, #analyzeInstagramLoginPopin, #analyzeXLoginPopin, #analyzeLinkedinLoginPopin) > .login-content > div:has(> a) > button {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 48px !important; height: auto !important; padding: 12px 18px !important; border-radius: 999px !important;
  background: #fff !important; color: #111827 !important; border: 1px solid #d1d5db !important; box-shadow: none !important;
  font: 600 14px/1 'Montserrat', sans-serif !important; cursor: pointer !important;
}
/* « Prochainement… » (WhatsApp, TikTok, Google) : formulaire aux mêmes codes que la fenêtre de publication */
html body :is(#analyzeWhatsappNotifyForm, #analyzeTiktokNotifyForm, #analyzeGbpNotifyForm) { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; margin-top: 6px !important; }
html body :is(#analyzeWhatsappNotifyForm, #analyzeTiktokNotifyForm, #analyzeGbpNotifyForm) br { display: none !important; }
html body :is(#analyzeWhatsappNotifyForm, #analyzeTiktokNotifyForm, #analyzeGbpNotifyForm) label { font-size: 14px !important; color: #333 !important; }
html body :is(#analyzeWhatsappEmail, #analyzeTiktokEmail, #analyzeGbpEmail) {
  width: 100% !important; max-width: 320px !important; min-height: 46px !important; margin: 0 !important; padding: 0 14px !important; box-sizing: border-box !important;
  border: 1px solid #d1d5db !important; border-radius: 12px !important; font: 400 15px 'Montserrat', sans-serif !important; color: #111827 !important;
}
html body :is(#analyzeWhatsappNotifyForm, #analyzeTiktokNotifyForm, #analyzeGbpNotifyForm) button {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 12px 20px !important;
  border-radius: 999px !important; border: none !important; font: 700 16px/1.05 'Montserrat', sans-serif !important; cursor: pointer !important;
}
html body #analyzeWhatsappNotifyForm button { background: #25D366 !important; color: #fff !important; }
body:has(:is(#analyzeFacebookLoginPopin, #analyzeInstagramLoginPopin, #analyzeXLoginPopin, #analyzeLinkedinLoginPopin, #analyzeWhatsappLoginPopin, #analyzeTiktokLoginPopin, #analyzeGbpLoginPopin)[style]:not([style*="none"])) #hpPromptFab {
  visibility: hidden !important; pointer-events: none !important;
}