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

/* Track */
::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: var(--scrollbar-track);
}
::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-track);
}
/* Handle */
::-webkit-scrollbar-thumb {
  box-shadow: 0 0 1px grey;
  background: var(--scrollbar-thumb);
  border-radius: 1px;
}
html, body, #root {
  overflow: hidden;/* prevents bounce scroll on iOS */
  min-height: 100vh;
  min-width: 100vw;
  padding: 0;
  margin: 0;
}

#root-portal {
  z-index: 2000;
  position: relative;
}

iframe {
  border: none;
}

@media print {
  @page {
    size: A4 portrait;
    margin: 0;
  }
  #root {
    min-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
  }
  html, body, #root {
    width: 21cm; /* Match A4 width exactly */
    max-width: 21cm; /* Prevent scaling issues */
  }
}