/* AI Project Universe V4.8 — lightweight native document scrolling.
   Kept under the historical filename for compatibility with every project. */
html[data-apu-project-scroll] {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-x: none;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
  scroll-behavior: smooth;
}
html[data-apu-project-scroll] body {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  position: relative !important;
  inset: auto !important;
  touch-action: pan-y pinch-zoom;
  -webkit-overflow-scrolling: touch;
}
html[data-apu-project-scroll] :is(#root,#app,#__next,[data-reactroot]) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100dvh !important;
  height: auto !important;
  max-height: none !important;
}
html[data-apu-project-scroll] :is(main,[role="main"]) {
  min-width: 0 !important;
  max-width: 100%;
}
html[data-apu-project-scroll] #apu-project-scroll-viewport {
  display: contents !important;
}
html[data-apu-project-scroll] :is(
  .apu-v42-scroll-end,.apu-v41-scroll-end,.apu-v4-scroll-end,
  .apu-scroll-progress,.scroll-progress,#scrollProgress,[data-scroll-progress]
) { display: none !important; }
html[data-apu-project-scroll] { scrollbar-width: auto; scrollbar-color: auto; }
html[data-apu-project-scroll]::-webkit-scrollbar { width: 11px; height: 0; }
html[data-apu-project-scroll]::-webkit-scrollbar-track { background: transparent; }
html[data-apu-project-scroll]::-webkit-scrollbar-thumb {
  min-height: 56px;
  border: 3px solid transparent;
  border-radius: 999px;
  background: rgba(161, 161, 161,.72);
  background-clip: padding-box;
}
html[data-apu-project-scroll] :is(.table-wrap,pre,code,[role="grid"],[data-radix-scroll-area-viewport]) {
  overscroll-behavior: contain;
}
@media (prefers-reduced-motion: reduce) {
  html[data-apu-project-scroll] { scroll-behavior: auto; }
}
@media print {
  html[data-apu-project-scroll],
  html[data-apu-project-scroll] body,
  html[data-apu-project-scroll] :is(#root,#app,#__next,[data-reactroot],main,[role="main"]) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}
