/* --- TERMINAL CORE EFFECTS --- */
.crt-effect { position: relative; }
.crt-effect::after {
    content: " "; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%);
    background-size: 100% 4px; z-index: 2; pointer-events: none;
}
.scanline {
    animation: scanline 8s linear infinite;
    background: linear-gradient(to right, transparent, #00ff88, transparent);
    opacity: 0.1; position: fixed; width: 100%; height: 2px; z-index: 50;
}
@keyframes scanline { 0% { transform: translateY(-100%); } 100% { transform: translateY(100vh); } }

/* --- GRID & CARDS (Kare Kare Yapı) --- */
.cheat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1.5rem; }
.cheat-card {
    background: linear-gradient(135deg, rgba(20, 20, 30, 0.95), rgba(10, 10, 20, 0.95));
    border: 1px solid rgba(0, 255, 136, 0.2); border-radius: 4px; /* Keskin köşeler */
    padding: 1.5rem; transition: all 0.3s ease; position: relative;
}
.cheat-card:hover { border-color: #00ff88; box-shadow: 0 0 20px rgba(0, 255, 136, 0.2); transform: translateY(-3px); }
.cheat-code {
    background: rgba(0, 0, 0, 0.8); border-left: 4px solid #00ff88;
    padding: 1rem; margin: 1rem 0; font-family: 'JetBrains Mono', monospace;
    cursor: pointer; transition: 0.3s;
}
.cheat-code:hover { background: rgba(0, 255, 136, 0.05); padding-left: 1.2rem; }

/* --- TAGS (Kare Renkli Etiketler) --- */
.meta-tag {
    font-size: 0.7rem; padding: 0.3rem 0.6rem; border-radius: 2px;
    font-family: 'JetBrains Mono', monospace; font-weight: bold;
    text-transform: uppercase; display: inline-flex; align-items: center; margin: 2px;
}
.meta-tag.working { background: rgba(0, 255, 136, 0.15); color: #00ff88; border: 1px solid rgba(0, 255, 136, 0.4); }
.meta-tag.platform { background: rgba(0, 102, 255, 0.15); color: #66aaff; border: 1px solid rgba(0, 102, 255, 0.4); }
.meta-tag.type { background: rgba(255, 102, 0, 0.15); color: #ff9966; border: 1px solid rgba(255, 102, 0, 0.4); }

/* --- TABLE & FILTER --- */
.cheat-table-container { border: 1px solid rgba(168, 85, 247, 0.2); border-radius: 8px; background: rgba(10, 10, 10, 0.5); overflow: hidden; }
.cheat-table th { background: rgba(168, 85, 247, 0.1); color: #a855f7; padding: 12px; font-size: 11px; letter-spacing: 1px; }
.cheat-table td { padding: 12px; border-bottom: 1px solid rgba(255,255,255,0.05); }
.filter-btn {
    background: #000; border: 1px solid #333; color: #666; padding: 6px 16px;
    font-size: 11px; font-family: 'JetBrains Mono'; cursor: pointer; transition: 0.3s; margin: 2px;
}
.filter-btn.active { border-color: #a855f7; color: #a855f7; background: rgba(168, 85, 247, 0.1); }

/* --- GENERATOR --- */
.command-generator { border: 1px solid rgba(0, 255, 136, 0.3); padding: 2rem; border-radius: 8px; background: #050505; }
.terminal-select {
    background: #000; color: #00ff88; border: 1px solid #333;
    padding: 10px; font-family: 'JetBrains Mono'; border-radius: 4px; outline: none;
}
.filter-btn {
    pointer-events: auto !important; /* Tıklanabilirliği garanti et */
    cursor: pointer !important;
}

.filter-btn.active {
    border-color: #00ff88 !important;
    color: #00ff88 !important;
    background: rgba(0, 255, 136, 0.1) !important;
    box-shadow: 0 0 10px rgba(0, 255, 136, 0.2);
}
#tableSearchInput {
    background: rgba(10, 10, 10, 0.9);
    border: 2px solid #1f2937;
    color: #00ff88;
}

#tableSearchInput:focus {
    border-color: #a855f7;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.2);
}

#tableSearchInput::placeholder {
    color: #4b5563;
}
.cheat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem;
}

.cheat-card {
    cursor: pointer;
    background: linear-gradient(135deg, rgba(15, 15, 20, 0.95), rgba(5, 5, 5, 0.95));
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 4px; /* Keskin terminal köşeleri */
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.cheat-card:hover {
    border-color: #00ff88;
    box-shadow: 0 0 30px rgba(0, 255, 136, 0.1);
    transform: translateY(-5px);
}
/* GLOBAL SCROLLBAR TASARIMI */
::-webkit-scrollbar {
    width: 10px;
    height: 10px; /* Yatay scroll için */
}

::-webkit-scrollbar-track {
    background: #050505; /* Çok koyu gri/siyah */
    border-left: 1px solid #1a1a1a;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #00ff88, #0066ff); /* Neon Yeşil-Mavi */
    border-radius: 5px;
    border: 2px solid #050505; /* Etrafında boşluk hissi verir */
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #00cc6a, #0052cc); /* Üzerine gelince koyulaşır */
}