/* ════════════════════════════════════════════════════════════════════════
   ADMIN PANELİ
   ════════════════════════════════════════════════════════════════════════ */
.admin-gate {
    margin-top: 60px; height: calc(100vh - 60px);
    display: flex; align-items: center; justify-content: center;
    color: #ff9fb0; font-family: 'Rajdhani', sans-serif; font-size: 1.2rem; text-align: center; padding: 20px;
}

.admin-layout {
    margin-top: 60px; height: calc(100vh - 60px);
    flex-direction: column; padding: 18px 22px; font-family: 'Rajdhani', sans-serif;
}
.admin-tablar { display: flex; gap: 6px; margin-bottom: 10px; }
.admin-tab {
    background: #0c1430; border: 1px solid #232f50; color: #8794ba;
    padding: 8px 16px; border-radius: 9px; cursor: pointer; font-family: inherit; font-weight: 700; font-size: .88rem;
}
.admin-tab.aktif { background: linear-gradient(135deg, #7c6ff7, #4a3fc7); color: #fff; }
.admin-mesaj { min-height: 18px; font-size: .85rem; color: #7ee8a0; margin-bottom: 6px; }
.admin-mesaj.err { color: #ff8da3; }

.admin-icerik { flex: 1; display: grid; grid-template-columns: 260px 1fr; gap: 16px; min-height: 0; }

.admin-liste { display: flex; flex-direction: column; gap: 6px; overflow-y: auto;
    background: #0a1020; border: 1px solid #1a2a4a; border-radius: 12px; padding: 10px; }
.admin-yeni { background: #14361f; border: 1px solid #2f9e54; color: #7fe6a0; padding: 9px; border-radius: 8px;
    cursor: pointer; font-family: inherit; font-weight: 800; margin-bottom: 4px; position: sticky; top: 0; }
.admin-row { display: flex; flex-direction: row; align-items: center; gap: 10px; text-align: left; width: 100%;
    background: #0e1530; border: 1px solid #1c2647; border-radius: 8px; padding: 8px 10px; cursor: pointer; color: #dde; font-family: inherit; }
.admin-row.sec { border-color: #7c6ff7; background: #141d3a; }
.admin-row-ikon { width: 30px; height: 30px; flex: 0 0 30px; display: flex; align-items: center; justify-content: center;
    background: #0a1228; border: 1px solid #20305a; border-radius: 7px; }
.admin-row-ikon img { width: 22px; height: 22px; object-fit: contain; }
.admin-row-metin { display: flex; flex-direction: column; min-width: 0; }
.admin-row b { font-size: .9rem; } .admin-row small { color: #667; font-size: .7rem; }
.admin-bos { color: #667; padding: 14px; text-align: center; }

/* Arama / filtre */
.admin-ara-sarma { display: flex; gap: 6px; margin-bottom: 6px; }
.admin-ara { flex: 1; min-width: 0; background: #0c1430; border: 1px solid #2a3656; border-radius: 8px;
    padding: 7px 10px; color: #fff; font-family: inherit; font-size: .85rem; outline: none; }
.admin-filtre { background: #0c1430; border: 1px solid #2a3656; border-radius: 8px; padding: 7px 8px;
    color: #fff; font-family: inherit; font-size: .8rem; outline: none; max-width: 120px; }
.admin-ara:focus, .admin-filtre:focus { border-color: #7c6ff7; }
.admin-sayac { color: #667; font-size: .72rem; margin: 0 2px 8px; }

/* Canlı önizleme kartı */
.admin-onizleme { margin-bottom: 12px; }
.oz-kart { display: flex; gap: 12px; align-items: flex-start;
    background: linear-gradient(135deg, #101a38, #0b1124); border: 1px solid #243156; border-radius: 12px; padding: 12px; }
.oz-ikon { width: 56px; height: 56px; flex: 0 0 56px; display: flex; align-items: center; justify-content: center;
    background: #0a1228; border: 1px solid #2a3a64; border-radius: 10px; }
.oz-ikon img { width: 42px; height: 42px; object-fit: contain; }
.oz-ikon-yok { color: #44507a; font-size: 1.4rem; }
.oz-govde { min-width: 0; flex: 1; }
.oz-ad { font-weight: 800; color: #fff; font-size: 1rem; }
.oz-cipler { display: flex; flex-wrap: wrap; gap: 5px; margin: 5px 0; }
.oz-cip { background: #1a2545; border: 1px solid #2c3a63; border-radius: 999px; padding: 2px 9px; font-size: .68rem;
    color: #aeb8e6; text-transform: uppercase; letter-spacing: .4px; }
.oz-stat { color: #7ee8a0; font-size: .8rem; font-weight: 600; }
.oz-acik { color: #8794ba; font-size: .78rem; margin-top: 4px; }

/* İkon seçici alanı (form) */
.ikon-sec { display: flex; align-items: center; gap: 8px; }
.ikon-onizleme { width: 38px; height: 38px; flex: 0 0 38px; display: flex; align-items: center; justify-content: center;
    background: #0a1228; border: 1px solid #2a3a64; border-radius: 8px; }
.ikon-onizleme img { width: 28px; height: 28px; object-fit: contain; }
.ikon-yol { flex: 1; min-width: 0; background: #0c1430; border: 1px solid #2a3656; border-radius: 8px;
    padding: 8px 10px; color: #fff; font-family: monospace; font-size: .78rem; outline: none; }
.ikon-yol:focus { border-color: #7c6ff7; }
.ikon-sec-btn { background: #1a2545; border: 1px solid #2c3a63; color: #cdd6f5; border-radius: 8px;
    padding: 8px 14px; cursor: pointer; font-family: inherit; font-weight: 700; font-size: .82rem; white-space: nowrap; }
.ikon-sec-btn:hover { background: #243156; }

/* İkon seçici modal */
.ikon-modal { position: fixed; inset: 0; background: rgba(4, 8, 18, .8); backdrop-filter: blur(3px);
    display: flex; align-items: center; justify-content: center; z-index: 1000; }
.ikon-modal-ic { width: min(680px, 92vw); max-height: 82vh; display: flex; flex-direction: column;
    background: #0a1020; border: 1px solid #243156; border-radius: 14px; overflow: hidden; }
.ikon-modal-ust { display: flex; gap: 10px; padding: 12px; border-bottom: 1px solid #1a2a4a; }
.ikon-ara { flex: 1; background: #0c1430; border: 1px solid #2a3656; border-radius: 8px; padding: 8px 12px;
    color: #fff; font-family: inherit; font-size: .9rem; outline: none; }
.ikon-ara:focus { border-color: #7c6ff7; }
.ikon-modal-kapat { background: #1a2545; border: 1px solid #2c3a63; color: #cdd6f5; border-radius: 8px;
    width: 38px; cursor: pointer; font-size: 1rem; }
.ikon-gruplar { overflow-y: auto; padding: 12px; }
.ikon-grup h4 { color: #8794ba; font-size: .72rem; text-transform: uppercase; letter-spacing: .6px; margin: 10px 2px 6px; }
.ikon-grup h4 small { color: #556; }
.ikon-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(52px, 1fr)); gap: 8px; }
.ikon-hucre { aspect-ratio: 1; display: flex; align-items: center; justify-content: center;
    background: #0e1530; border: 1px solid #1c2647; border-radius: 9px; cursor: pointer; padding: 8px; }
.ikon-hucre:hover { border-color: #7c6ff7; background: #141d3a; }
.ikon-hucre img { width: 100%; height: 100%; object-fit: contain; }

.admin-form-bolum { display: flex; flex-direction: column; min-height: 0;
    background: #0a1020; border: 1px solid #1a2a4a; border-radius: 12px; padding: 14px; }
.admin-form { flex: 1; overflow-y: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-content: start; }
.af { display: flex; flex-direction: column; gap: 4px; }
.af.genis { grid-column: 1 / -1; }
.af.bool { flex-direction: row; align-items: center; gap: 8px; }
.af span { font-size: .68rem; letter-spacing: .5px; color: #8794ba; text-transform: uppercase; }
.af input, .af select, .af textarea {
    background: #0c1430; border: 1px solid #2a3656; border-radius: 8px; padding: 8px 10px;
    color: #fff; font-family: inherit; font-size: .9rem; outline: none; }
.af input:focus, .af select:focus, .af textarea:focus { border-color: #7c6ff7; }
.af textarea { resize: vertical; font-family: monospace; font-size: .8rem; }
.af.bool input { width: 18px; height: 18px; }

.admin-form-alt { display: flex; gap: 10px; margin-top: 12px; }
.admin-btn { padding: 10px 22px; border-radius: 9px; border: none; cursor: pointer; font-family: inherit; font-weight: 800; }
.admin-btn.kaydet { background: linear-gradient(135deg, #7c6ff7, #4a3fc7); color: #fff; }
.admin-btn.sil { background: #2a1622; border: 1px solid #5a2a3a; color: #ff9fb0; }