/* ==============================================================================
   PIFECTA LLC - UNIFIED SUPPORT PORTAL STYLESHEET
   SYSTEM TARGET: assets/css/main.css
   ============================================================================== */

:root {
    --hex-core-space: #030712;
    --hex-matte-panel: #0b1329;
    --hex-neon-cyan: #00f0ff;
    --hex-neon-purple: #9d4edd;
    --hex-laser-crimson: #ff0055;
    --hex-text-primary: #f3f4f6;
    --hex-text-dimmed: #9ca3af;
}

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

::-webkit-scrollbar-track {
    background: var(--hex-core-space);
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 240, 255, 0.15);
    border-radius: 3px;
    border: 1px solid rgba(0, 240, 255, 0.05);
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 240, 255, 0.35);
}

/* Custom Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* Custom Glow Classes */
.glow-cyan {
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.15);
}

.glow-purple {
    box-shadow: 0 0 15px rgba(157, 78, 221, 0.15);
}

/* Wizard panels transitions */
.wizard-frame {
    transition: opacity 0.35s ease, transform 0.35s ease;
}

.wizard-frame.hidden {
    display: none;
    opacity: 0;
    transform: translateY(8px);
}

.wizard-frame.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* Custom Glassmorphism Panels */
.glass-panel {
    background: rgba(11, 19, 41, 0.65);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}