.table-floating-scrollbar {
    box-sizing: border-box;
    position: fixed;
    height: 20px;
    overflow-x: scroll;
    overflow-y: hidden;
    z-index: 1000;
    background: #f1f5fa;
    color: #4e5e6a;
    scrollbar-width: auto;
    border-top: 1px solid #667483;
}
.table-floating-scrollbar[hidden] { display: none; }
.table-floating-scrollbar > div { height: 1px; }
.table-floating-scrollbar::-webkit-scrollbar { height: 16px; }
.table-floating-scrollbar::-webkit-scrollbar-track { background: #f1f5fa; }
.table-floating-scrollbar::-webkit-scrollbar-thumb {
    background: #667483;
    border: 3px solid #f1f5fa;
    border-radius: 7px;
}
.table-floating-scrollbar:focus-visible {
    outline: 2px solid #29689e;
    outline-offset: -2px;
}
.table-floating-scrollbar-modal { z-index: 1060; }
body[data-color="1E202D"] .table-floating-scrollbar {
    color-scheme: dark;
    background: #2b2e3b;
    border-color: #9ca9bc;
}
body[data-color="1E202D"] .table-floating-scrollbar::-webkit-scrollbar-track { background: #2b2e3b; }
body[data-color="1E202D"] .table-floating-scrollbar::-webkit-scrollbar-thumb {
    background: #9ca9bc;
    border-color: #2b2e3b;
}
body[data-color="1E202D"] .table-floating-scrollbar:focus-visible { outline-color: #a7b8ff; }
@media print { .table-floating-scrollbar { display: none !important; } }

@supports not selector(::-webkit-scrollbar) {
    .table-floating-scrollbar { scrollbar-color: #667483 #f1f5fa; }
    body[data-color="1E202D"] .table-floating-scrollbar { scrollbar-color: #9ca9bc #2b2e3b; }
}