/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(51, 65, 85, 0.5);
    /* slate-700 */
    border-radius: 6px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(51, 65, 85, 0.8);
}

/* History item active state */
.history-item.active {
    background: var(--color-bg);
    border-color: var(--color-border);
    border-left: 3px solid #10b981;
    /* emerald-500 */
    padding-left: calc(0.75rem - 2px);
}

/* Flag item active state */
.flag-item-btn.active {
    background: rgba(30, 41, 59, 1);
    /* panel hover */
    border-left: 3px solid #ef4444;
    /* danger */
    padding-left: calc(0.75rem - 3px);
}

/* Highlighted text in snippet */
.highlight-danger {
    background-color: rgba(239, 68, 68, 0.2);
    border-bottom: 2px solid #ef4444;
    color: #f8fafc;
    font-weight: 600;
    padding: 0 2px;
    border-radius: 2px;
}