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

.custom-scrollbar::-webkit-scrollbar-track {
    background: #1e293b;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
}

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

/* Animation Classes */
.fill-transition {
    transition: width 0.7s ease-in-out;
}

.fade-in {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Drag and Drop */
.draggable {
    cursor: grab;
}

.draggable:active {
    cursor: grabbing;
}

.dragging {
    opacity: 0.5;
    border: 2px dashed #06b6d4;
    /* Cyan-500 */
    background: #0f172a;
    /* Slate-900 */
}

/* Prevent interaction with children while dragging to avoid issues */
.dragging * {
    pointer-events: none;
}

body {
    font-family: system-ui, -apple-system, sans-serif;
}