/* Barras de desplazamiento modernas en todo el sitio y el panel:
   delgadas, redondeadas, color dorado de la marca y sin fondo gris. */
:root { --qp-scroll: rgba(168, 132, 76, .55); --qp-scroll-hover: #a8844c; }

::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-thumb {
    background-color: var(--qp-scroll);
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
    min-height: 40px;
}
::-webkit-scrollbar-thumb:hover { background-color: var(--qp-scroll-hover); border-width: 2px; }
::-webkit-scrollbar-thumb:active { background-color: var(--qp-scroll-hover); }
::-webkit-scrollbar-button { display: none; width: 0; height: 0; }

/* Firefox (no tiene los selectores de arriba) */
@supports not selector(::-webkit-scrollbar) {
    html, body, * { scrollbar-width: thin; scrollbar-color: var(--qp-scroll) transparent; }
}