/* NEXO product modal mobile viewport fix.
   Targets only the long product editor overlay in /painel. */
@media (max-width: 767px) {
  div.fixed.inset-0[class*="z-[60]"][class*="overflow-y-auto"][class*="backdrop-blur-md"] {
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    padding: 0 !important;
    scroll-padding-top: calc(env(safe-area-inset-top, 0px) + 12px);
    scroll-padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 24px);
  }

  div.fixed.inset-0[class*="z-[60]"][class*="overflow-y-auto"][class*="backdrop-blur-md"]
    > div.grid.min-h-full.place-items-center.py-4 {
    display: block !important;
    min-height: 100% !important;
    height: auto !important;
    padding-top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    padding-right: 12px !important;
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 32px) !important;
    padding-left: 12px !important;
  }

  div.fixed.inset-0[class*="z-[60]"][class*="overflow-y-auto"][class*="backdrop-blur-md"]
    > div.grid.min-h-full.place-items-center.py-4
    > form.max-w-3xl {
    display: block !important;
    width: 100% !important;
    max-width: 48rem !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  div.fixed.inset-0[class*="z-[60]"][class*="overflow-y-auto"][class*="backdrop-blur-md"]
    > div.grid.min-h-full.place-items-center.py-4
    > form.max-w-3xl input,
  div.fixed.inset-0[class*="z-[60]"][class*="overflow-y-auto"][class*="backdrop-blur-md"]
    > div.grid.min-h-full.place-items-center.py-4
    > form.max-w-3xl textarea,
  div.fixed.inset-0[class*="z-[60]"][class*="overflow-y-auto"][class*="backdrop-blur-md"]
    > div.grid.min-h-full.place-items-center.py-4
    > form.max-w-3xl button {
    min-width: 0;
  }

  div.fixed.inset-0[class*="z-[60]"][class*="overflow-y-auto"][class*="backdrop-blur-md"]::-webkit-scrollbar {
    display: none;
  }
}

/* WhatsApp workspace: desktop only.
   Give the conversation area more vertical room without changing mobile/tablet. */
@media (min-width: 1280px) {
  .nexo-whatsapp-shell {
    height: clamp(640px, calc(100dvh - 140px), 900px) !important;
    min-height: 640px !important;
  }
}