.overflow-y-auto::-webkit-scrollbar { width: 6px; }
.overflow-y-auto::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 3px; }
.overflow-y-auto::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
.overflow-y-auto::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Selected filter-option rows stay visible but get a clear state */
.filter-option {
    border-left: 3px solid transparent;
    transition: background-color .15s ease, border-color .15s ease;
}
.filter-option.is-include {
    background-color: #f0fdf4;
    border-left-color: #22c55e;
}
.filter-option.is-exclude {
    background-color: #fef2f2;
    border-left-color: #ef4444;
}
.filter-option.is-include:hover { background-color: #dcfce7; }
.filter-option.is-exclude:hover { background-color: #fee2e2; }

.dark .filter-option.is-include { background-color: rgba(34, 197, 94, 0.15); }
.dark .filter-option.is-exclude { background-color: rgba(239, 68, 68, 0.15); }
.dark .filter-option.is-include:hover { background-color: rgba(34, 197, 94, 0.25); }
.dark .filter-option.is-exclude:hover { background-color: rgba(239, 68, 68, 0.25); }

.overflow-y-auto::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 3px; }
.dark .overflow-y-auto::-webkit-scrollbar-track { background: #374151; }
.overflow-y-auto::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
.dark .overflow-y-auto::-webkit-scrollbar-thumb { background: #4b5563; }

/* Chips */
.chip {
    will-change: transform;
}
.chip button:active { transform: scale(0.92); }