/*
 * Geniş tablolarda görünür kaydırma çubuğu.
 *
 * Sorun: macOS (ve bazı Windows kurulumları) kaydırma çubuklarını yalnızca
 * kaydırma sırasında gösteren "overlay" moddadır. Magic Mouse / trackpad ile
 * yatay kaydırma kolaydır ama normal tekerlekli farede tutunacak çubuk olmaz;
 * kullanıcı içeriği sürükleyerek ya da klavyeyle kaydırmak zorunda kalır.
 *
 * Çözüm: kaydırma kaplarında ::-webkit-scrollbar biçimlendirmesi. WebKit/Blink
 * bir kap için scrollbar pseudo-element'i stillendiğinde overlay modu bırakır ve
 * çubuğu yer kaplayacak şekilde kalıcı gösterir.
 *
 * DİKKAT: Chromium'da standart `scrollbar-width`/`scrollbar-color` ayarlanırsa
 * ::-webkit-scrollbar kuralları TAMAMEN yok sayılır ve çubuk yine overlay kalır.
 * Bu yüzden standart özellikler yalnızca pseudo-element'i desteklemeyen
 * tarayıcılara (Firefox) @supports ile verilir.
 *
 * Kapsam: Bootstrap .table-responsive (uygulama geneli), modül özel kapları ve
 * .table-scroll yardımcı sınıfı.
 */

/* Firefox: pseudo-element desteklenmez, standart özellikler kullanılır. */
@supports not selector(::-webkit-scrollbar) {
    .table-responsive,
    .table-responsive-sm,
    .table-responsive-md,
    .table-responsive-lg,
    .table-responsive-xl,
    .table-scroll,
    .matrix-scroll,
    .plan-workspace-scroll,
    .dataTables_scrollBody,
    .dt-scroll-body {
        scrollbar-width: thin;
        scrollbar-color: rgba(16, 24, 40, .35) rgba(16, 24, 40, .06);
    }
}

/* WebKit / Blink: çubuğu kalıcı ve yer kaplayan hale getirir. */
.table-responsive::-webkit-scrollbar,
.table-responsive-sm::-webkit-scrollbar,
.table-responsive-md::-webkit-scrollbar,
.table-responsive-lg::-webkit-scrollbar,
.table-responsive-xl::-webkit-scrollbar,
.table-scroll::-webkit-scrollbar,
.matrix-scroll::-webkit-scrollbar,
.plan-workspace-scroll::-webkit-scrollbar,
.dataTables_scrollBody::-webkit-scrollbar,
.dt-scroll-body::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.table-responsive::-webkit-scrollbar-track,
.table-responsive-sm::-webkit-scrollbar-track,
.table-responsive-md::-webkit-scrollbar-track,
.table-responsive-lg::-webkit-scrollbar-track,
.table-responsive-xl::-webkit-scrollbar-track,
.table-scroll::-webkit-scrollbar-track,
.matrix-scroll::-webkit-scrollbar-track,
.plan-workspace-scroll::-webkit-scrollbar-track,
.dataTables_scrollBody::-webkit-scrollbar-track,
.dt-scroll-body::-webkit-scrollbar-track {
    background: rgba(16, 24, 40, .06);
    border-radius: 999px;
}

.table-responsive::-webkit-scrollbar-thumb,
.table-responsive-sm::-webkit-scrollbar-thumb,
.table-responsive-md::-webkit-scrollbar-thumb,
.table-responsive-lg::-webkit-scrollbar-thumb,
.table-responsive-xl::-webkit-scrollbar-thumb,
.table-scroll::-webkit-scrollbar-thumb,
.matrix-scroll::-webkit-scrollbar-thumb,
.plan-workspace-scroll::-webkit-scrollbar-thumb,
.dataTables_scrollBody::-webkit-scrollbar-thumb,
.dt-scroll-body::-webkit-scrollbar-thumb {
    background: rgba(16, 24, 40, .38);
    border: 3px solid transparent;   /* çubuğu inceltir, tıklama alanı geniş kalır */
    border-radius: 999px;
    background-clip: content-box;
}

.table-responsive::-webkit-scrollbar-thumb:hover,
.table-responsive-sm::-webkit-scrollbar-thumb:hover,
.table-responsive-md::-webkit-scrollbar-thumb:hover,
.table-responsive-lg::-webkit-scrollbar-thumb:hover,
.table-responsive-xl::-webkit-scrollbar-thumb:hover,
.table-scroll::-webkit-scrollbar-thumb:hover,
.matrix-scroll::-webkit-scrollbar-thumb:hover,
.plan-workspace-scroll::-webkit-scrollbar-thumb:hover,
.dataTables_scrollBody::-webkit-scrollbar-thumb:hover,
.dt-scroll-body::-webkit-scrollbar-thumb:hover {
    background: rgba(16, 24, 40, .6);
    background-clip: content-box;
}

/* Yardımcı sınıf: kendi kaydırma kabı olmayan geniş tablolar için. */
.table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Mobil kart görünümüne düşen tablolarda yatay kaydırma gerekmez;
   kart bileşeni (table-cards.css) tabloyu blok düzene çevirir. */
@media (max-width: 767.98px) {
    .table-scroll:has(> .table-cards) {
        overflow-x: visible;
    }
}