/* Yönetim paneli (üst admin + bayi). Kartlı tasarımın (kartlitasarim.css) üzerine yalnız panelin kabuğu ve birkaç parça. */
.yn-govde { margin: 0; background: #f1f4f8; font-family: "Open Sans", "Segoe UI", Arial, sans-serif; font-size: 13px; }
.yn-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; padding: 0 16px; min-height: 52px; background: #1f3a56; color: #fff; }
.yn-marka { color: #fff; font-size: 16px; font-weight: 700; text-decoration: none; }
.yn-marka:hover, .yn-marka:focus { color: #fff; text-decoration: none; }
.yn-menu { display: flex; flex-wrap: wrap; gap: 2px; }
.yn-menu a { color: #c9d6e3; padding: 15px 12px; text-decoration: none; font-weight: 600; border-bottom: 3px solid transparent; }
.yn-menu a:hover, .yn-menu a:focus { color: #fff; text-decoration: none; }
.yn-menu a.yn-etkin { color: #fff; border-bottom-color: #3598dc; }
.yn-kullanici { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.yn-kullanici small { color: #9fb3c8; }
.yn-kullanici a, .yn-cikis button { color: #c9d6e3; background: none; border: 0; font-size: 16px; padding: 4px; cursor: pointer; }
.yn-kullanici a:hover, .yn-cikis button:hover { color: #fff; }
.yn-cikis { margin: 0; }
.yn-sayfa { max-width: 1400px; margin: 0 auto; }

/* Giriş ekranları */
.yn-giris { max-width: 420px; margin: 60px auto; }
.yn-giris-logo { text-align: center; margin-bottom: 14px; }
.yn-giris-logo img { max-height: 90px; }
.yn-giris-logo h1 { font-size: 18px; margin: 8px 0 0; color: #2c3e50; }
.yn-giris .ogb-kart-govde .form-group { margin-bottom: 10px; }
.yn-qr { text-align: center; margin: 8px 0; }
.yn-qr img { width: 200px; height: 200px; image-rendering: pixelated; border: 1px solid #dbe2ea; }
.yn-anahtar { font-family: Consolas, Menlo, monospace; font-size: 14px; letter-spacing: 1px; background: #eef2f6; padding: 6px 8px; border-radius: 4px; text-align: center; word-break: break-all; }
.yn-kod { font-size: 22px; letter-spacing: 6px; text-align: center; font-family: Consolas, Menlo, monospace; }

/* Uyarı ve bilgi kutuları */
.yn-hata { background: #fdecea; color: #a93226; border: 1px solid #f5b7b1; border-radius: 4px; padding: 7px 10px; margin-bottom: 10px; }
.yn-bilgi { background: #eaf3fb; color: #1f6aa5; border: 1px solid #b9d7f0; border-radius: 4px; padding: 7px 10px; margin-bottom: 10px; }
.yn-sifre-kutu { font-family: Consolas, Menlo, monospace; font-size: 20px; font-weight: 700; letter-spacing: 2px; text-align: center; background: #fff8e1; border: 1px dashed #f2994a; border-radius: 6px; padding: 10px; margin: 8px 0; user-select: all; }

/* Özet */
.yn-ozet { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.yn-ozet .ozd-kart { padding: 12px 14px; }
.yn-ozet h3 { font-size: 14px; margin: 0 0 8px; color: #34495e; }
.yn-ozet .yn-sayi { font-size: 26px; font-weight: 700; color: #1f6aa5; }
.yn-ozet .yn-alt { color: #5d6d7e; font-size: 12px; }

/* Listeler */
.yn-tablo-kap { overflow-x: auto; }
.yn-tablo { width: 100%; border-collapse: collapse; background: #fff; }
.yn-tablo th { position: sticky; top: 0; background: #f8fafc; color: #5d6d7e; font-size: 12px; font-weight: 600; text-align: left; padding: 6px 8px; border-bottom: 1px solid #dbe2ea; white-space: nowrap; }
.yn-tablo td { padding: 6px 8px; border-bottom: 1px solid #eef2f6; vertical-align: top; }
.yn-tablo tbody tr:hover { background: #f5f9fd; }
.yn-tablo tr.yn-tikla { cursor: pointer; }
.yn-tablo .yn-sag { text-align: right; white-space: nowrap; }
.yn-tablo .yn-ayrinti { max-width: 420px; font-family: Consolas, Menlo, monospace; font-size: 11px; color: #5d6d7e; word-break: break-word; }
.yn-etiket { display: inline-block; padding: 1px 7px; border-radius: 10px; font-size: 11px; font-weight: 600; }
.yn-yesil { background: #e3f6ef; color: #148f77; }
.yn-gri { background: #eef2f6; color: #5d6d7e; }
.yn-kirmizi { background: #fdecea; color: #a93226; }
.yn-mavi { background: #eaf3fb; color: #1f6aa5; }
.yn-sayac { color: #5d6d7e; font-weight: 400; font-size: 12px; }
.yn-bos { padding: 20px; text-align: center; color: #5d6d7e; }

/* Bildirim */
.yn-bildirim { position: fixed; right: 16px; bottom: 16px; z-index: 2000; max-width: 380px; display: none; padding: 10px 14px; border-radius: 6px; color: #fff; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); font-weight: 600; }
.yn-bildirim.yn-basarili { background: #148f77; }
.yn-bildirim.yn-basarisiz { background: #a93226; }

@media (max-width: 720px) {
    .yn-menu a { padding: 10px 8px; }
    .yn-kullanici { margin-left: 0; }
}

/* Kurum sayfası: lisans, SMS hesabı, kontör (üst admin) */
.yn-tam { grid-column: 1 / -1; }
.ozd-kart-baslik .ozd-sag-it { float: right; }
.yn-basliklar { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 8px; }
.yn-baslik { display: inline-flex; align-items: center; gap: 6px; padding: 3px 4px 3px 10px; border: 1px solid #dbe2ea; border-radius: 14px; background: #fff; font-weight: 600; }
.yn-baslik.yn-varsayilan { border-color: #148f77; background: #e3f6ef; }
.yn-baslik button { border: 0; background: none; color: #5d6d7e; padding: 0 4px; cursor: pointer; }
.yn-baslik button:hover { color: #1f3a56; }
.yn-satir { display: flex; gap: 6px; max-width: 360px; }
.yn-bakiye { font-size: 24px; font-weight: 700; color: #ca6f1e; line-height: 30px; }
.yn-kontor-liste { max-height: 360px; overflow-y: auto; margin-top: 6px; }
.yn-tablo td .btn-xs { margin-left: 2px; }

/* Tanımlar → il / ilçe */
.yn-iki-sutun { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.yn-liste-kutu { max-height: 520px; overflow-y: auto; margin-top: 6px; }
.yn-tablo tr.yn-secili { background: #eaf3fb; }
@media (max-width: 900px) { .yn-iki-sutun { grid-template-columns: minmax(0, 1fr); } }

/* Kurum sayfası sekmeleri */
.yn-sekmeler { display: flex; flex-wrap: wrap; gap: 2px; margin: 0 0 10px; border-bottom: 2px solid #dbe2ea; }
.yn-sekmeler a { padding: 8px 14px; color: #5d6d7e; font-weight: 600; text-decoration: none; border: 1px solid transparent; border-bottom: 0; border-radius: 6px 6px 0 0; margin-bottom: -2px; }
.yn-sekmeler a .fa { margin-right: 4px; }
.yn-sekmeler a:hover, .yn-sekmeler a:focus { color: #1f3a56; background: #eaf0f6; text-decoration: none; }
.yn-sekmeler a.yn-etkin { color: #1f6aa5; background: #fff; border-color: #dbe2ea; border-bottom: 2px solid #fff; }
@media (max-width: 600px) { .yn-sekmeler a { flex: 1 1 45%; text-align: center; padding: 8px 6px; } }

/* Kurum listesi sayfalama */
.yn-sayfalama { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 8px 10px; border-top: 1px solid #eef2f6; }
.yn-sayfalama label { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-weight: 400; }
.yn-sayfalama select { width: auto; }
.yn-sayfa-dugmeleri { display: inline-flex; flex-wrap: wrap; gap: 3px; margin-left: auto; }
.yn-sayfa-dugmeleri button { min-width: 32px; padding: 3px 8px; border: 1px solid #dbe2ea; border-radius: 4px; background: #fff; color: #34495e; font-weight: 600; cursor: pointer; }
.yn-sayfa-dugmeleri button:hover:not([disabled]) { background: #eaf0f6; }
.yn-sayfa-dugmeleri button.yn-etkin { background: #3598dc; border-color: #3598dc; color: #fff; }
.yn-sayfa-dugmeleri button[disabled] { opacity: .45; cursor: default; }
.yn-sayfa-dugmeleri .yn-bosluk { padding: 3px 4px; color: #7f8c9b; }

/* Kurum sayfası → Giden SMS'ler: paket listesi ve paketin mesajları */
.yn-paket-ozet { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; font-size: 12px; margin-bottom: 8px; }
.yn-paket-not { padding: 6px 10px; margin-bottom: 8px; border-radius: 6px; background: #fef5e7; color: #9a5b13; font-size: 12px; }
.yn-paket-ara { margin-bottom: 6px; }
.yn-paket-liste { max-height: 55vh; overflow-y: auto; }
.yn-paket-metin { min-width: 260px; white-space: pre-wrap; word-break: break-word; }
.yn-nowrap { white-space: nowrap; }
.yn-giden-liste { max-height: 60vh; overflow-y: auto; margin-top: 6px; }
.yn-soluk { color: #9aa7b4; }

/* Kurum Yöneticileri */
.yn-uyari { margin: 0 0 12px; padding: 8px 12px; border-radius: 6px; background: #fff7ed; border: 1px solid #fdba74; color: #9a3412; font-size: 12px; font-weight: 600; }
.yn-kutu { display: flex; align-items: center; gap: 6px; font-weight: 600; margin: 0; cursor: pointer; }
dl.yn-ky-bilgi { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 4px 10px; font-size: 13px; margin-bottom: 10px; }
.yn-ky-bilgi dt { color: #64748b; font-weight: 600; }
.yn-ky-bilgi dd { margin: 0; color: #0f172a; word-break: break-word; }
.yn-ky-dugmeler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.yn-ky-alt-baslik { font-size: 14px; font-weight: 700; color: #1e3a5f; margin: 6px 0 8px; }
.yn-ky-ekle { position: relative; margin-bottom: 8px; }
.yn-ky-sonuc { position: absolute; left: 0; right: 0; top: 100%; z-index: 20; max-height: 260px; overflow: auto; background: #fff; border: 1px solid #cbd5e1; border-radius: 6px; box-shadow: 0 6px 18px rgba(15, 23, 42, .15); }
.yn-ky-sonuc a { display: block; padding: 6px 10px; color: #0f172a; text-decoration: none; border-bottom: 1px solid #f1f5f9; font-size: 12px; }
.yn-ky-sonuc a:hover { background: #eef6ff; }
.yn-ky-sonuc a small { color: #64748b; margin-left: 6px; }
.yn-ky-sonuc .yn-bos { padding: 8px 10px; }
.yn-etiket-pasif { display: inline-block; padding: 0 6px; border-radius: 4px; background: #fee2e2; color: #b91c1c; font-size: 11px; font-weight: 700; }
.yn-etiket-aktif { display: inline-block; padding: 0 6px; border-radius: 4px; background: #dcfce7; color: #15803d; font-size: 11px; font-weight: 700; }