/* style.css */

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

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

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #2A2A4A;
    border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #4F46E5;
}

/* Diff Highlighting */
.diff-add {
    background-color: rgba(16, 185, 129, 0.2);
    color: #34d399;
    border-radius: 2px;
}

.diff-remove {
    background-color: rgba(239, 68, 68, 0.2);
    color: #f87171;
    text-decoration: line-through;
    border-radius: 2px;
}

.diff-equal {
    color: transparent;
}

/* Make textarea text invisible when overlay is active */
.hide-text {
    color: transparent !important;
    caret-color: #6366F1;
    /* Keep cursor visible */
}

.word-break {
    word-wrap: break-word;
    white-space: pre-wrap;
}

/* Modal animations */
#modal-library:not(.hidden) {
    opacity: 1;
}

#modal-library:not(.hidden) #modal-content {
    transform: scale(1);
}