/* --- FEYNMAN AUDIO MODULE --- */

/* Modal Yapısı */
.feynman-modal {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.92); backdrop-filter: blur(12px);
    z-index: 100001; /* Focus overlay'in üstünde */
    display: none; align-items: center; justify-content: center;
}

.feynman-card {
    background: #080808; border: 1px solid var(--primary);
    width: 90%; max-width: 500px; height: 80vh;
    display: flex; flex-direction: column;
    box-shadow: 0 0 40px rgba(var(--rgb), 0.15);
    clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
}

/* Üst Başlık */
.feynman-header {
    padding: 20px; border-bottom: 1px solid #222;
    display: flex; justify-content: space-between; align-items: center;
}
.feynman-header h3 { margin: 0; color: var(--primary); font-family: 'JetBrains Mono'; letter-spacing: 2px; }

/* Kayıt Alanı (Visualizer) */
.rec-area {
    padding: 30px; text-align: center;
    background: radial-gradient(circle, rgba(var(--rgb), 0.1) 0%, transparent 70%);
    border-bottom: 1px solid #222;
}

.mic-btn {
    width: 70px; height: 70px; border-radius: 50%;
    background: #111; border: 2px solid #333; color: #555;
    font-size: 24px; cursor: pointer; transition: 0.3s;
    display: inline-flex; align-items: center; justify-content: center;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.mic-btn.recording {
    border-color: var(--danger); color: var(--danger);
    background: rgba(255, 0, 0, 0.1);
    animation: pulse-red 1.5s infinite;
}

@keyframes pulse-red {
    0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4); }
    70% { box-shadow: 0 0 0 15px rgba(255, 0, 0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }
}

.rec-timer {
    margin-top: 10px; font-family: 'JetBrains Mono'; font-size: 18px; color: #fff;
    text-shadow: 0 0 5px var(--primary);
}

/* Kayıt Listesi */
.recordings-list {
    flex: 1; overflow-y: auto; padding: 15px;
}

.rec-item {
    background: #111; border: 1px solid #222; margin-bottom: 10px;
    padding: 12px; display: flex; align-items: center; gap: 10px;
    transition: 0.2s;
}
.rec-item:hover { border-color: var(--primary); background: #151515; }

.rec-info { flex: 1; }
.rec-date { font-size: 10px; color: #666; }
.rec-title { font-size: 12px; color: #ddd; font-weight: bold; }

.rec-play-btn {
    background: transparent; border: 1px solid var(--primary); color: var(--primary);
    width: 30px; height: 30px; border-radius: 50%; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
}
.rec-delete-btn {
    color: #555; cursor: pointer; font-size: 14px; padding: 5px;
}
.rec-delete-btn:hover { color: var(--danger); }