/* ===== THIN SCROLLBAR ===== */
/* Apply to any scrollable container for a consistent thin scrollbar. */
/* Supports both vertical and horizontal scrolling.                   */

.op-thin-scrollbar {
    scrollbar-width: thin;                          /* Firefox */
    scrollbar-color: var(--op-text-tertiary, #9ca3af) transparent;
}

.op-thin-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.op-thin-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.op-thin-scrollbar::-webkit-scrollbar-thumb {
    background: var(--op-text-tertiary, #9ca3af);
    border-radius: 3px;
}

.op-thin-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--op-text-secondary, #6b7280);
}