/* =========================================================
   Seguidor SMM — shell global do painel
   Unifica padding, fundo e densidade de TODAS as páginas
   no mesmo padrão leve do /neworder
   ========================================================= */

.body .wrapper-content,
.body .wrapper-content__body,
.body .wrapper-content__header {
  box-sizing: border-box !important;
}

.body .wrapper-content__header {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

.body .wrapper-content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.body .wrapper-content__body {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
}

.body .wrapper-content .container,
.body .wrapper-content .container-fluid {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Desktop: mesma densidade do neworder */
@media (min-width: 992px) {
  .body .wrapper-content,
  .body .wrapper-content__body,
  .body .wrapper-content__header {
    background: #F5F3FF !important;
  }
  .body .wrapper-content__body {
    padding: 14px 18px 36px !important;
  }
  .body .wrapper-content .container,
  .body .wrapper-content .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Mobile: exatamente o padrão limpo do neworder — SEM cortar conteúdo */
@media (max-width: 991px) {
  html {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }
  html,
  body.body,
  .body {
    height: auto !important;
    max-height: none !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .body:not(.mobile-menu-open) {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
    touch-action: pan-y !important;
  }

  .body,
  .body .wrapper,
  .body .wrapper-sidebar-navbar,
  .body .wrapper-content,
  .body .wrapper-content__body,
  .body .wrapper-content__header {
    background: #ffffff !important;
  }

  .body .wrapper,
  .body .wrapper-sidebar-navbar {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  .body .wrapper-content,
  .body .wrapper-sidebar-navbar .wrapper-content {
    zoom: 1 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    box-sizing: border-box !important;
  }

  .body .wrapper-content__body {
    padding: 12px 12px calc(120px + env(safe-area-inset-bottom, 0px)) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: auto !important;
    max-height: none !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    box-sizing: border-box !important;
  }

  .body .wrapper-content .container,
  .body .wrapper-content .container-fluid,
  .body .wrapper-content .nod-wrap,
  .body .wrapper-content .nod-grid,
  .body .wrapper-content .oh-wrap,
  .body .wrapper-content .ac-wrap,
  .body .wrapper-content .af-wrap,
  .body .wrapper-content .tk-wrap,
  .body .wrapper-content .dash-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Cards / painéis sem borda lateral “fantasma” */
  .body .wrapper-content .nod-card,
  .body .wrapper-content .nod-success,
  .body .wrapper-content .oh-card,
  .body .wrapper-content .oh-panel,
  .body .wrapper-content .oh-filters,
  .body .wrapper-content .ac-card,
  .body .wrapper-content .af-card,
  .body .wrapper-content .af-panel,
  .body .wrapper-content .tk-card,
  .body .wrapper-content .api-card,
  .body .wrapper-content .sp-card,
  .body .wrapper-content .dg-card,
  .body .wrapper-content .dash-card,
  .body .wrapper-content .panel,
  .body .wrapper-content .panel-default,
  .body .wrapper-content .card,
  .body .wrapper-content .well,
  .body .wrapper-content .table-wr {
    border: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    background: #ffffff !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Heros no mesmo tamanho compacto */
  .body .wrapper-content .nod-hero,
  .body .wrapper-content .oh-hero,
  .body .wrapper-content .ac-hero,
  .body .wrapper-content .af-hero,
  .body .wrapper-content .tk-hero,
  .body .wrapper-content .api-hero,
  .body .wrapper-content .sp-hero,
  .body .wrapper-content .dg-hero,
  .body .wrapper-content .dash-hero,
  .body .wrapper-content .noc-hero {
    padding: 20px 18px !important;
    border-radius: 12px !important;
    margin-bottom: 14px !important;
  }

  .body .wrapper-content .nod-hero h1,
  .body .wrapper-content .oh-hero h1,
  .body .wrapper-content .ac-hero h1,
  .body .wrapper-content .af-hero h1,
  .body .wrapper-content .tk-hero h1,
  .body .wrapper-content .api-hero h1,
  .body .wrapper-content .sp-hero h1,
  .body .wrapper-content .dg-hero h1,
  .body .wrapper-content .dash-hero h1 {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  .body .wrapper-content .table-responsive,
  .body .wrapper-content .table-wr {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Dashboard: remove padding duplicado */
  .body .wrapper-content .dash-wrap,
  .body .wrapper-content .dash-page {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Páginas legadas com margem negativa / padding alto */
  .body .wrapper-content.dripfeeds-page .wrapper-content__body,
  .body .dripfeeds-page .wrapper-content__body,
  .body .wrapper-content__body {
    margin-top: 0 !important;
  }

  /* Reforço por página (vence CSS específico carregado no meio) */
  .oh-page, .ac-page, .af-page, .tk-page, .api-page, .sp-page, .dg-page, .nod-page, .noc-page {
    --oh-bg: #ffffff;
    --ac-bg: #ffffff;
    --af-bg: #ffffff;
    --tk-bg: #ffffff;
    --api-bg: #ffffff;
    --sp-bg: #ffffff;
    --dg-bg: #ffffff;
    --nod-bg: #ffffff;
  }
  .body .wrapper-content.oh-page,
  .body .wrapper-content.ac-page,
  .body .wrapper-content.af-page,
  .body .wrapper-content.tk-page,
  .body .wrapper-content.api-page,
  .body .wrapper-content.sp-page,
  .body .wrapper-content.dg-page,
  .body .wrapper-content.nod-page,
  .body .wrapper-content.noc-page,
  .oh-page.wrapper-content,
  .ac-page.wrapper-content,
  .af-page.wrapper-content,
  .tk-page.wrapper-content,
  .api-page.wrapper-content,
  .sp-page.wrapper-content,
  .dg-page.wrapper-content,
  .nod-page.wrapper-content,
  .oh-page .wrapper-content__body,
  .ac-page .wrapper-content__body,
  .af-page .wrapper-content__body,
  .tk-page .wrapper-content__body,
  .api-page .wrapper-content__body,
  .sp-page .wrapper-content__body,
  .dg-page .wrapper-content__body,
  .nod-page .wrapper-content__body {
    background: #ffffff !important;
  }
  .oh-page .wrapper-content__body,
  .ac-page .wrapper-content__body,
  .af-page .wrapper-content__body,
  .tk-page .wrapper-content__body,
  .api-page .wrapper-content__body,
  .sp-page .wrapper-content__body,
  .dg-page .wrapper-content__body,
  .nod-page .wrapper-content__body {
    padding: 12px 12px calc(120px + env(safe-area-inset-bottom, 0px)) !important;
    margin-top: 0 !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }

  .body .wrapper-content .nod-grid,
  .body .wrapper-content .nod-wrap,
  .body .wrapper-content .oh-wrap,
  .body .wrapper-content .ac-wrap,
  .body .wrapper-content .af-wrap,
  .body .wrapper-content .tk-wrap {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }
}

/* WhatsApp flutuante — ícone limpo (SVG) + sombra suave */
body a[href*="wa.me"],
body a[href*="api.whatsapp.com"],
body a[href*="whatsapp.com"] {
  left: auto !important;
}
body a[href*="wa.me"][style*="position"],
body a[href*="api.whatsapp.com"][style*="position"],
body a[href*="whatsapp.com"][style*="position"],
body a[href*="wa.me"][style*="fixed"],
body a[href*="api.whatsapp.com"][style*="fixed"],
body a[href*="whatsapp"][style*="fixed"] {
  position: fixed !important;
  right: 16px !important;
  left: auto !important;
  bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 9999 !important;
  margin: 0 !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  border: none !important;
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background-color: #25D366 !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.435 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E"),
    linear-gradient(145deg, #2FE574 0%, #25D366 45%, #1EBE57 100%) !important;
  background-size: 54% 54%, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  box-shadow:
    0 4px 14px rgba(37, 211, 102, 0.38),
    0 10px 28px rgba(15, 23, 42, 0.14) !important;
  transform: none !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
  -webkit-tap-highlight-color: transparent;
}
body a[href*="wa.me"][style*="position"] img,
body a[href*="api.whatsapp.com"][style*="position"] img,
body a[href*="whatsapp.com"][style*="position"] img,
body a[href*="wa.me"][style*="fixed"] img,
body a[href*="api.whatsapp.com"][style*="fixed"] img,
body a[href*="whatsapp"][style*="fixed"] img {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
}
body a[href*="wa.me"][style*="position"]::after,
body a[href*="api.whatsapp.com"][style*="position"]::after,
body a[href*="whatsapp.com"][style*="position"]::after,
body a[href*="wa.me"][style*="fixed"]::after,
body a[href*="api.whatsapp.com"][style*="fixed"]::after,
body a[href*="whatsapp"][style*="fixed"]::after {
  content: "" !important;
  position: absolute !important;
  inset: -4px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(37, 211, 102, 0.45) !important;
  animation: nod-wa-pulse 2.2s ease-out infinite !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}
body a[href*="wa.me"][style*="position"]:hover,
body a[href*="api.whatsapp.com"][style*="position"]:hover,
body a[href*="whatsapp.com"][style*="position"]:hover,
body a[href*="wa.me"][style*="fixed"]:hover,
body a[href*="api.whatsapp.com"][style*="fixed"]:hover,
body a[href*="whatsapp"][style*="fixed"]:hover {
  transform: translateY(-2px) scale(1.05) !important;
  box-shadow:
    0 6px 18px rgba(37, 211, 102, 0.48),
    0 14px 32px rgba(15, 23, 42, 0.16) !important;
}
@keyframes nod-wa-pulse {
  0% { transform: scale(1); opacity: .55; }
  70% { transform: scale(1.18); opacity: 0; }
  100% { transform: scale(1.18); opacity: 0; }
}

@media (max-width: 991px) {
  /* Trava definitiva: sidebar escura fora da tela quando menu fechado */
  .body:not(.mobile-menu-open) #block_357 .sidebar-block__left,
  .body:not(.mobile-menu-open) .component_private_sidebar .sidebar-block__left,
  .body:not(.mobile-menu-open) .component_private_sidebar .component-sidebar_wrapper,
  .body:not(.mobile-menu-open) .component-sidebar_wrapper {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    left: -100vw !important;
    position: fixed !important;
    pointer-events: none !important;
    background: transparent !important;
  }

  body a[href*="wa.me"][style*="position"],
  body a[href*="api.whatsapp.com"][style*="position"],
  body a[href*="whatsapp.com"][style*="position"],
  body a[href*="wa.me"][style*="fixed"],
  body a[href*="api.whatsapp.com"][style*="fixed"],
  body a[href*="whatsapp"][style*="fixed"] {
    right: 12px !important;
    left: auto !important;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    width: 52px !important;
    height: 52px !important;
  }
}

/* Ícones do sidebar: mesma cor (sem marcas Instagram/Telegram/etc.) */
.body .component_private_sidebar .component-sidebar__menu-item-link i,
.body .component_private_sidebar .component-sidebar__menu-item-link i.fab,
.body .component_private_sidebar .component-sidebar__menu-item-link i.fas,
.body .component_private_sidebar .component-sidebar__menu-item-link i.fa,
.body .component_private_sidebar .sidebar-net-grid i,
.body .component_private_sidebar .sidebar-block__left-menu i.fab,
.body .sidebar-block__menu-item-icon,
.body .sidebar-block__menu-item-icon.fab,
.body .sidebar-block__menu-item-icon .fab {
  color: rgba(255, 255, 255, 0.85) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  filter: none !important;
  opacity: 1 !important;
}
.body .component_private_sidebar .component-sidebar__menu-item-active > .component-sidebar__menu-item-link i,
.body .component_private_sidebar .sidebar-net.is-open > .component-sidebar__menu-item-link i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}