/* Custom Graphics Styles for LEO Industria Gráfica */

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #0D0D11;
}
::-webkit-scrollbar-thumb {
    background: #2A2A38;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #E50914;
}

/* Nav Tab Styles */
.nav-tab {
    color: #9CA3AF;
}
.nav-tab:hover {
    color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.05);
}
.nav-tab.active {
    color: #FFFFFF;
    background-color: #16161E;
    border: 1px solid #2A2A38;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

/* Glassmorphism Card Effect */
.glass-card {
    background: rgba(22, 22, 30, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(42, 42, 56, 0.8);
}

/* Product Image Badge overlay */
.product-badge {
    background: linear-gradient(135deg, #E50914 0%, #B20710 100%);
    box-shadow: 0 2px 10px rgba(229, 9, 20, 0.4);
}

/* Tab Views toggle */
.tab-view.active {
    display: block;
    animation: fadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideLeft {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

.animate-slide-left {
    animation: slideLeft 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Kanban column hover state */
.kanban-col {
    min-height: 420px;
    background: rgba(13, 13, 17, 0.6);
    border: 1px dashed rgba(42, 42, 56, 0.8);
}
.kanban-col.drag-over {
    border-color: #38BDF8;
    background: rgba(56, 189, 248, 0.08);
}