/* css/scrollbars.css */
/* ===== SCROLLBAR GLOBAL (Mixy) ===== */
::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-track{ background: rgba(244,234,220,.45); border-radius: 6px; }
::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, rgba(202,161,90,1), rgba(183,139,67,1));
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover{ filter: brightness(1.03); }

/* ===== SCROLL CONTAINER (si quieres un contenedor dedicado) ===== */
.scroll-container{
  overflow-y: auto;
  height: 100%;
  width: 100%;
  padding: 10px; /* opcional */
  box-sizing: border-box;
}

/* Si prefieres que scroll-container use el mismo look Mixy, comenta esto.
   Si lo dejas, tendrá scrollbar gris “neutral”. */
.scroll-container::-webkit-scrollbar{ width: 8px; }
.scroll-container::-webkit-scrollbar-track{ background: #f1f1f1; }
.scroll-container::-webkit-scrollbar-thumb{ background: #888; border-radius: 4px; }
.scroll-container::-webkit-scrollbar-thumb:hover{ background: #555; }