/* =====================================================================
   RAP, TRAP & DJ LABORATUVARI - STİL DOSYASI (style.css)
===================================================================== */

body { 
    background-color: #0b0f19; 
    color: #e2e8f0; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
}

.card { 
    background-color: #0f172a; 
    border: 1px solid #334155; 
    border-radius: 12px; 
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4); 
}

.form-control, .form-select { 
    background-color: #0b0f19 !important; 
    color: #f8fafc !important; 
    border: 1px solid #475569 !important; 
    font-size: 0.95rem; 
    font-weight: 500; 
    border-radius: 8px; 
    padding: 10px 14px;
}

.form-control::placeholder { 
    color: #64748b !important; 
    opacity: 1; 
}

.form-control:focus, .form-select:focus { 
    background-color: #0b0f19 !important; 
    color: #ffffff !important;
    border-color: #f59e0b !important; 
    box-shadow: 0 0 0 0.25rem rgba(245, 158, 11, 0.25); 
}

.form-select option { 
    background-color: #0b0f19; 
    color: #f8fafc; 
    padding: 10px; 
}

label.form-label { 
    color: #f8fafc !important; 
}

.btn-danger {
    font-weight: 600;
    border-radius: 8px;
}

/* Çıktı Kutuları ve Monospace Alanlar */
.font-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

/* AI Tavsiye & Armoni Kutusu */
.ai-recommendation-box { 
    background-color: #0f172a; 
    border: 1px solid #ef4444; 
    border-radius: 8px; 
    padding: 15px; 
    margin-top: 15px;
}

/* Player Bar (Alt Müzik Çalar) */
.player-bar { 
    background-color: #0f172a; 
    border-top: 1px solid #1e293b; 
    z-index: 1050; 
}

.player-controls button { 
    background: none; 
    border: none; 
    color: #cbd5e1; 
    font-size: 1.2rem; 
    transition: color 0.2s; 
}

.player-controls button:hover { 
    color: #f59e0b; 
}

.progress-bar-custom { 
    cursor: pointer; 
    height: 6px; 
    background-color: #334155; 
    border-radius: 3px; 
    position: relative; 
}

.progress-bar-fill { 
    background-color: #f59e0b; 
    height: 100%; 
    width: 0%; 
    border-radius: 3px; 
}

/* Küçük Metin Okunabilirlik Ayarı */
small.text-muted, 
.small {
    color: #94a3b8 !important; 
    font-weight: 500;
}
/* ===================================================================== */
/* F5 YENİLEMEDE BEYAZ EKRAN (FLASH) ÖNLEYİCİ MÜHRÜ                       */
/* ===================================================================== */
html, body {
    background-color: #0b0f19 !important;
    color: #e2e8f0 !important;
    margin: 0;
    padding: 0;
}