/* Scrollbars clean — todas as áreas com rolagem visível (não sobrescreve as ocultas) */
*, *::before, *::after {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--text-muted) 50%, transparent) transparent;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--text-muted) 42%, transparent);
  border-radius: 99px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--text-muted) 68%, transparent);
  background-clip: padding-box;
}

*::-webkit-scrollbar-corner {
  background: transparent;
}

/* Áreas de rolagem frequentes — reforço (herdam o estilo acima) */
.sb-scroll,
.tscroll,
#area,
#resumo-view,
#kanban,
.col-kb-scroll,
.parc-kanban,
.drawer-body,
.dwr-body,
.adm-body,
.adm-modal-body,
.atd-list,
.atd-th-body,
.mb-hist-scroll,
.mc-card,
.rsl-nv-scroll,
.rsl-tbl-scroll,
.rot-dia-scroll,
.rot-modal-lista,
.tl-body,
.tar-modal-box,
.tar-cli-results,
.mv-box,
.mbe-box .mbe-body,
.parc-tbl-wrap,
.pcal-grid-wrap,
#tags-cloud,
.cal-diario,
.apres-slides-wrap,
.apres-slide,
.pn-board,
.pn-feed {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--text-muted) 50%, transparent) transparent;
}