body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) {
  --connections-ink: #0f172a;
  --connections-muted: #667085;
  --connections-line: #dbe7e6;
  --connections-soft: #f5faf9;
  --connections-brand: #07363b;
  --connections-brand-2: #0f766e;
  --connections-glow: rgba(20, 184, 166, .18);
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content {
  background:
    linear-gradient(180deg, rgba(240, 253, 250, .48) 0%, rgba(248, 250, 252, 0) 220px),
    #f8fafc !important;
  min-height: 100vh !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content > div.p-6.space-y-6 {
  padding: 30px 32px 36px !important;
  gap: 24px !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header.bg-white.border-b.border-gray-200 {
  min-height: 92px !important;
  padding: 20px 24px 18px 72px !important;
  border-bottom: 1px solid rgba(15, 118, 110, .12) !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .03) !important;
  backdrop-filter: blur(10px) !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header h1.text-xl.font-semibold {
  color: var(--connections-ink) !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header h1 + p {
  margin-top: 4px !important;
  color: var(--connections-muted) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header button.bg-green-600,
body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header button.bg-blue-600 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  min-width: 126px !important;
  gap: 8px !important;
  padding: 10px 16px !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 12px 24px rgba(7, 54, 59, .14) !important;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header button.bg-green-600 {
  background: linear-gradient(135deg, #0f766e 0%, #07363b 100%) !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header button.bg-blue-600 {
  min-width: 112px !important;
  background: #ffffff !important;
  color: var(--connections-brand) !important;
  border-color: rgba(15, 118, 110, .22) !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .06) !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header button.bg-green-600:hover,
body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header button.bg-blue-600:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 30px rgba(7, 54, 59, .18) !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header button.bg-green-600::before,
body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header button.bg-blue-600::before {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  background-color: currentColor !important;
  mask-position: center !important;
  mask-repeat: no-repeat !important;
  mask-size: 16px 16px !important;
  -webkit-mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-size: 16px 16px !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header button.bg-green-600::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 12h.01M12 12h.01M16 12h.01M20 12c0 4.1-3.7 7.4-8.2 7.4-1.4 0-2.7-.3-3.8-.9L4 20l1.5-3.6A7 7 0 0 1 3.6 12c0-4.1 3.7-7.4 8.2-7.4S20 7.9 20 12Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 12h.01M12 12h.01M16 12h.01M20 12c0 4.1-3.7 7.4-8.2 7.4-1.4 0-2.7-.3-3.8-.9L4 20l1.5-3.6A7 7 0 0 1 3.6 12c0-4.1 3.7-7.4 8.2-7.4S20 7.9 20 12Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header button.bg-blue-600::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 12a8 8 0 1 1-2.34-5.66M20 4v5h-5' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 12a8 8 0 1 1-2.34-5.66M20 4v5h-5' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content > div.p-6.space-y-6 > div.bg-white.rounded-lg.shadow {
  overflow: hidden !important;
  border: 1px solid rgba(15, 118, 110, .13) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfefd 100%) !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .08), 0 1px 0 rgba(255, 255, 255, .8) inset !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content > div.p-6.space-y-6 > div.bg-white.rounded-lg.shadow > div:first-child {
  padding: 22px 26px !important;
  border-bottom: 1px solid rgba(15, 118, 110, .12) !important;
  background:
    radial-gradient(circle at 24px 18px, rgba(45, 212, 191, .12), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8fcfb 100%) !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content h3.text-lg.font-medium.text-gray-900 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: var(--connections-ink) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content h3.text-lg.font-medium.text-gray-900::before {
  content: "" !important;
  width: 10px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #5eead4 0%, #0f766e 100%) !important;
  box-shadow: 0 0 24px var(--connections-glow) !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .p-6.text-center.text-gray-500 {
  position: relative !important;
  min-height: 260px !important;
  padding: 142px 32px 44px !important;
  color: transparent !important;
  font-size: 0 !important;
  background:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 26.5 8 33l6.8-2.2A14 14 0 1 0 6 17.8c0 3.2 1.1 6.2 3.1 8.6' fill='none' stroke='%230f766e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 19h.01M20 19h.01M26 19h.01' stroke='%2307363b' stroke-width='3.1' stroke-linecap='round'/%3E%3C/svg%3E") center 44px / 42px 42px no-repeat,
    radial-gradient(circle at center 64px, rgba(45, 212, 191, .16), transparent 92px),
    linear-gradient(180deg, #ffffff 0%, var(--connections-soft) 100%) !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .p-6.text-center.text-gray-500::before,
body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .p-6.text-center.text-gray-500::after {
  position: absolute !important;
  left: 32px !important;
  right: 32px !important;
  display: block !important;
  text-align: center !important;
  letter-spacing: 0 !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .p-6.text-center.text-gray-500::before {
  content: "Nenhuma conexão ativa" !important;
  top: 114px !important;
  color: var(--connections-ink) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .p-6.text-center.text-gray-500::after {
  content: "Crie uma nova sessão para começar seus envios" !important;
  top: 145px !important;
  color: var(--connections-muted) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .divide-y.divide-gray-200 {
  border-color: rgba(15, 118, 110, .10) !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .divide-y.divide-gray-200 > div.p-6 {
  padding: 24px 26px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfefd 100%) !important;
  transition: background-color .16s ease, box-shadow .16s ease !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .divide-y.divide-gray-200 > div.p-6:hover {
  background: #f8fcfb !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .divide-y.divide-gray-200 h3,
body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .divide-y.divide-gray-200 h4 {
  color: var(--connections-ink) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .divide-y.divide-gray-200 button {
  border-radius: 10px !important;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}

body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .divide-y.divide-gray-200 button:hover {
  transform: translateY(-1px) !important;
}

@media (max-width: 1023px) {
  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header.bg-white.border-b.border-gray-200 {
    padding: 74px 18px 18px !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header.bg-white.border-b.border-gray-200 > div {
    align-items: flex-start !important;
    gap: 16px !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header h1.text-xl.font-semibold {
    font-size: 23px !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header button.bg-green-600,
  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header button.bg-blue-600 {
    min-width: 0 !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content > div.p-6.space-y-6 {
    padding: 20px 16px 28px !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .p-6.text-center.text-gray-500 {
    min-height: 250px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}