/* Global Scrollbar styling */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover { background-color: #94a3b8; }
.dark ::-webkit-scrollbar-thumb { background-color: #334155; }
.dark ::-webkit-scrollbar-thumb:hover { background-color: #475569; }

/* Remove tap highlight on mobile for native app feel */
* { -webkit-tap-highlight-color: transparent; }

/* Branded text selection */
::selection { background-color: #bae6fd; color: #0369a1; }
.dark ::selection { background-color: #0369a1; color: #ffffff; }

/* Hide scrollbar for mobile navigation ribbons */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Scrollspy offsets for Settings page sticky header */
section { scroll-margin-top: 9rem; }
@media (min-width: 768px) { section { scroll-margin-top: 7rem; } }