/* Barra de scroll horizontal flotante — ver static/js/floating_scrollbar.js.
   Compartida entre las pantallas nativas y el Admin (mismo criterio que
   shell_nav.css) para que el comportamiento sea idéntico en toda la app. */
.wsd-floating-scrollbar {
    position: fixed;
    bottom: 0;
    height: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    background: #f1f1f1;
    border-top: 1px solid #d9d9d9;
    z-index: 1050;
}

.wsd-floating-scrollbar > div {
    height: 1px;
}

@media (prefers-color-scheme: dark) {
    .wsd-floating-scrollbar {
        background: #2a2a2a;
        border-top-color: #444;
    }
}