@keyframes slide-up {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.animate-slide-up {
    animation: slide-up 0.3s ease-out;
}

::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #27272a;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #3f3f46;
}

*:focus-visible {
    outline: 2px solid #10b981;
    outline-offset: 2px;
    border-radius: 4px;
}

#slidePanel {
    will-change: transform;
}

.link-row.dragging {
    opacity: 0.4;
    border-style: dashed !important;
    border-color: #52525b !important;
}

.link-row.drag-over {
    border-color: #10b981 !important;
    background: rgba(16, 185, 129, 0.08) !important;
}

.drag-handle {
    touch-action: none;
    cursor: grab;
}
.drag-handle:active {
    cursor: grabbing;
}