/**
 * ====================================================================
 * Pavo Admin Dashboard - Table Elements Styles
 * Copyright © 2024 RefineThemes.com
 * Author: Saleem Raza
 * Founder: RefineThemes.com
 * License: MIT
 * ====================================================================
 */

#neon-table {
  border: 1px solid #0ff;
  box-shadow: 0 0 10px rgba(0, 255, 255, 0.3);
}
#neon-table tr:hover {
  background: rgba(0, 255, 255, 0.1);
  box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
  transition: all 0.3s ease;
}
.bg-purple {
  background: linear-gradient(90deg, #9c27b0, #e91e63);
}
 .section {
            background: rgba(30, 30, 30, 0.8);
            border-radius: 15px;
            padding: 20px;
            margin-bottom: 30px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }
        
        h2 {
            color: #4facfe;
            margin-bottom: 20px;
            border-bottom: 2px solid #4facfe;
            padding-bottom: 10px;
        }
        
        /* 1. Neon Glow Table */
        #neon-table {
            border: 1px solid #0ff;
            box-shadow: 0 0 10px rgba(0, 255, 255, 0.3);
        }
        #neon-table tr:hover {
            background: rgba(0, 255, 255, 0.1);
            box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
            transition: all 0.3s ease;
        }
        .bg-purple {
            background: linear-gradient(90deg, #9c27b0, #e91e63);
        }
        
        /* 2. Floating 3D Table */
        #floating-3d-table {
            transform: perspective(1000px) rotateX(10deg);
            box-shadow: 0 30px 50px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
            background: rgba(40, 40, 60, 0.9);
            padding: 15px;
        }
        
        /* 3. Holographic Table */
        #hologram-table {
            background: rgba(20, 20, 40, 0.7);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        #hologram-table th {
            background: linear-gradient(90deg, #00f2fe, #4facfe);
            color: white;
        }
        #hologram-table tr:hover {
            background: rgba(0, 242, 254, 0.1);
        }
        
        /* 4. AI-Powered Table */
        .prediction-cell {
            position: relative;
        }
        .prediction-cell::after {
            content: "AI Prediction";
            position: absolute;
            top: -10px;
            right: -10px;
            background: #ff5722;
            color: white;
            padding: 2px 5px;
            border-radius: 3px;
            font-size: 10px;
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0% { opacity: 0.6; }
            50% { opacity: 1; }
            100% { opacity: 0.6; }
        }
        
        /* 5. Voice Controlled Table */
        .voice-active {
            animation: voice-active 1s infinite;
        }
        @keyframes voice-active {
            0% { box-shadow: 0 0 5px #4CAF50; }
            50% { box-shadow: 0 0 20px #4CAF50; }
            100% { box-shadow: 0 0 5px #4CAF50; }
        }
        
        /* 8. Particle Effect Table */
        .particle-container {
            position: relative;
            overflow: hidden;
        }
        .particle {
            position: absolute;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            pointer-events: none;
        }
        
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .section {
                padding: 15px;
            }
            #floating-3d-table {
                transform: none;
            }
        }