/* =========================================================
   GekkoRIOS — Scrollbars con la identidad de la marca
   Cubre: página, modales, textareas, tablas y cualquier
   contenedor con overflow (vertical y horizontal).
   ========================================================= */

/* Evita el "salto" de layout cuando el modal bloquea el scroll del body */
html {
  scrollbar-gutter: stable;
}

/* ---------- Chrome, Edge, Safari, Opera ---------- */
*::-webkit-scrollbar {
  width: 10px;   /* scroll vertical */
  height: 10px;  /* scroll horizontal */
}

*::-webkit-scrollbar-track {
  background: #0A0C10;
}

*::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #E38B4C, #8D82E8);
  border: 2px solid #0A0C10;       /* separación visual del riel */
  border-radius: 999px;
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:horizontal {
  background: linear-gradient(90deg, #E38B4C, #8D82E8);
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
  filter: brightness(1.15);
}

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

/* ---------- Modales y textareas: más finos y sin riel sólido ---------- */
.modal-overlay::-webkit-scrollbar,
.modal::-webkit-scrollbar,
.modal-inner::-webkit-scrollbar,
textarea::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.modal-overlay::-webkit-scrollbar-track,
.modal::-webkit-scrollbar-track,
.modal-inner::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
  background: transparent;
}

.modal-overlay::-webkit-scrollbar-thumb,
.modal::-webkit-scrollbar-thumb,
.modal-inner::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: padding-box;
}

/* ---------- Firefox (no soporta ::-webkit-scrollbar) ---------- */
@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
    scrollbar-color: #8D82E8 #0A0C10;
  }
  .modal-overlay,
  .modal,
  .modal-inner,
  textarea {
    scrollbar-color: #8D82E8 transparent;
  }
}