/**
 * EE master scrollbar -- required on every EE app page.
 * Thin muted pill, same pattern as Ledger, Tagify, Nexora, Compacter.
 * Hide only with .ee-scroll-hide (nav drawers).
 */

:root {
    --ee-scrollbar-size: 8px;
    --ee-scrollbar-track: transparent;
    --ee-scrollbar-thumb: rgba(148, 163, 184, 0.38);
    --ee-scrollbar-thumb-hover: rgba(148, 163, 184, 0.62);
}

[data-theme="light"],
html[data-theme="light"] {
    --ee-scrollbar-thumb: rgba(15, 23, 42, 0.22);
    --ee-scrollbar-thumb-hover: rgba(15, 23, 42, 0.4);
}

html,
body {
    scrollbar-width: thin;
    scrollbar-color: var(--ee-scrollbar-thumb) var(--ee-scrollbar-track);
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--ee-scrollbar-thumb) var(--ee-scrollbar-track);
}

*::-webkit-scrollbar {
    width: var(--ee-scrollbar-size);
    height: var(--ee-scrollbar-size);
}

*::-webkit-scrollbar-track {
    background: var(--ee-scrollbar-track);
}

*::-webkit-scrollbar-thumb {
    background: var(--ee-scrollbar-thumb);
    border-radius: 999px;
}

*::-webkit-scrollbar-thumb:hover {
    background: var(--ee-scrollbar-thumb-hover);
}

.ee-scroll-hide,
[data-scroll-hide] {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.ee-scroll-hide::-webkit-scrollbar,
[data-scroll-hide]::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}