/* public_html/style.css - NİHAİ KOD (Admin Düzeltmeleri Eklendi) */

:root {
    --primary: #ff6b6b;   /* Neon Pembe */
    --secondary: #feca57; /* Altın Sarısı */
    --bg: #121212;        /* Koyu Arka Plan */
    --card: #1e1e1e;      /* Kart Rengi */
    --text: #ffffff;      /* Yazı Rengi */
    --font: 'Montserrat', sans-serif;
}

body {
    background-color: var(--bg);
    color: var(--text);
    font-family: var(--font);
    margin: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
}

/* Logo */
.logo-container { margin-bottom: 20px; text-align: center; }
.logo-container img { max-width: 150px; height: auto; filter: drop-shadow(0 0 10px rgba(255, 107, 107, 0.5)); }

/* Ana Kutu */
.container {
    background: var(--card);
    width: 100%;
    max-width: 500px;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    border: 1px solid #333;
    box-sizing: border-box;
    overflow: hidden; 
}

/* Formlar */
input, select {
    width: 100%; padding: 12px; margin: 10px 0;
    background: #2a2a2a; border: 1px solid #444;
    border-radius: 8px; color: white; font-size: 16px; box-sizing: border-box;
}
input:focus { outline: none; border-color: var(--primary); }

/* GENEL BUTON STİLİ */
button, .btn-main {
    display: block; width: 100%; padding: 15px;
    background: var(--primary); border: none; border-radius: 10px;
    color: white; font-size: 16px; font-weight: bold; cursor: pointer;
    margin-top: 10px; transition: 0.3s;
    text-align: center;
}
button:hover { opacity: 0.9; transform: translateY(-2px); }

/* --- SEKMELER (TAB) DÜZENİ --- */
.tabs {
    display: flex; 
    overflow-x: auto; 
    flex-wrap: nowrap;
    
    /* Dış boşluklar */
    margin: 0 -20px 5px -20px; 
    
    /* İç boşluk (Kaydırma çubuğu için) */
    padding: 0 20px 10px 20px; 
    
    gap: 8px; 
    -webkit-overflow-scrolling: touch;
}

/* Kaydırma Çubuğu Tasarımı */
.tabs::-webkit-scrollbar { height: 4px; }
.tabs::-webkit-scrollbar-track { background: transparent; }
.tabs::-webkit-scrollbar-thumb { background-color: #444; border-radius: 4px; }

/* SEKME BUTONLARI */
.tab-btn {
    width: auto !important; 
    flex-shrink: 0; 
    padding: 10px 15px; margin-right: 0;
    background: #2a2a2a; color: #888; border: none; border-radius: 8px;
    font-weight: bold; font-size: 12px;
    white-space: nowrap;
}
.tab-btn.active { background: var(--primary); color: white; }

/* RUSÇA BUTONU KONTROLÜ */
.rusca-tab { display: none; }
.rusca-tab.show { display: block !important; }

/* ARAMA VE LİSTE (Müşteri Ekranı) */
#searchArea { margin: 10px 0; width: 100%; }

.song-list {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    max-height: 300px; overflow-y: auto;
    background: #1a1a1a;
    border-top: 1px solid #333; border-bottom: 1px solid #333;
    padding: 0;
}

.song-item {
    display: flex; justify-content: space-between; align-items: center;
    padding: 12px 20px; margin: 0;
    border-bottom: 1px solid #333; cursor: pointer;
    font-size: 14px; box-sizing: border-box; text-align: left;
}
.song-item:hover { background: #333; }
.song-item.selected { background: var(--primary); color: white; }

.song-info { flex-grow: 1; padding-right: 10px; }
.song-id-badge {
    background: #333; color: var(--secondary);
    padding: 4px 8px; border-radius: 6px;
    font-size: 11px; font-family: monospace; font-weight: bold;
    white-space: nowrap;
}

/* --- ADMIN PANELİ ÖZEL DÜZELTMELERİ (YENİ EKLENDİ) --- */

/* İstek Listesi Satırı */
.req-row {
    background: #252525;
    padding: 10px;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    border-left: 3px solid #555;
    border-radius: 5px;
}

/* İstek Metin Alanı (Taşmayı Önler) */
.req-info {
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap; /* Alt satıra inme */
    text-overflow: ellipsis; /* Sığmazsa ... koy */
    text-align: left;
}

/* Admin Silme Butonu (Küçük ve sağa yaslı) */
.btn-del {
    width: auto !important; /* Genel %100 genişliği ez */
    padding: 5px 10px !important;
    margin: 0 !important;
    background: #c0392b;
    color: white;
    border: none;
    border-radius: 3px;
    font-size: 11px;
    cursor: pointer;
    flex-shrink: 0;
}

.footer { margin-top: 30px; font-size: 11px; color: #555; text-align: center; }