/* Rieles integrados y bordes protegidos v0.79.0. */
.sgl-realm-window {
  max-height: 92vh !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  isolation: isolate;
}

.sgl-realm-scroll {
  width: 100%;
  max-height: calc(92vh - 10px);
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  border-radius: 26px 26px 20px 20px;
  scrollbar-width: thin;
  scrollbar-color: #20c8ff #06294f;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
}

.sgl-realm-scroll::-webkit-scrollbar {
  width: 12px;
}
.sgl-realm-scroll::-webkit-scrollbar-track {
  margin: 20px 3px;
  border: 2px solid #176b9f;
  border-radius: 999px;
  background: #052749;
  box-shadow: inset 0 2px 6px rgba(0,0,0,.58),0 0 8px rgba(36,197,255,.24);
}
.sgl-realm-scroll::-webkit-scrollbar-thumb {
  min-height: 52px;
  border: 3px solid #052749;
  border-radius: 999px;
  background: linear-gradient(180deg,#a5f5ff 0%,#28caff 38%,#0878dc 100%);
  box-shadow: inset 0 1px rgba(255,255,255,.84),0 0 10px rgba(35,205,255,.72);
}
.sgl-realm-scroll::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg,#e4fdff 0%,#54dcff 42%,#0b8bf0 100%);
}
.sgl-realm-scroll::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.sgl-realm-scroll::-webkit-scrollbar-corner {background:transparent}

/* El desplazamiento principal también adopta el riel azul del sistema. */
html:has(#sgl-desktop-app),
body:has(#sgl-desktop-app) {
  scrollbar-width: thin;
  scrollbar-color: #25c9ff #041d3b;
}
html:has(#sgl-desktop-app)::-webkit-scrollbar,
body:has(#sgl-desktop-app)::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
html:has(#sgl-desktop-app)::-webkit-scrollbar-track,
body:has(#sgl-desktop-app)::-webkit-scrollbar-track {
  border-left: 2px solid #17618f;
  background: linear-gradient(90deg,#061d38,#082d53);
  box-shadow: inset 2px 0 5px rgba(0,0,0,.5);
}
html:has(#sgl-desktop-app)::-webkit-scrollbar-thumb,
body:has(#sgl-desktop-app)::-webkit-scrollbar-thumb {
  min-height: 60px;
  border: 3px solid #061d38;
  border-radius: 999px;
  background: linear-gradient(180deg,#9cf2ff,#22c3fb 45%,#0874dc);
  box-shadow: inset 0 1px rgba(255,255,255,.8),0 0 9px rgba(35,202,255,.65);
}
html:has(#sgl-desktop-app)::-webkit-scrollbar-button,
body:has(#sgl-desktop-app)::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

@media(max-width:900px){
  .sgl-realm-scroll{max-height:calc(100vh - 44px);border-radius:22px 22px 16px 16px}
}