/* MarFlores 0.0.659 — scrollbar canônica global, estritamente visual.
   Não altera overflow, display, dimensões de painel, flex/grid ou geometria. */
:root{
  --mf-scrollbar-track:#f9fafb;
  --mf-scrollbar-thumb:#d0d5dd;
  --mf-scrollbar-thumb-hover:#98a2b3;
}
:root[data-marflores-theme="dark"]{
  --mf-scrollbar-track:#1f2937;
  --mf-scrollbar-thumb:#667085;
  --mf-scrollbar-thumb-hover:#98a2b3;
}

/* :where mantém especificidade zero: regras funcionais como scrollbar-width:none
   continuam vencendo quando um componente precisa ocultar a barra. */
:where(html,body,body *){
  scrollbar-width:thin;
  scrollbar-color:var(--mf-scrollbar-thumb) var(--mf-scrollbar-track)!important;
}
:where(html,body,body *)::-webkit-scrollbar{
  width:9px;
  height:9px;
}
:where(html,body,body *)::-webkit-scrollbar-track{
  background:var(--mf-scrollbar-track)!important;
  border-radius:999px!important;
}
:where(html,body,body *)::-webkit-scrollbar-thumb{
  min-width:28px;
  min-height:28px;
  background:var(--mf-scrollbar-thumb)!important;
  border:2px solid var(--mf-scrollbar-track)!important;
  border-radius:999px!important;
}
:where(html,body,body *)::-webkit-scrollbar-thumb:hover{
  background:var(--mf-scrollbar-thumb-hover)!important;
}
:where(html,body,body *)::-webkit-scrollbar-corner{
  background:var(--mf-scrollbar-track)!important;
}