/* ============================================================
   RideOps Design System — scrollbar.css
   Koyu temaya uygun, ince ve modern scrollbar.
   ============================================================ */

.fi-body,
.fi-sidebar-nav,
.fi-ta-content,
.ro-layout-aside,
.aip-body {
    scrollbar-width: thin;
    scrollbar-color: var(--ro-border) transparent;
}

.fi-body::-webkit-scrollbar,
.fi-sidebar-nav::-webkit-scrollbar,
.fi-ta-content::-webkit-scrollbar,
.ro-layout-aside::-webkit-scrollbar,
.aip-body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.fi-body::-webkit-scrollbar-track,
.fi-sidebar-nav::-webkit-scrollbar-track {
    background: transparent;
}

.fi-body::-webkit-scrollbar-thumb,
.fi-sidebar-nav::-webkit-scrollbar-thumb,
.fi-ta-content::-webkit-scrollbar-thumb,
.aip-body::-webkit-scrollbar-thumb {
    background-color: var(--ro-border);
    border-radius: var(--ro-radius-full);
}

.fi-body::-webkit-scrollbar-thumb:hover,
.fi-sidebar-nav::-webkit-scrollbar-thumb:hover {
    background-color: var(--ro-muted-strong);
}