/*
 * Site geneli kaydırma çubuğu (layouts/main.php <head>): koyu ray, mor degrade tutamaç.
 * Chrome/Edge/Safari ::-webkit-scrollbar ile; Firefox'ta scrollbar-color (Chrome 121+ scrollbar-color görünce
 * webkit stilini yok saydığı için yalnızca webkit desteği olmayan tarayıcılarda verilir).
 * Kendi çubuğunu gizleyen ya da biçimleyen alanlar (menüler, raflar, görev paneli) daha özel seçicileriyle kendi stilinde kalır.
 */
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#070b14}
::-webkit-scrollbar-thumb{border:3px solid #070b14;border-radius:999px;background:linear-gradient(180deg,#7c3aed,#a855f7)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6,#c084fc)}
::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#6d28d9,#9333ea)}
::-webkit-scrollbar-corner{background:#070b14}
::-webkit-scrollbar-button{display:none;width:0;height:0}

/* Sayfa içindeki kaydırılabilir alanlar: daha ince, ray şeffaf */
body *::-webkit-scrollbar{width:8px;height:8px}
body *::-webkit-scrollbar-track{background:transparent}
body *::-webkit-scrollbar-thumb{border:2px solid transparent;background:rgba(139,92,246,.45) padding-box}
body *::-webkit-scrollbar-thumb:hover{background:rgba(168,85,247,.75) padding-box}


@supports not selector(::-webkit-scrollbar){
    html{scrollbar-color:#8b5cf6 #070b14}
    body *{scrollbar-color:rgba(139,92,246,.45) transparent}
}