/* =====================================================
   ZERO ORGANİZE  —  STİL (Knight Online teması)
   Palet: kömür-siyah zemin, oxblood çerçeve, altın kenar,
   yeşil rakamlar, parşömen metin, tan/altın butonlar.
   Doluluk: 8 segment, soldan yeşil → sağda kırmızı.
   ===================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=EB+Garamond:wght@400;500;600;700&display=swap');

:root{
  --bg:        #0a0806;
  --panel:     #16110b;
  --panel-2:   #1f1810;
  --cizgi:     #4a3a1c;   /* altın-kahve kenar */
  --gold:      #c9a84a;   /* parlak altın aksanı */
  --gold-koyu: #8a7330;
  --oxblood:   #4a1212;   /* çerçeve bordosu */
  --metin:     #ecdfc2;   /* parşömen krem */
  --silik:     #9c8a64;   /* soluk tan */
  --yesil:     #5fd35f;   /* KO yeşili (rakamlar) */
  --vurgu:     var(--gold);
  --vurgu-koyu:var(--gold-koyu);
  --parilti:   rgba(201,168,74,.45);
  --kilitli:   #a855f7;
  --radius: 5px;
}

/* Irk aksanı (yalnızca rozet/küçük vurgular için) */
.irk-human{ --irk:#e0282e; }
.irk-karus{ --irk:#3a86e0; }

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  background:
    radial-gradient(1100px 700px at 50% -15%, #241a10, var(--bg) 60%) fixed,
    var(--bg);
  color:var(--metin);
  font-family:'EB Garamond', Georgia, serif;
  font-size:17px;
  line-height:1.5;
  min-height:100vh;
}
h1,h2,.marka,.btn,.irk-ad{ font-family:'Cinzel', serif; }
a{ color:var(--gold); text-decoration:none; }
a:hover{ text-decoration:underline; }

/* ---------- BUTON (Connect tarzı tan/altın plaka) ---------- */
.btn{
  display:inline-block;
  font-family:'Cinzel', serif; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
  color:#2a1d08; cursor:pointer;
  background:linear-gradient(180deg, #ead29a 0%, #cba955 45%, #9c7f3c 100%);
  border:1px solid #5e4a1e;
  border-radius:var(--radius);
  padding:.6rem 1.2rem; font-size:.92rem;
  text-shadow:0 1px 0 rgba(255,255,255,.3);
  box-shadow:inset 0 1px 0 rgba(255,248,220,.6),
             inset 0 -2px 5px rgba(0,0,0,.4),
             0 2px 7px rgba(0,0,0,.55);
  transition:filter .15s, box-shadow .15s, transform .05s;
}
.btn:hover:not(:disabled){ filter:brightness(1.07); text-decoration:none; }
.btn:active:not(:disabled){ transform:translateY(1px); }
.btn:disabled{ opacity:.4; cursor:not-allowed; }
.btn-kucuk{ padding:.4rem .8rem; font-size:.78rem; }
input, select{
  background:#0c0906; color:var(--metin);
  border:1px solid var(--cizgi); border-radius:5px;
  padding:.6rem .7rem; font-size:1rem; width:100%;
  font-family:'EB Garamond', serif;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.6);
}
input:focus, select:focus{ outline:none; border-color:var(--gold); box-shadow:inset 0 2px 5px rgba(0,0,0,.6), 0 0 0 2px var(--parilti); }

/* =====================================================
   IRK SEÇİM KAPISI
   ===================================================== */
body.kapi{ display:grid; place-items:center;
  background:radial-gradient(900px 600px at 50% 0%, #221a10, #060403 70%) fixed; }
.irk-secim{ text-align:center; padding:2rem; max-width:720px; }
.kapi-baslik{ font-size:1.9rem; font-weight:900; letter-spacing:.06em; margin:0 0 .4rem; line-height:1.25;
  color:var(--gold); text-shadow:0 2px 12px rgba(0,0,0,.8); }
.kapi-alt{ color:var(--silik); margin:0 0 2.4rem; letter-spacing:.05em; }
.irk-kartlari{ display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; }
.irk-kart{
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
  gap:.6rem; padding:2.2rem 1rem 1.8rem; border-radius:12px;
  background:linear-gradient(180deg, #1a140c, #0c0805);
  border:1px solid #4a3a1c; color:var(--metin);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 24px rgba(0,0,0,.5);
  transition:transform .18s, border-color .18s, box-shadow .18s;
}
.irk-kart:hover{ transform:translateY(-6px); text-decoration:none; }
.irk-kart.human:hover{ border-color:#e0282e; box-shadow:0 0 28px rgba(224,40,46,.35); }
.irk-kart.karus:hover{ border-color:#2f74d0; box-shadow:0 0 28px rgba(47,116,208,.35); }
.irk-sembol{ width:120px; height:120px; object-fit:contain; }
.irk-kart.human .irk-sembol{ filter:drop-shadow(0 0 14px rgba(224,40,46,.55)); }
.irk-kart.karus .irk-sembol{ filter:drop-shadow(0 0 14px rgba(47,116,208,.55)); }
.irk-ad{ font-size:1.7rem; font-weight:900; letter-spacing:.14em; margin-top:.3rem; }
.irk-kart.human .irk-ad{ color:#f1565a; }
.irk-kart.karus .irk-ad{ color:#6ba6ec; }
.irk-not{ color:var(--silik); font-size:.85rem; letter-spacing:.05em; }
.kapi-dipnot{ color:var(--silik); font-size:.85rem; margin-top:2.4rem; }

/* =====================================================
   FORM SAYFALARI (kayıt / giriş)
   ===================================================== */
body.form-sayfa{ display:grid; place-items:center; padding:1.5rem; }
.form-kutu{
  background:linear-gradient(180deg, #1a140c, #120d07);
  border:1px solid var(--cizgi); border-radius:12px; padding:2rem; width:100%; max-width:410px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 30px rgba(0,0,0,.5);
}
.form-kutu h1{ margin:0 0 1.2rem; font-size:1.5rem; letter-spacing:.06em; }
.form{ display:flex; flex-direction:column; gap:1rem; }
.form label{ display:flex; flex-direction:column; gap:.35rem; font-size:.85rem; color:var(--silik); text-transform:uppercase; letter-spacing:.06em; }
.opsiyonel{ text-transform:none; }
.form-alt{ margin-top:1.2rem; color:var(--silik); font-size:.9rem; text-align:center; }
.bildirim{ padding:.8rem 1rem; border-radius:8px; margin-bottom:1rem; font-size:.92rem; }
.bildirim.hata{ background:rgba(224,40,46,.12); color:#fca5a5; border:1px solid rgba(224,40,46,.4); }
.bildirim.basari{ background:rgba(34,197,94,.12); color:#86efac; border:1px solid rgba(34,197,94,.4); }

/* =====================================================
   UYGULAMA (ana sayfa)
   ===================================================== */
.ustbar{
  display:flex; align-items:center; justify-content:space-between;
  padding:.8rem 1.2rem; gap:.6rem; flex-wrap:wrap;
  background:linear-gradient(180deg, #221a10, #120d07);
  border-bottom:2px solid var(--vurgu);
  box-shadow:0 2px 12px rgba(0,0,0,.5);
}
.marka{ font-weight:900; letter-spacing:.08em; font-size:1.15rem; }
.rozet-irk{ font-family:'EB Garamond',serif; font-size:.72rem; font-weight:700; background:var(--irk); color:#fff;
  padding:.15rem .55rem; border-radius:999px; margin-left:.4rem; vertical-align:middle; letter-spacing:.08em; }
.ustbar-sag{ display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; }
.link-sade{ color:var(--silik); }
.kullanici{ color:var(--metin); font-size:.92rem; }

.serit{ background:var(--panel-2); border-bottom:1px solid var(--cizgi); padding:.7rem 1.2rem; font-size:.9rem; color:var(--silik); }

.duzen{ display:grid; grid-template-columns:340px 1fr; gap:1rem; padding:1rem; max-width:1240px; margin:0 auto; }

/* ---- Sol: server ağacı ---- */
.gezinme{ background:linear-gradient(180deg, #16110b, #100b06); border:1px solid var(--cizgi); border-radius:12px; padding:1rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.gezinme-baslik{ margin:.2rem 0 1rem; font-size:.95rem; color:var(--silik); text-transform:uppercase; letter-spacing:.12em; }
.server-liste, .slot-liste{ list-style:none; margin:0; padding:0; }
.server{ margin-bottom:.45rem; }
.server summary, .camp summary{ cursor:pointer; padding:.55rem .7rem; border-radius:6px; font-weight:600; user-select:none; letter-spacing:.04em; }
.server > details > summary{ background:linear-gradient(180deg,#1b1d10,#11130a); border:1px solid var(--cizgi);
  box-shadow:inset 0 1px 0 rgba(201,168,74,.12);
  font-family:'Cinzel',serif; color:var(--yesil); text-shadow:0 0 7px rgba(95,211,95,.4); letter-spacing:.06em; }
.server summary:hover{ border-color:var(--gold); }
.camp{ margin:.45rem 0 .45rem .6rem; }
.camp summary{ background:transparent; font-weight:500; color:var(--silik); font-family:'Cinzel',serif; font-size:.85rem; }
.camp summary:hover{ color:var(--gold); }
.server.kapali > details > summary{ opacity:.45; }
.server-kapali{ font-family:'EB Garamond',serif; font-size:.7rem; font-weight:700; color:#fff; background:#8a1a1a; padding:.1rem .45rem; border-radius:3px; margin-left:.4rem; letter-spacing:.04em; }
.slot-liste{ margin-left:.6rem; }
.slot{ display:block; padding:.5rem .65rem; margin:.3rem 0; border-radius:4px;
  background:linear-gradient(180deg,#1c160d,#140f08); border:1px solid #3a2f17; border-left:3px solid #6b5a2a; }
.slot-ust{ display:flex; align-items:center; justify-content:space-between; }
.slot-ad{ font-size:.98rem; font-weight:600; color:var(--metin); font-family:'Cinzel',serif; }
.slot-durum{ font-size:.8rem; font-weight:700; color:var(--silik); letter-spacing:.04em; }
.durum-kuruluyor{ border-left-color:#3fcf3f; }
.durum-kuruluyor .slot-durum{ color:#7fe07f; }
.durum-dolu{ border-left-color:#e03030; }
.durum-dolu .slot-durum{ color:#f08a8a; }
.durum-kilitli{ border-left-color:var(--kilitli); }
.durum-kilitli .slot-durum{ color:#c084fc; }

/* Doluluk — 8 segment, soldan yeşil → sağda kırmızı (KO çubuğu) */
.doluluk{ display:flex; gap:2px; height:13px; margin-top:.45rem; padding:2px;
  background:#070503; border:1px solid #3a2f17; border-radius:3px; box-shadow:inset 0 1px 3px rgba(0,0,0,.8); }
.tik{ flex:1; border-radius:1px; background:var(--c); opacity:.15; transition:opacity .25s; }
.tik.yanik{ opacity:1; box-shadow:0 0 4px var(--c); }

/* ---- Sağ: sohbet ---- */
.sohbet{ background:linear-gradient(180deg,#16110b,#100b06); border:1px solid var(--cizgi); border-radius:12px;
  display:flex; flex-direction:column; height:60vh; box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.sohbet-baslik{ margin:0; padding:1rem; border-bottom:1px solid var(--cizgi); font-size:1.05rem; letter-spacing:.06em; flex:0 0 auto; }
.sohbet-irk{ font-family:'EB Garamond',serif; font-size:.72rem; font-weight:700; background:var(--irk); color:#fff; padding:.1rem .55rem; border-radius:999px; margin-left:.4rem; letter-spacing:.08em; }
.sohbet-akis{ flex:1 1 auto; min-height:0; padding:1rem; overflow-y:auto; }
.sohbet-bos{ color:var(--silik); font-size:.9rem; text-align:center; margin-top:2rem; }
.sohbet-girdi{ display:flex; gap:.6rem; padding:1rem; border-top:1px solid var(--cizgi); }
.sohbet-girdi input{ flex:1; }

/* Sohbet mesajları */
.msg{ padding:.18rem 0; font-size:.96rem; word-break:break-word; }
.msg-zaman{ color:#7a6a48; font-size:.74rem; margin-right:.45rem; }
.msg-nick{ color:var(--vurgu); font-weight:700; }
.msg-icerik{ color:var(--metin); }
.msg-sistem{ color:var(--silik); font-style:italic; font-size:.85rem; text-align:center; padding:.3rem 0; }

/* =====================================================
   MOBİL  —  chat üstte, server ağacı altta
   ===================================================== */
@media (max-width:780px){
  .duzen{ grid-template-columns:1fr; }
  .sohbet{ order:-1; height:50vh; }
  .irk-kartlari{ grid-template-columns:1fr 1fr; gap:.8rem; }
  .irk-sembol{ width:88px; height:88px; }
  .kapi-baslik{ font-size:2rem; }
}
@media (max-width:430px){
  .irk-kartlari{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce){ *{ transition:none !important; } }

/* =====================================================
   PARTY KATMANI
   ===================================================== */
.slot-aksiyon{ margin-top:.5rem; }
.btn-odam{ background:linear-gradient(180deg,#16a34a,#15803d); }
.ccdb{ color:#c084fc; font-size:.72rem; }

/* Priest CC/DB seçici */
.ps-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.7); display:grid; place-items:center; z-index:50; }
.ps-kutu{ background:linear-gradient(180deg,#221a10,#100b06); border:1px solid var(--cizgi); border-radius:12px;
  padding:1.6rem; width:90%; max-width:320px; text-align:center; box-shadow:0 12px 40px rgba(0,0,0,.6); }
.ps-baslik{ margin:0 0 1rem; font-family:'Cinzel',serif; letter-spacing:.06em; }
.ps-btnler{ display:flex; gap:.7rem; justify-content:center; margin-bottom:1rem; }
.ps-iptal{ background:none; border:none; color:var(--silik); cursor:pointer; font-size:.9rem; text-decoration:underline; }

/* Lobi */
.lobi-baslik{ font-size:1.15rem; letter-spacing:.04em; margin:.2rem 0 .6rem; }
.lobi-durum{ color:var(--silik); font-size:.9rem; font-weight:700; letter-spacing:.06em; margin-bottom:1rem; }
.uye-liste{ display:flex; flex-direction:column; gap:.5rem; margin-bottom:1.2rem; }
.uye{ display:flex; align-items:center; justify-content:space-between; gap:.5rem;
  background:var(--panel-2); border:1px solid var(--cizgi); border-radius:8px; padding:.55rem .7rem; }
.uye-bilgi{ display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.uye-nick{ font-weight:700; }
.uye-job{ font-size:.78rem; color:var(--silik); background:#0c0906; padding:.1rem .45rem; border-radius:999px; }
.uye-lider{ font-size:.72rem; color:#fbbf24; font-weight:700; }
.uye-aksiyon{ display:flex; gap:.35rem; }
.mini-btn{ font-family:'EB Garamond',serif; font-weight:600; font-size:.74rem; cursor:pointer;
  background:var(--panel); color:var(--metin); border:1px solid var(--cizgi); border-radius:6px; padding:.25rem .5rem; }
.mini-btn:hover{ border-color:var(--vurgu); }
.mini-at{ color:#f87171; }
.mini-at:hover{ border-color:#ef4444; }
.btn-ayril{ width:100%; background:linear-gradient(180deg,#b91c1c,#7f1d1d); }

/* Server özet noktaları (tıklamadan görünen renkli özet) */
.server-ozet{ display:inline-flex; gap:3px; margin-left:.5rem; vertical-align:middle; }
.nokta{ width:8px; height:8px; border-radius:50%; display:inline-block; box-shadow:0 0 3px rgba(0,0,0,.5); }

/* =====================================================
   ADMİN PANELİ (Yarı 1)
   ===================================================== */
.panel{ max-width:1100px; margin:0 auto; padding:1rem; }
.panel-sekmeler{ display:flex; align-items:center; gap:.5rem; border-bottom:1px solid var(--cizgi); margin-bottom:1rem; flex-wrap:wrap; }
.sekme{ font-family:'Cinzel',serif; font-size:.9rem; letter-spacing:.06em; cursor:pointer;
  background:none; border:none; color:var(--silik); padding:.7rem 1rem; border-bottom:2px solid transparent; }
.sekme.aktif{ color:var(--metin); border-bottom-color:var(--vurgu); }
.panel-yari2{ margin-left:auto; color:#7a6a48; font-size:.78rem; font-style:italic; }
.irk-secici{ display:flex; gap:.5rem; margin-bottom:1rem; }
.irk-btn{ font-family:'EB Garamond',serif; font-weight:700; font-size:.8rem; letter-spacing:.06em; cursor:pointer;
  background:var(--panel-2); color:var(--silik); border:1px solid var(--cizgi); border-radius:6px; padding:.4rem .9rem; }
.irk-btn.aktif{ background:var(--vurgu); color:#fff; border-color:var(--vurgu); }

.panel-icerik{ display:none; }
.panel-icerik.aktif{ display:block; }

/* Oda panosu */
.pano-baslik{ font-family:'Cinzel',serif; letter-spacing:.05em; margin-bottom:.8rem; }
.pano-sayi{ color:var(--silik); font-family:'EB Garamond',serif; }
.pano-liste{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:.7rem; }
.pano-kart{ background:var(--panel-2); border:1px solid var(--cizgi); border-left:3px solid var(--vurgu);
  border-radius:8px; padding:.7rem .8rem; }
.pano-yer{ font-weight:700; margin:.2rem 0; }
.pano-bilgi{ color:var(--silik); font-size:.85rem; }
.pano-irk{ font-size:.68rem; font-weight:700; color:#fff; padding:.1rem .45rem; border-radius:999px; letter-spacing:.06em; }
.pano-irk.human{ background:#e0282e; }
.pano-irk.karus{ background:#2f74d0; }
.bos-not{ color:var(--silik); }

/* Sohbet logları */
.log-arac{ display:flex; align-items:center; justify-content:space-between; margin-bottom:.6rem; gap:.6rem; flex-wrap:wrap; }
.log-baslik{ font-family:'Cinzel',serif; letter-spacing:.05em; }
.btn-temizle{ background:linear-gradient(180deg,#b91c1c,#7f1d1d); }
.log-akis{ height:60vh; overflow-y:auto; background:var(--panel); border:1px solid var(--cizgi); border-radius:10px; padding:1rem; }

/* Mesaj sil butonu + silinmiş iz */
.msg-sil{ margin-left:.5rem; font-size:.7rem; color:#f87171; background:none; border:1px solid transparent;
  border-radius:4px; cursor:pointer; padding:0 .35rem; opacity:.5; }
.msg:hover .msg-sil{ opacity:1; }
.msg-sil:hover{ border-color:#ef4444; }
.msg-silindi{ color:#7a6a48; font-style:italic; font-size:.85rem; }

/* =====================================================
   ADMİN PANELİ (Yarı 2a) — üyeler, banlılar, gözlemci
   ===================================================== */
.pano-gir{ display:inline-block; margin-top:.6rem; }

/* Üye arama + tablo */
.uye-arac{ display:flex; gap:.5rem; margin-bottom:1rem; max-width:420px; }
.uye-arac input{ flex:1; }
.uye-tablo{ display:flex; flex-direction:column; gap:.4rem; }
.uye-satir{ display:flex; align-items:center; justify-content:space-between; gap:.6rem; flex-wrap:wrap;
  background:var(--panel-2); border:1px solid var(--cizgi); border-radius:8px; padding:.55rem .7rem; }
.uye-meta{ color:var(--silik); font-size:.82rem; }
.uye-satir .uye-bilgi{ gap:.55rem; }

/* Gözlemci sohbet girişi pasif görünümü zaten input:disabled ile gelir */

/* =====================================================
   REALM SEÇİCİ + KADRO + BİLDİR + BİLDİRİMLER
   ===================================================== */
.realm-secici{ display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:1rem; }
.realm{ font-family:'Cinzel',serif; font-size:.82rem; letter-spacing:.05em; cursor:pointer;
  background:linear-gradient(180deg,#1f1a0f,#14100a); color:var(--metin);
  border:1px solid var(--cizgi); border-radius:6px; padding:.4rem .7rem; }
.realm.aktif{ border-color:var(--vurgu); color:#fff; box-shadow:0 0 10px var(--parilti); }
.realm.yakinda{ opacity:.4; cursor:not-allowed; }
.realm.yakinda span{ font-family:'EB Garamond',serif; font-size:.68rem; color:var(--silik); }

/* Kadro satırı (Attacker/Priest/CC-DB) */
.slot-kadro{ font-size:.76rem; color:var(--silik); margin-top:.35rem; letter-spacing:.02em; }
.slot-kadro:empty{ display:none; }

/* Boş/Dolu bildir butonları */
.slot-bildir{ display:flex; gap:.4rem; margin-top:.5rem; }
.slot-bildir .mini-btn{ flex:1; text-align:center; }

/* Sekme rozeti (bekleyen bildirim sayısı) */
.sekme-rozet{ display:none; background:#ef4444; color:#fff; font-family:'EB Garamond',serif;
  font-size:.7rem; font-weight:700; border-radius:999px; padding:.05rem .4rem; margin-left:.25rem; }

/* Bildirim kartları */
.bildirim-not{ color:var(--silik); font-size:.88rem; margin:0 0 1rem; }
.tip-roz{ font-size:.68rem; font-weight:700; color:#fff; padding:.1rem .45rem; border-radius:999px; letter-spacing:.05em; }
.tip-roz.dolu{ background:#ef4444; }
.tip-roz.bos{ background:#22c55e; }
.mini-onay{ color:#86efac; }
.mini-onay:hover{ border-color:#22c55e; }

/* Server/Camp özet şeridi (mini 8 segment, yeşil→kırmızı) */
.ozet-bar{ display:inline-flex; gap:2px; height:11px; margin-left:.5rem; padding:1px 2px;
  vertical-align:middle; background:#070503; border:1px solid #3a2f17; border-radius:3px; }
.ozet-bar .tik{ flex:0 0 3px; height:100%; border-radius:1px; }
.camp summary .ozet-bar{ height:9px; }

/* =====================================================
   ALT BİLGİ (ziyaretçi sayacı) + ADMİN MESAJ KUTUSU
   ===================================================== */
.alt-bilgi{ display:flex; align-items:center; justify-content:center; gap:.6rem;
  padding:.7rem 1rem; margin-top:.5rem;
  background:linear-gradient(180deg,#1a140c,#100b06); border-top:2px solid var(--gold);
  color:var(--silik); font-family:'Cinzel',serif; font-size:.82rem; letter-spacing:.05em; }
.sayac-etiket{ color:var(--silik); }
.sayac-deger{ color:var(--yesil); font-weight:700; text-shadow:0 0 6px rgba(95,211,95,.35); }
.sayac-ayrac{ color:var(--cizgi); }

/* Admin inbox kartları */
.inbox-liste{ display:flex; flex-direction:column; gap:.6rem; }
.inbox-kart{ background:var(--panel-2); border:1px solid var(--cizgi); border-radius:8px; padding:.7rem .8rem; }
.inbox-kart.okunmadi{ border-left:3px solid var(--gold); }
.inbox-ust{ display:flex; align-items:center; gap:.5rem; margin-bottom:.4rem; flex-wrap:wrap; }
.inbox-nick{ font-weight:700; color:var(--metin); }
.inbox-zaman{ color:var(--silik); font-size:.78rem; margin-left:auto; }
.inbox-govde{ color:var(--metin); white-space:pre-wrap; word-break:break-word; margin-bottom:.5rem; }
textarea{ background:#0c0906; color:var(--metin); border:1px solid var(--cizgi); border-radius:5px;
  padding:.6rem .7rem; font-size:1rem; width:100%; font-family:'EB Garamond',serif; resize:vertical;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.6); }
textarea:focus{ outline:none; border-color:var(--gold); box-shadow:inset 0 2px 5px rgba(0,0,0,.6), 0 0 0 2px var(--parilti); }

/* =====================================================
   ADMİN ↔ KULLANICI KONUŞMASI (çift yönlü)
   ===================================================== */
/* Navbar okunmamış rozeti */
.link-rozet{ display:none; background:#ef4444; color:#fff; font-family:'EB Garamond',serif;
  font-size:.7rem; font-weight:700; border-radius:999px; padding:.02rem .4rem; margin-left:.15rem; vertical-align:middle; }

/* Konuşma akışı + balonlar */
.konusma-akis{ display:flex; flex-direction:column; gap:.5rem; height:48vh; min-height:240px;
  overflow-y:auto; padding:.6rem; background:#0a0705; border:1px solid var(--cizgi); border-radius:8px; }
.balon{ max-width:78%; display:flex; flex-direction:column; }
.balon.ben{ align-self:flex-end; align-items:flex-end; }
.balon.karsi{ align-self:flex-start; align-items:flex-start; }
.balon-ic{ padding:.5rem .7rem; border-radius:10px; white-space:pre-wrap; word-break:break-word; line-height:1.35; }
.balon.ben .balon-ic{ background:linear-gradient(180deg,#3a2c12,#2a2010); border:1px solid var(--gold-koyu); color:var(--metin); border-bottom-right-radius:3px; }
.balon.karsi .balon-ic{ background:var(--panel-2); border:1px solid var(--cizgi); color:var(--metin); border-bottom-left-radius:3px; }
.balon-alt{ font-size:.68rem; color:var(--silik); margin-top:.15rem; padding:0 .2rem; }

/* İletişim sayfası (kullanıcı) */
.iletisim-sayfa{ max-width:720px; margin:1.2rem auto; padding:0 1rem; }
.iletisim-kutu{ height:auto; }
.iletisim-not{ color:var(--silik); font-size:.85rem; margin:0 0 .7rem; }

/* Panel: iki bölmeli konuşma arayüzü */
.inbox-duzen{ display:grid; grid-template-columns:260px 1fr; gap:.8rem; }
.inbox-sol{ display:flex; flex-direction:column; gap:.4rem; max-height:60vh; overflow-y:auto; }
.konusma-sat{ padding:.5rem .6rem; border:1px solid var(--cizgi); border-radius:7px; background:var(--panel-2); cursor:pointer; }
.konusma-sat:hover{ border-color:var(--gold); }
.konusma-sat.aktif{ border-color:var(--gold); box-shadow:0 0 0 1px var(--parilti); }
.konusma-ust{ display:flex; align-items:center; gap:.4rem; }
.konusma-nick{ font-weight:700; color:var(--metin); font-size:.9rem; }
.konusma-rozet{ background:#ef4444; color:#fff; font-size:.66rem; font-weight:700; border-radius:999px; padding:.02rem .38rem; margin-left:auto; }
.konusma-onizleme{ color:var(--silik); font-size:.78rem; margin-top:.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.inbox-sag{ display:flex; flex-direction:column; min-height:300px; }
.thread-baslik{ font-family:'Cinzel',serif; color:var(--gold); margin-bottom:.5rem; }
.thread-girdi{ display:flex; gap:.5rem; margin-top:.6rem; }
.thread-girdi input{ flex:1; }
@media (max-width:640px){ .inbox-duzen{ grid-template-columns:1fr; } }

/* =====================================================
   REHBER (6 kart)
   ===================================================== */
.rehber{ max-width:980px; margin:1.4rem auto 3rem; padding:0 1rem; }
.rehber-bas{ text-align:center; margin-bottom:1.6rem; }
.rehber-motto{ font-family:'Cinzel',serif; font-size:1.7rem; font-weight:900; color:var(--gold);
  letter-spacing:.04em; line-height:1.25; margin:0 0 .5rem; text-shadow:0 2px 12px rgba(0,0,0,.7); }
.rehber-alt{ color:var(--silik); max-width:680px; margin:0 auto; font-size:1.02rem; }

.rehber-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
@media (max-width:860px){ .rehber-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .rehber-grid{ grid-template-columns:1fr; } }

.rehber-kart{ position:relative; background:linear-gradient(180deg,#1c160d,#140f08);
  border:1px solid var(--cizgi); border-top:3px solid var(--gold); border-radius:10px;
  padding:1.4rem 1rem 1.1rem; box-shadow:0 4px 14px rgba(0,0,0,.45); overflow:hidden; }
.rehber-kart::after{ content:""; position:absolute; inset:0; border-radius:10px;
  box-shadow:inset 0 1px 0 rgba(201,168,74,.15); pointer-events:none; }
.rehber-no{ display:inline-flex; align-items:center; justify-content:center;
  width:2.1rem; height:2.1rem; margin-bottom:.6rem;
  font-family:'Cinzel',serif; font-weight:700; font-size:1.1rem; color:#2a1d08;
  background:linear-gradient(180deg,#ead29a,#c9a84a 55%,#9c7f3c);
  border:1px solid #5e4a1e; border-radius:50%;
  box-shadow:inset 0 1px 0 rgba(255,248,220,.6), 0 2px 6px rgba(0,0,0,.5); }
.rehber-kart-baslik{ font-family:'Cinzel',serif; font-size:1.08rem; color:var(--yesil);
  margin:0 0 .5rem; text-shadow:0 0 7px rgba(95,211,95,.35); }
.rehber-kart-metin{ color:var(--metin); font-size:.98rem; line-height:1.5; margin:0; }

.rehber-kapanis{ text-align:center; color:var(--silik); font-style:italic;
  max-width:720px; margin:1.8rem auto .4rem; font-size:1.02rem; }
.rehber-cta{ text-align:center; margin-top:1rem; }

/* =====================================================
   BÖLGE KATMANI (Dark Stone / Titan / Boroo) + TAKSİ
   ===================================================== */
.bolge{ margin:.35rem 0 .35rem .5rem; }
.bolge > summary{ font-family:'Cinzel',serif; font-size:.92rem; color:var(--gold);
  letter-spacing:.04em; padding:.35rem .5rem; border-left:2px solid var(--gold-koyu);
  background:linear-gradient(180deg,#1f1810,#16110b); border-radius:4px; }
.bolge > summary:hover{ color:#e6cf92; }
.bolge .camp{ margin-left:.5rem; }

/* TAKSİ VAR durumu — altın "fırsat" vurgusu */
.durum-taksi{ border-left-color:var(--gold) !important; box-shadow:0 0 0 1px rgba(201,168,74,.25) inset; }
.durum-taksi .slot-durum{ color:var(--gold); text-shadow:0 0 7px rgba(201,168,74,.4); font-weight:700; }
.durum-dolu .slot-durum{ color:#f08a8a; }

/* =====================================================
   ADMİN SLOT KONTROLÜ + DÜZENLEME PENCERESİ
   ===================================================== */
.slot-admin{ display:flex; gap:.35rem; margin-top:.5rem; flex-wrap:wrap; }
.slot-admin .mini-btn{ flex:1; min-width:48px; text-align:center; }
.mini-taksi{ color:var(--gold); border-color:var(--gold-koyu); }
.mini-edit{ flex:0 0 auto !important; min-width:34px; }

.modal-katman{ position:fixed; inset:0; background:rgba(0,0,0,.72); z-index:50;
  display:flex; align-items:center; justify-content:center; padding:1rem; }
.modal-katman[hidden]{ display:none; }
.modal-kutu{ width:100%; max-width:380px; background:linear-gradient(180deg,#1c160d,#140f08);
  border:1px solid var(--gold-koyu); border-top:3px solid var(--gold); border-radius:10px;
  padding:1.2rem; box-shadow:0 10px 40px rgba(0,0,0,.6); }
.modal-baslik{ font-family:'Cinzel',serif; color:var(--gold); margin:0 0 .8rem; font-size:1.05rem; }
.modal-kutu label{ display:block; font-size:.85rem; color:var(--silik); margin-bottom:.7rem; }
.modal-kutu label input, .modal-kutu label select{ margin-top:.25rem; }
.modal-aksiyon{ display:flex; gap:.5rem; margin-top:.4rem; }
.modal-aksiyon .btn{ flex:1; }
.btn-iptal{ background:linear-gradient(180deg,#3a2f1a,#241c10); color:var(--metin); }