@media (max-width: 768px) {
  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active),
  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content {
    overflow-x: hidden !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header.bg-white.border-b.border-gray-200 {
    min-height: 0 !important;
    padding: 58px 14px 12px !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header.bg-white.border-b.border-gray-200 > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header.bg-white.border-b.border-gray-200 > div > div:first-child {
    width: 100% !important;
    min-width: 0 !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header.bg-white.border-b.border-gray-200 > div > div:first-child > div {
    width: 100% !important;
    min-width: 0 !important;
    align-items: flex-start !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header h1.text-xl.font-semibold {
    font-size: 22px !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header h1 + p {
    margin-top: 5px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header.bg-white.border-b.border-gray-200 > div > div:last-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header.bg-white.border-b.border-gray-200 > div > div:last-child > div {
    margin-left: 0 !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header.bg-white.border-b.border-gray-200 > div > div:last-child > div:first-child,
  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header.bg-white.border-b.border-gray-200 > div > div:last-child > div:first-child button {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header.bg-white.border-b.border-gray-200 > div > div:last-child > div:first-child button {
    justify-content: center !important;
    min-height: 36px !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header.bg-white.border-b.border-gray-200 > div > div:last-child > div:nth-child(2) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 38px !important;
    margin-left: 0 !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header div.border-l.border-gray-200.pl-4 {
    display: flex !important;
    grid-column: 1 / -1 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) header div:has(> button.bg-green-600):has(> button.bg-blue-600) {
    display: flex !important;
    grid-column: 1 / -1 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    border-left: 0 !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 {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 9px 14px !important;
    font-size: 13px !important;
    border-radius: 11px !important;
    margin-left: 0 !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content > div.p-6.space-y-6 {
    padding: 12px 12px 22px !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !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 {
    width: 100% !important;
    max-width: none !important;
    border-radius: 14px !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: 15px 16px !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content h3.text-lg.font-medium.text-gray-900 {
    gap: 9px !important;
    font-size: 17px !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content h3.text-lg.font-medium.text-gray-900::before {
    width: 8px !important;
    height: 24px !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .p-6.text-center.text-gray-500 {
    min-height: clamp(220px, calc(100vh - 420px), 330px) !important;
    padding: 104px 18px 28px !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 28px / 34px 34px no-repeat,
      radial-gradient(circle at center 46px, rgba(45, 212, 191, .14), transparent 72px),
      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 {
    left: 18px !important;
    right: 18px !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .p-6.text-center.text-gray-500::before {
    top: 78px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .p-6.text-center.text-gray-500::after {
    top: 106px !important;
    font-size: 13px !important;
    line-height: 1.28 !important;
  }

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

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .divide-y.divide-gray-200 > div.p-6 > div {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
  }

  body:has(nav.sidebar-navigation a[href="/whatsapp"].auto-active) main.main-content .divide-y.divide-gray-200 > div.p-6 button {
    min-height: 38px !important;
  }
}