/* ════════════════════════════════════════════════════════════════════════
   BİRLİK (squad)
   ════════════════════════════════════════════════════════════════════════ */
/* Sabit header'ı temizle + kaydırılabilir yap (radar-page overflow:hidden'ı ez) */
body.birlik-page { overflow-y: auto; }
.birlik-layout { max-width: 880px; margin: 0 auto; padding: 88px 16px 60px; }
.birlik-yukleniyor { color: #667; text-align: center; padding: 40px; }

/* Boş durum: kur / katıl */
.birlik-bos { text-align: center; }
.birlik-bos h2 { display: flex; align-items: center; gap: 8px; justify-content: center; font-size: 1.6rem; }
.birlik-alt { color: #889; margin: 6px 0 22px; }
.birlik-formlar { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.birlik-form-kutu { background: #0a1520; border: 1px solid #1e3a4a; border-radius: 14px; padding: 18px; text-align: left; }
.birlik-form-kutu h3 { margin: 0 0 12px; color: #dde; }
.birlik-form-kutu input { width: 100%; box-sizing: border-box; background: #0a1520; border: 1px solid #1e3a4a;
    border-radius: 9px; padding: 11px 12px; color: #fff; font-family: inherit; font-size: .95rem; outline: none; margin-bottom: 10px; }
.birlik-form-kutu input:focus { border-color: #7c6ff7; }
.birlik-btn { width: 100%; padding: 11px; border: none; border-radius: 9px; cursor: pointer;
    font-family: inherit; font-weight: 800; font-size: .9rem; }
.birlik-btn.kur { background: linear-gradient(135deg, #7c6ff7, #4a3fc7); color: #fff; }
.birlik-btn.katil { background: linear-gradient(135deg, #48d597, #2f9e6a); color: #04140c; }
.birlik-btn:hover:not(:disabled) { transform: translateY(-1px); }

/* Squad kartı */
.birlik-kart { background: #0a1520; border: 1px solid #1e3a4a; border-radius: 16px; padding: 20px; }
.birlik-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.birlik-ust h2 { margin: 0; font-size: 1.7rem; color: #fff; }
.birlik-kod { color: #889; font-size: .85rem; margin-top: 6px; }
.birlik-kod b { color: #ffcf5c; font-family: 'Orbitron', monospace; letter-spacing: 2px; }
.kod-kopya { background: #1a2545; border: 1px solid #1e3a4a; color: #cdd6f5; border-radius: 6px;
    cursor: pointer; padding: 1px 7px; margin-left: 4px; }
.birlik-guc { text-align: right; }
.birlik-guc span { display: block; font-size: .6rem; letter-spacing: 1.5px; color: #6c79a8; }
.birlik-guc strong { font-family: 'Orbitron', monospace; font-size: 1.8rem; color: #7ee8ff; }

.birlik-uyeler-baslik { color: #667; font-size: .75rem; text-transform: uppercase; letter-spacing: .8px; margin: 18px 0 8px; }
.birlik-uyeler { display: flex; flex-direction: column; gap: 8px; }
.birlik-uye { display: flex; align-items: center; gap: 12px; background: #0a1520; border: 1px solid #1e3a4a;
    border-radius: 10px; padding: 8px 12px; }
.birlik-uye.ben { border-color: #7c6ff7; background: #141d3a; }
.birlik-uye-avatar { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%; overflow: hidden; background: #0a1520; }
.birlik-uye-avatar svg { width: 100%; height: 100%; }
.birlik-uye-kim { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.birlik-uye-ad { color: #eef; font-weight: 700; }
.lider-rozet { color: #ffcf5c; font-size: .7rem; font-weight: 800; margin-left: 4px; }
.birlik-uye-rutbe { font-size: .78rem; }
.birlik-uye-guc { font-family: 'Orbitron', monospace; font-size: 1.1rem; color: #7ee8ff; }

.birlik-ayril { margin-top: 16px; background: #2a1622; border: 1px solid #5a2a3a; color: #ff9fb0;
    border-radius: 9px; padding: 10px 18px; cursor: pointer; font-family: inherit; font-weight: 700; }
.birlik-ayril:hover:not(:disabled) { background: #371a2c; }

.birlik-mesaj { margin-top: 12px; font-size: .85rem; min-height: 1em; }
.birlik-mesaj.ok { color: #7ee8a0; } .birlik-mesaj.err { color: #ff8da3; }

/* Birlik sıralaması */
.birlik-lider { margin-top: 30px; }
.birlik-lider h3 { display: flex; align-items: center; gap: 8px; color: #cdd6f5; }
.birlik-lider h3 small { color: #667; font-weight: 500; }
.birlik-lider-liste { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; }
.birlik-lider-sat { display: flex; align-items: center; gap: 12px; background: #0a1520; border: 1px solid #1e3a4a;
    border-radius: 9px; padding: 9px 14px; }
.birlik-lider-sat.ust { border-color: #1e3a4a; background: #101a38; }
.bl-no { width: 26px; text-align: center; font-weight: 800; color: #8a97c0; }
.bl-ad { flex: 1; color: #eef; font-weight: 700; } .bl-ad small { color: #667; font-family: 'Orbitron', monospace; letter-spacing: 1px; margin-left: 6px; }
.bl-uye { color: #889; font-size: .82rem; }
.bl-guc { color: #7ee8ff; } .bl-guc b { font-family: 'Orbitron', monospace; }
.birlik-bos-sat { color: #667; text-align: center; padding: 18px; }

@media (max-width: 680px) {
    .birlik-formlar { grid-template-columns: 1fr; }
    body.birlik-page { overflow: auto; }
}