/* ==========================================================================
   REPORTİZ - Cyber Security UI & Theme Styles
   Trysec Siber Güvenlik A.Ş.
   ========================================================================== */

/* Arka Plan Siber Izgara Deseni */
.cyber-grid {
    background-size: 44px 44px;
    background-image: 
        linear-gradient(to right, rgba(30, 41, 59, 0.35) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(30, 41, 59, 0.35) 1px, transparent 1px);
}

/* Neon Glow Efektleri */
.glow-cyan-lg {
    box-shadow: 0 0 50px -10px rgba(6, 182, 212, 0.35);
}

.glow-blue-lg {
    box-shadow: 0 0 60px -15px rgba(59, 130, 246, 0.35);
}

/* Cam Efekti (Glassmorphism) Paneller */
.glass-panel {
    background: rgba(11, 19, 41, 0.75);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Gradyan Yazı Efekti */
.text-gradient {
    background: linear-gradient(135deg, #38bdf8 0%, #818cf8 50%, #c084fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Neon Çerçeve */
.neon-border {
    border: 1px solid rgba(6, 182, 212, 0.3);
    box-shadow: inset 0 0 20px rgba(6, 182, 212, 0.1);
}

/* Scrollbar Özelleştirme */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #030712;
}
::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #06b6d4;
}