/* PATCH SCROLLBARS PRO — Mariays Store
   Objetivo: deixar barra de rolagem VISÍVEL e profissional (vertical + horizontal)
   em todas as telas, tabelas e modais.
   - Não altera lógica/JS
   - Respeita tema claro/escuro
*/

/* Evita "pulo" quando a scrollbar aparece */
html{ scrollbar-gutter: stable both-edges; }

/* Garantir rolagem natural */
body{ overflow: auto; }

/* Modais: rolagem interna quando o conteúdo for grande */
.modal, .dialog, .dialog-card, .modal-card{
  max-height: calc(100vh - 120px);
  overflow: auto;
  overflow-x: auto;
}

/* Containers comuns que costumam precisar de rolagem */
.table-wrap, .tableWrap, .table-container, .tableContainer,
.pdv-list, .list, .list-wrap, .listWrap,
.content, .main{
  overflow: auto;
  overflow-x: auto;
}

/* ===== Scrollbar (Firefox) ===== */
*{
  scrollbar-width: thin;
  scrollbar-color: rgba(255,79,160,.55) rgba(0,0,0,.18);
}
:root[data-theme="light"] *{
  scrollbar-color: rgba(219,39,119,.55) rgba(17,24,39,.10);
}

/* ===== Scrollbar (WebKit: Chrome/Edge/Safari) ===== */
*::-webkit-scrollbar{
  width: 12px;
  height: 12px;
}
*::-webkit-scrollbar-track{
  background: rgba(0,0,0,.18);
  border-radius: 999px;
}
*::-webkit-scrollbar-thumb{
  background: rgba(255,79,160,.55);
  border-radius: 999px;
  border: 3px solid rgba(0,0,0,.18);
}
*::-webkit-scrollbar-thumb:hover{
  background: rgba(255,115,182,.70);
}

:root[data-theme="light"] *::-webkit-scrollbar-track{
  background: rgba(17,24,39,.10);
}
:root[data-theme="light"] *::-webkit-scrollbar-thumb{
  background: rgba(219,39,119,.55);
  border: 3px solid rgba(17,24,39,.10);
}
:root[data-theme="light"] *::-webkit-scrollbar-thumb:hover{
  background: rgba(219,39,119,.75);
}