/**
 * TCDD Platform — site geneli scrollbar (WebKit / Chromium + Firefox)
 * Sade gri tonlar; göze çarpmayan track + yumuşak thumb.
 */
:root {
    --tcdd-sb-w: 9px;
    --tcdd-sb-radius: 999px;
    --tcdd-sb-track: #f1f5f9;
    --tcdd-sb-thumb: #c4cdd8;
    --tcdd-sb-thumb-hover: #94a3b8;
    --tcdd-sb-thumb-border: 2px;
    --tcdd-sb-thumb-fx: #b8c4d0;
}

html[data-theme='dark'] {
    --tcdd-sb-track: #1e293b;
    --tcdd-sb-thumb: #475569;
    --tcdd-sb-thumb-hover: #64748b;
    --tcdd-sb-thumb-fx: #64748b;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--tcdd-sb-thumb-fx) var(--tcdd-sb-track);
}

/* Chromium, Safari, Edge */
*::-webkit-scrollbar {
    width: var(--tcdd-sb-w);
    height: var(--tcdd-sb-w);
}

*::-webkit-scrollbar-track {
    background: var(--tcdd-sb-track);
    border-radius: var(--tcdd-sb-radius);
}

*::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        #d8dee8 0%,
        var(--tcdd-sb-thumb) 45%,
        #a8b4c4 100%
    );
    background-color: var(--tcdd-sb-thumb);
    border-radius: var(--tcdd-sb-radius);
    border: var(--tcdd-sb-thumb-border) solid var(--tcdd-sb-track);
    min-height: 36px;
}

*::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        180deg,
        #e2e8f0 0%,
        var(--tcdd-sb-thumb-hover) 55%,
        #7c8ca0 100%
    );
    background-color: var(--tcdd-sb-thumb-hover);
    border-color: var(--tcdd-sb-track);
}

*::-webkit-scrollbar-corner {
    background: var(--tcdd-sb-track);
}

html[data-theme='dark'] *::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        #5c6b7e 0%,
        var(--tcdd-sb-thumb) 48%,
        #3d4d5c 100%
    );
    background-color: var(--tcdd-sb-thumb);
}

html[data-theme='dark'] *::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        180deg,
        #7a8a9e 0%,
        var(--tcdd-sb-thumb-hover) 50%,
        #556070 100%
    );
    background-color: var(--tcdd-sb-thumb-hover);
}