/* =========================================================
   SPOT V27 — SEM BARRAS DE ROLAGEM NO MOBILE
   A rolagem continua funcionando normalmente.
   ========================================================= */

@media (max-width: 768px) {

  html,
  body {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    scrollbar-gutter: auto !important;
  }

  html::-webkit-scrollbar,
  body::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
  }

  html::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb,
  html::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track {
    display: none !important;
    background: transparent !important;
  }

  body *,
  .spot-chat-shell,
  .spot-chat-shell *,
  .spot-mobile-user-menu,
  .spot-mobile-user-menu *,
  .floating-window,
  .floating-window *,
  .ai-response-box,
  .window-body,
  .account-page,
  .account-page *,
  main,
  section,
  article,
  aside,
  nav,
  div,
  ul,
  ol,
  table,
  tbody {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  body *::-webkit-scrollbar,
  .spot-chat-shell::-webkit-scrollbar,
  .spot-chat-shell *::-webkit-scrollbar,
  .spot-mobile-user-menu::-webkit-scrollbar,
  .spot-mobile-user-menu *::-webkit-scrollbar,
  .floating-window::-webkit-scrollbar,
  .floating-window *::-webkit-scrollbar,
  .ai-response-box::-webkit-scrollbar,
  .window-body::-webkit-scrollbar,
  .account-page::-webkit-scrollbar,
  .account-page *::-webkit-scrollbar,
  main::-webkit-scrollbar,
  section::-webkit-scrollbar,
  article::-webkit-scrollbar,
  aside::-webkit-scrollbar,
  nav::-webkit-scrollbar,
  div::-webkit-scrollbar,
  ul::-webkit-scrollbar,
  ol::-webkit-scrollbar,
  table::-webkit-scrollbar,
  tbody::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
  }

  /* mantém scroll suave no iOS */
  html,
  body,
  [class*="scroll"],
  [style*="overflow"],
  .spot-chat-list,
  .spot-chat-messages,
  .spot-mobile-menu-scroll,
  .window-body,
  .ai-response-box,
  .account-page {
    -webkit-overflow-scrolling: touch;
  }
}
