/* ═══════════════════════════════════════════════════════════════
   Genel Kurul KYS — Ana Stil Dosyası
   ═══════════════════════════════════════════════════════════════ */

/* ── Giriş Ekranı (v9.29 — tema-v2 uyumlu) ──────────────────── */
.giris-overlay {
    position: fixed; inset: 0;
    background:
        radial-gradient(circle at 20% 30%, rgba(200, 50, 60, 0.12) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(100, 20, 25, 0.18) 0%, transparent 50%),
        linear-gradient(135deg, #4A0D0D 0%, #6B1414 50%, #4A0D0D 100%);
    display: flex; align-items: center; justify-content: center;
    z-index: 9999;
    transition: opacity 0.3s;
}
.giris-overlay.gizli { display: none; }
.giris-kutu {
    background: var(--zemin, #F7F5F2);
    border-radius: var(--r-lg, 12px);
    padding: 40px 36px;
    width: 420px; max-width: 92vw;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.06);
    text-align: center;
    backdrop-filter: blur(2px);
}
.giris-marka {
    display: flex; align-items: center; justify-content: center;
    gap: 14px; margin-bottom: 10px;
}
.giris-logo {
    width: 72px;
    height: auto;
    line-height: 0;
    filter: drop-shadow(0 2px 6px rgba(139, 26, 26, 0.45));
}
.giris-marka-yazi { text-align: left; }
.giris-marka-yazi h2 {
    margin: 0;
    color: var(--metin, #2C2624);
    font-family: var(--font-baslik, 'Georgia', serif);
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: 600;
}
.giris-altbaslik {
    margin: 0;
    color: var(--metin-soluk, #6B5F58);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-family: var(--font-mono, monospace);
}
.giris-ayirici {
    height: 1px; margin: 18px 0 4px;
    background: linear-gradient(90deg, transparent 0%, var(--cizgi, #E6E1DA) 30%, var(--cizgi, #E6E1DA) 70%, transparent 100%);
}
.giris-aciklama { color: var(--metin-soluk, #888); font-size: 13px; margin: 8px 0 22px; }
.giris-kutu .form-alan,
.auth-form .form-alan { text-align: left; margin-bottom: 14px; }
.giris-kutu .form-alan label,
.auth-form .form-alan label {
    font-size: 11px;
    color: var(--metin-soluk, #6B5F58);
    margin-bottom: 5px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 500;
}
.giris-kutu .form-alan input,
.auth-form .form-alan input {
    width: 100%; padding: 11px 13px;
    border: 1px solid var(--cizgi, #DDD);
    border-radius: var(--r-sm, 6px);
    font-size: 14px; box-sizing: border-box;
    background: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.giris-kutu .form-alan input:focus,
.auth-form .form-alan input:focus {
    outline: none;
    border-color: var(--kirmizi, #8B1A1A);
    box-shadow: 0 0 0 3px rgba(139, 26, 26, 0.12);
}
.giris-hata { color: #B91C1C; font-size: 13px; min-height: 20px; margin: 4px 0; }
.giris-btn {
    width: 100%;
    padding: 12px; font-size: 14px; font-weight: 600;
    margin-top: 10px;
    border-radius: var(--r-sm, 6px);
    cursor: pointer;
    border: none; color: white;
    background: var(--kirmizi, #8B1A1A);
    transition: background 0.2s, transform 0.1s;
    letter-spacing: 0.5px;
}
.giris-btn:hover { background: var(--kirmizi-koyu, #6F1414); }
.giris-btn:active { transform: translateY(1px); }

/* ── Şifre göster/gizle (göz) + zorunlu uyarı (v9.161) ───────── */
/* Tüm şifre ekranlarında ortak: giriş, zorunlu değiştirme, kullanıcı modalı */
.giris-uyari {
    text-align: center; margin-bottom: 16px;
    color: #D97706; font-weight: 600; font-size: 13px;
}
.sifre-alan { position: relative; }
/* padding-right !important: hem .giris-kutu .form-alan input (0,2,1) hem genel
   .form-alan input kuralını ezerek göz butonunun metnin üstüne binmesini önler. */
.sifre-alan input { box-sizing: border-box; padding-right: 40px !important; }
.sifre-goz-btn {
    position: absolute; top: 50%; right: 4px; transform: translateY(-50%);
    display: flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; padding: 0;
    background: none; border: none; cursor: pointer;
    font-size: 15px; line-height: 1; opacity: 0.55;
    color: var(--metin-soluk, #6B5F58);
    border-radius: var(--r-sm, 6px);
    transition: opacity 0.15s, background 0.15s;
}
.sifre-goz-btn:hover { opacity: 1; background: rgba(0, 0, 0, 0.06); }
.sifre-goz-btn::after {
    content: ""; position: absolute; left: 50%; top: 50%;
    width: 0; height: 2px; background: currentColor;
    transform: translate(-50%, -50%) rotate(-45deg);
    border-radius: 2px; transition: width 0.15s;
}
.sifre-goz-btn.goz-acik::after { width: 22px; }  /* şifre görünürken çapraz çizgi (eye-off) */

/* Şifre değiştirme modalı — giriş ekranı görünümü (v9.161) */
/* .modal-icerik.auth-modal-icerik: özgüllük .modal-icerik'i (background:var(--kart)) ezsin → login kremi */
.modal-icerik.auth-modal-icerik {
    position: relative;
    width: 400px; max-width: 92vw;
    background: var(--zemin, #F7F5F2);
    border-radius: var(--r-lg, 12px);
    text-align: center;
}
.auth-modal-kapat { position: absolute; top: 8px; right: 12px; z-index: 1; }
.auth-form { padding: 30px 34px 26px; }
.auth-form .giris-marka { margin-bottom: 8px; }
.auth-form .giris-marka-yazi h2 { font-size: 22px; }
.auth-form .giris-btn { margin-top: 6px; }
.auth-form .giris-unuttum-link { margin-top: 12px; }

/* ── Sidebar Kullanıcı Butonu (Claude Code stili — yukarı açılan menü) ── */
.sidebar-kullanici {
    margin-top: auto;
    padding: 12px 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    display: flex; align-items: center; gap: 10px;
    background: transparent;
    border-left: none; border-right: none; border-bottom: none;
    width: 100%;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.85);
    transition: background 0.15s;
    text-align: left;
    font: inherit;
}
.sidebar-kullanici:hover { background: rgba(255, 255, 255, 0.06); }
.sidebar-kullanici[aria-expanded="true"] { background: rgba(255, 255, 255, 0.10); }
.sidebar-kullanici-avatar {
    width: 30px; height: 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, #8B1A1A 0%, #B22222 100%);
    color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    font-weight: 600; font-size: 13px;
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.sidebar-kullanici-bilgi {
    display: flex; flex-direction: column; gap: 2px;
    flex: 1; min-width: 0;
}
.sidebar-kullanici-ad {
    color: rgba(255, 255, 255, 0.95);
    font-size: 13px; font-weight: 500;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.sidebar-kullanici-rol {
    color: rgba(255, 255, 255, 0.55);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}
.sidebar-kullanici-ok {
    color: rgba(255, 255, 255, 0.55);
    font-size: 12px;
    transition: transform 0.15s;
}
.sidebar-kullanici[aria-expanded="true"] .sidebar-kullanici-ok {
    transform: rotate(180deg);
}

/* Yukarı açılan kullanıcı menüsü */
.kullanici-menu {
    position: fixed;
    left: 12px; bottom: 70px;
    width: 240px;
    background: #2A2826;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: var(--r-md, 8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.2);
    z-index: 9000;
    padding: 6px;
    animation: kullaniciMenuAcil 0.15s ease-out;
}
.kullanici-menu.gizli { display: none; }
@keyframes kullaniciMenuAcil {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}
.kullanici-menu-baslik {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 10px 12px;
}
.kullanici-menu-baslik .sidebar-kullanici-avatar {
    width: 36px; height: 36px; font-size: 14px;
}
.kullanici-menu-bilgi {
    flex: 1; min-width: 0;
}
.kullanici-menu-ad {
    color: rgba(255, 255, 255, 0.95);
    font-size: 13px; font-weight: 600;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.kullanici-menu-username {
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-family: var(--font-mono, monospace);
}
.kullanici-menu-ayirici {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin: 4px 0;
}
.kullanici-menu-ogesi {
    display: flex; align-items: center; gap: 10px;
    width: 100%;
    padding: 9px 10px;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    cursor: pointer;
    border-radius: var(--r-sm, 6px);
    text-align: left;
    transition: background 0.12s;
}
.kullanici-menu-ogesi:hover { background: rgba(255, 255, 255, 0.08); }
.kullanici-menu-ogesi.kullanici-menu-cikis:hover {
    background: rgba(180, 40, 40, 0.20);
    color: #FFA0A0;
}
.kullanici-menu-ikon {
    font-size: 14px; width: 20px; text-align: center;
    opacity: 0.85;
}

/* ── Bildirim çanı — SAĞ ÜST köşe (v9.163) ─── */
.bildirim-can {
    position: fixed; top: 14px; right: 18px; z-index: 90;
    width: 40px; height: 40px; border-radius: 50%; padding: 0;
    display: flex; align-items: center; justify-content: center;
    background: var(--kart, #fff); border: 1px solid var(--sinir, #E6E1DA);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10);
    cursor: pointer; font-size: 18px; line-height: 1;
    transition: background 0.15s, box-shadow 0.15s, transform 0.1s;
}
.bildirim-can:hover { background: var(--zemin-2, #F1ECE5); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16); }
.bildirim-can:active { transform: scale(0.94); }
.bildirim-can-ikon { line-height: 1; }
.bildirim-can-badge {
    position: absolute; top: -4px; right: -4px;
    min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box;
    background: var(--turuncu, #E8782C); color: #fff;
    border: 2px solid var(--kart, #fff); border-radius: 9px;
    font-size: 10.5px; font-weight: 700; font-family: var(--font-mono, monospace);
    display: flex; align-items: center; justify-content: center;
}
.bildirim-can-badge.gizli { display: none; }

/* ── Bildirim paneli (v9.163 — sağ üstten aşağı açılan popover) ─── */
@keyframes bildirimAcil {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}
.bildirim-paneli {
    position: fixed;
    top: 60px; right: 18px;
    width: 320px; max-width: calc(100vw - 24px); max-height: 70vh;
    display: flex; flex-direction: column;
    background: #2A2826;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: var(--r-md, 8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.2);
    z-index: 9000;
    animation: bildirimAcil 0.15s ease-out;
}
.bildirim-paneli.gizli { display: none; }
.bildirim-paneli-baslik {
    display: flex; align-items: center; justify-content: space-between;
    padding: 10px 12px; flex-shrink: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.bildirim-paneli-baslik-yazi { color: rgba(255, 255, 255, 0.95); font-size: 13px; font-weight: 600; }
.bildirim-tumu-oku {
    background: none; border: none; cursor: pointer;
    color: var(--turuncu, #E8782C); font-size: 11px; padding: 2px 4px;
}
.bildirim-tumu-oku:hover { text-decoration: underline; }
.bildirim-liste { overflow-y: auto; min-height: 0; padding: 4px; }
.bildirim-ogesi {
    display: flex; gap: 9px; align-items: flex-start;
    padding: 9px 10px; border-radius: var(--r-sm, 6px);
    cursor: pointer; transition: background 0.12s;
}
.bildirim-ogesi:hover { background: rgba(255, 255, 255, 0.06); }
.bildirim-ogesi.okunmamis { background: rgba(232, 120, 44, 0.10); }
.bildirim-ogesi.okunmamis:hover { background: rgba(232, 120, 44, 0.16); }
.bildirim-ogesi-ikon { font-size: 15px; width: 22px; text-align: center; flex-shrink: 0; line-height: 1.4; }
.bildirim-ogesi-govde { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.bildirim-ogesi-baslik { color: rgba(255, 255, 255, 0.92); font-size: 12.5px; }
.bildirim-ogesi.okunmamis .bildirim-ogesi-baslik { font-weight: 700; }
.bildirim-ogesi-mesaj { color: rgba(255, 255, 255, 0.6); font-size: 11.5px; margin-top: 1px; line-height: 1.35; }
.bildirim-ogesi-zaman { color: rgba(255, 255, 255, 0.4); font-size: 10.5px; margin-top: 3px; font-family: var(--font-mono, monospace); }
.bildirim-ogesi-nokta { width: 7px; height: 7px; border-radius: 50%; background: var(--turuncu, #E8782C); flex-shrink: 0; margin-top: 5px; }
.bildirim-bos { padding: 28px 16px; text-align: center; color: rgba(255, 255, 255, 0.45); font-size: 12.5px; }
.bildirim-daha {
    display: block; width: calc(100% - 8px); margin: 4px auto;
    padding: 8px; background: rgba(255, 255, 255, 0.06); border: none;
    color: var(--turuncu, #E8782C); font-size: 12px; cursor: pointer;
    border-radius: var(--r-sm, 6px); font-family: var(--font);
}
.bildirim-daha:hover { background: rgba(255, 255, 255, 0.12); }

/* ═══ v9.179 — Popover footer "Tümünü gör" + "Tüm Bildirimler" ayrı sayfası ═══ */
.bildirim-paneli-alt {
    flex-shrink: 0; padding: 6px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.bildirim-tumunu-gor {
    display: block; width: 100%; padding: 8px;
    background: none; border: none; cursor: pointer;
    color: var(--turuncu, #E8782C); font-size: 12px; font-family: var(--font);
    border-radius: var(--r-sm, 6px);
}
.bildirim-tumunu-gor:hover { background: rgba(255, 255, 255, 0.08); }

/* Sayfa başlığı: Tümü / Okunmamış filtre sekmeleri */
.tb-filtreler { display: inline-flex; gap: 2px; background: var(--zemin-2, #F1ECE5); border-radius: var(--r-sm, 6px); padding: 2px; }
.tb-filtre-btn {
    background: none; border: none; cursor: pointer;
    font-size: 12px; padding: 5px 12px; border-radius: 5px;
    color: var(--metin-soluk); font-family: var(--font);
}
.tb-filtre-btn.aktif { background: var(--kart, #fff); color: var(--metin); font-weight: 600; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }
.tb-sayfa-icerik { padding: 14px 24px 28px; max-width: 760px; }

/* Liste kabı — popover'ın AÇIK-tema muadili (ayrı class → popover .bildirim-liste CSS'inden
   yapısal olarak izole; id-override yerine modifier desen — Gemini). Satır HTML'i ortak. */
.bildirim-liste-acik { display: flex; flex-direction: column; }
.bildirim-liste-acik .bildirim-ogesi { padding: 11px 12px; border-radius: 0; border-bottom: 1px solid var(--cizgi, #DDD); }
.bildirim-liste-acik .bildirim-ogesi:last-of-type { border-bottom: none; }
.bildirim-liste-acik .bildirim-ogesi:hover { background: var(--zemin-2, #F1ECE5); }
.bildirim-liste-acik .bildirim-ogesi.okunmamis { background: rgba(232, 120, 44, 0.08); }
.bildirim-liste-acik .bildirim-ogesi.okunmamis:hover { background: rgba(232, 120, 44, 0.14); }
.bildirim-liste-acik .bildirim-ogesi-ikon { font-size: 17px; width: 26px; }
.bildirim-liste-acik .bildirim-ogesi-baslik { color: var(--metin); font-size: 13.5px; }
.bildirim-liste-acik .bildirim-ogesi-mesaj { color: var(--metin-soluk); font-size: 12.5px; }
.bildirim-liste-acik .bildirim-ogesi-zaman { color: var(--metin-soluk); opacity: 0.75; font-size: 11px; }
.bildirim-liste-acik .bildirim-bos { color: var(--metin-soluk); }
.bildirim-liste-acik .bildirim-daha {
    background: var(--zemin-2, #F1ECE5); color: var(--turuncu, #E8782C);
    width: auto; margin: 12px auto 0; padding: 8px 20px;
}
.bildirim-liste-acik .bildirim-daha:hover { background: var(--cizgi, #DDD); }

/* Bildirim Ayarları modalı (v9.165) */
.bildirim-ayar-liste { display: flex; flex-direction: column; gap: 8px; }
.bildirim-ayar-satir {
    display: flex; align-items: center; gap: 12px;
    padding: 9px 11px; background: var(--zemin-2, #F1ECE5); border-radius: 6px;
}
.bildirim-ayar-ad { flex: 1; font-size: 13px; font-weight: 500; color: var(--metin); min-width: 0; }
.bildirim-ayar-toggle { font-size: 12px; color: var(--metin-soluk); display: flex; align-items: center; gap: 4px; white-space: nowrap; cursor: pointer; }
.bildirim-ayar-kilitli { font-size: 12px; color: var(--metin-soluk); white-space: nowrap; }
.bildirim-ayar-satir .ba-hedef { font-size: 12px; padding: 4px 6px; }

/* ── Kullanıcı Yönetimi — Profesyonel Kart Görünümü (v9.29) ─── */
.ky-arac-bar {
    display: flex; align-items: center; gap: 10px;
    margin-bottom: 14px;
    padding: 10px 12px;
    background: var(--zemin-2, #F1ECE5);
    border-radius: var(--r-sm, 6px);
}
.ky-arac-bar input[type="search"] {
    flex: 1;
    padding: 7px 10px;
    border: 1px solid var(--cizgi, #DDD);
    border-radius: var(--r-sm, 6px);
    font-size: 13px;
    background: #fff;
}
.ky-liste {
    display: flex; flex-direction: column; gap: 8px;
}
.ky-kart {
    display: flex; align-items: center; gap: 14px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid var(--cizgi, #E6E1DA);
    border-radius: var(--r-md, 8px);
    transition: border-color 0.15s, box-shadow 0.15s;
}
.ky-kart:hover {
    border-color: rgba(139, 26, 26, 0.30);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}
.ky-kart.ky-pasif {
    opacity: 0.55;
    background: #FAFAF8;
}
.ky-kart-avatar {
    width: 44px; height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #8B1A1A 0%, #B22222 100%);
    color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    font-weight: 600; font-size: 16px;
    flex-shrink: 0;
    text-transform: uppercase;
}
.ky-kart-avatar.ky-avatar-pasif {
    background: linear-gradient(135deg, #888 0%, #AAA 100%);
}
.ky-kart-bilgi {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column; gap: 2px;
}
.ky-kart-ad {
    font-size: 14px; font-weight: 600;
    color: var(--metin, #2C2624);
}
.ky-kart-detay {
    display: flex; gap: 10px; align-items: center;
    font-size: 12px;
    color: var(--metin-soluk, #6B5F58);
    flex-wrap: wrap;
}
.ky-kart-username {
    font-family: var(--font-mono, monospace);
}
.ky-rol-rozet {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-family: var(--font-mono, monospace);
}
.ky-rol-admin {
    background: rgba(139, 26, 26, 0.12);
    color: #8B1A1A;
    border: 1px solid rgba(139, 26, 26, 0.25);
}
.ky-rol-kullanici {
    background: rgba(60, 80, 110, 0.10);
    color: #4B5563;
    border: 1px solid rgba(60, 80, 110, 0.20);
}
.ky-durum-rozet {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 11px; font-weight: 500;
}
.ky-durum-aktif { color: #047857; }
.ky-durum-pasif { color: #B91C1C; }
.ky-durum-nokta {
    width: 7px; height: 7px; border-radius: 50%;
    display: inline-block;
}
.ky-durum-aktif .ky-durum-nokta { background: #10B981; box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.18); }
.ky-durum-pasif .ky-durum-nokta { background: #DC2626; }
.ky-kart-aksiyonlar {
    display: flex; gap: 4px;
    flex-shrink: 0;
}
.ky-aksiyon-btn {
    width: 32px; height: 32px;
    background: var(--zemin, #F7F5F2);
    border: 1px solid var(--cizgi, #E6E1DA);
    border-radius: var(--r-sm, 6px);
    color: var(--metin, #444);
    cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 14px;
    transition: all 0.15s;
}
.ky-aksiyon-btn:hover {
    background: #fff;
    border-color: var(--kirmizi, #8B1A1A);
    color: var(--kirmizi, #8B1A1A);
    transform: translateY(-1px);
}
.ky-aksiyon-btn.ky-aksiyon-tehlike:hover {
    background: rgba(220, 38, 38, 0.08);
    border-color: #DC2626;
    color: #DC2626;
}
.ky-yeni-kart {
    margin-top: 16px;
    padding: 14px 16px;
    background: var(--zemin-2, #F1ECE5);
    border: 1px dashed var(--cizgi, #C8C0B5);
    border-radius: var(--r-md, 8px);
}
.ky-yeni-kart h4 {
    margin: 0 0 10px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--metin-soluk, #6B5F58);
    font-weight: 600;
}
.ky-yeni-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 8px;
    align-items: end;
}
.ky-bos {
    text-align: center; padding: 32px;
    color: var(--metin-soluk, #888);
    font-style: italic;
}

/* ── Admin Tablo ──────────────────────────────────────────── */
.admin-tablo {
    width: 100%; border-collapse: collapse; font-size: 13px;
}
.admin-tablo th {
    text-align: left; padding: 8px 10px; background: #F5F5F5;
    border-bottom: 2px solid #E0E0E0; font-weight: 600; color: #555;
}
.admin-tablo td {
    padding: 8px 10px; border-bottom: 1px solid #F0F0F0;
}
.admin-tablo tbody tr:hover { background: #FAFAFA; }
/* v9.23: .btn-kucuk (admin/işlem tablo) → .islem-tablo-btn olarak yeniden
   adlandırıldı. Önceki "btn-kucuk" adı, modifier .btn-kucuk (.btn ile birlikte
   kullanılan) ile çakışıyordu ve cascade ile override oluyordu. */
.islem-tablo-btn {
    background: none; border: 1px solid #DDD; border-radius: 4px;
    cursor: pointer; padding: 2px 6px; font-size: 14px;
    transition: background 0.2s;
}
.islem-tablo-btn:hover { background: #F0F0F0; }
.islem-tablo td { font-size: 12px; }

/* ── Değişkenler ─────────────────────────────────────────────── */
:root {
    --kirmizi: #C8102E;
    --kirmizi-koyu: #A50E24;
    --kirmizi-acik: #FEF2F2;
    --turuncu: #E8782C;  /* sidebar aktif vurgu + badge accent (v9.31) */
    --sidebar: #5C1010;
    --sidebar-hover: #7A1818;
    --sidebar-aktif: #C8102E;
    --arkaplan: #F7F7F7;
    --kart: #FFFFFF;
    --sinir: #E0E0E0;
    --metin: #1A1A1A;
    --metin2: #666666;
    --metin3: #9CA3AF;
    --basari: #16A34A;
    --basari-koyu: #15803D;
    --bilgi: #2563EB;
    --bilgi-koyu: #1D4ED8;
    --uyari: #D97706;
    --uyari-koyu: #B45309;
    --pasif: #6B7280;
    --pasif-koyu: #4B5563;
    --tehlike: #DC2626;
    --tehlike-koyu: #B91C1C;
    --font: 'IBM Plex Sans', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --font-baslik: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
    --font-sans: 'IBM Plex Sans', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', Consolas, Monaco, 'Courier New', monospace;
}

/* ── Reset & Temel ───────────────────────────────────────────── */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    font-family: var(--font);
    font-size: 14px;
    color: var(--metin);
    background: var(--arkaplan);
    overflow: hidden;
}

body {
    display: flex;
}

.gizli {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   SOL KENAR ÇUBUĞU
   ═══════════════════════════════════════════════════════════════ */
#sidebar {
    width: 240px;
    min-width: 240px;
    background: var(--sidebar);
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow-y: auto;
    position: relative;
    transition: width 0.2s ease, min-width 0.2s ease;
}

/* Sidebar daraltma butonu — sağ üst köşede */
.sidebar-collapse-btn {
    position: absolute;
    top: 8px; right: 8px;
    width: 22px; height: 22px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.55);
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1;
    display: flex; align-items: center; justify-content: center;
    transition: background 0.15s, color 0.15s;
    z-index: 5;
    padding: 0;
}
.sidebar-collapse-btn:hover {
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}
.sidebar-collapse-ikon {
    font-family: var(--font-mono, monospace);
    font-weight: 600;
}

/* ── Daraltılmış sidebar (.collapsed) ── */
#sidebar.collapsed {
    width: 60px;
    min-width: 60px;
}
#sidebar.collapsed .sidebar-collapse-btn {
    /* Daraltılmıştayken buton ortalanır ve simge yön değiştirir */
    position: absolute;
    top: 8px; right: 50%;
    transform: translateX(50%);
}
#sidebar.collapsed .sidebar-collapse-ikon::before {
    content: '»';
}
#sidebar.collapsed .sidebar-collapse-ikon {
    visibility: hidden;       /* Asıl içerik gizlenip ::before gösterilir */
    position: relative;
}
#sidebar.collapsed .sidebar-collapse-ikon::before {
    visibility: visible;
    position: absolute;
    inset: 0;
    display: flex; align-items: center; justify-content: center;
}

/* Daraltılmış: logo merkezlenir, yazı gizlenir */
#sidebar.collapsed .sidebar-logo {
    justify-content: center;
    padding: 36px 0 0;
}
#sidebar.collapsed .sidebar-logo > div {
    display: none;
}
#sidebar.collapsed .logo-ikon {
    font-size: 26px;
}

/* Saat: daraltılmışta sadece saat (tarih gizli), küçük punto */
#sidebar.collapsed .sidebar-saat {
    padding: 8px 0 0;
    text-align: center;
}
#sidebar.collapsed #saat {
    font-size: 12px;
}
#sidebar.collapsed #tarih {
    display: none;
}

/* Ayırıcı: daraltılmışta dar */
#sidebar.collapsed .sidebar-ayirici {
    margin: 10px 12px;
}

/* Kategori başlıkları (ÇALIŞMA / VERİ / YÖNETİM) gizli */
#sidebar.collapsed .sidebar-baslik {
    display: none;
}

/* Sidebar butonları: daraltılmışta ikon merkezli, yazı gizli */
#sidebar.collapsed .sidebar-btn {
    width: calc(100% - 12px);
    margin: 2px 6px;
    padding: 9px 0;
    justify-content: center;
    gap: 0;
}
#sidebar.collapsed .sidebar-btn-yazi,
#sidebar.collapsed .sidebar-btn-badge {
    display: none;
}

/* Aktif buton vurgusu: daraltılmışta da görünür */
#sidebar.collapsed .sidebar-btn.aktif {
    background: var(--sidebar-aktif);
}

/* Kullanıcı butonu: avatar ortalanır, ad/rol/ok gizli */
#sidebar.collapsed .sidebar-kullanici {
    padding: 10px 0;
    justify-content: center;
}
#sidebar.collapsed .sidebar-kullanici-bilgi,
#sidebar.collapsed .sidebar-kullanici-ok {
    display: none;
}

/* Mobilde daraltma davranışı yok — mobil zaten overlay açılıyor */
@media (max-width: 767px) {
    .sidebar-collapse-btn { display: none; }
    #sidebar.collapsed {
        width: 240px;
        min-width: 240px;
    }
    #sidebar.collapsed .sidebar-logo { justify-content: flex-start; padding: 24px 16px 0; }
    #sidebar.collapsed .sidebar-logo > div { display: block; }
    #sidebar.collapsed .sidebar-baslik { display: block; }
    #sidebar.collapsed .sidebar-btn {
        justify-content: flex-start; gap: 10px;
        width: calc(100% - 20px); margin: 2px 10px; padding: 8px 12px;
    }
    #sidebar.collapsed .sidebar-btn-yazi,
    #sidebar.collapsed .sidebar-btn-badge { display: inline-flex; }
    #sidebar.collapsed #tarih { display: block; }
    #sidebar.collapsed .sidebar-saat { padding: 10px 20px 0; text-align: left; }
    #sidebar.collapsed #saat { font-size: 18px; }
    #sidebar.collapsed .sidebar-kullanici-bilgi,
    #sidebar.collapsed .sidebar-kullanici-ok { display: flex; }
}

.sidebar-logo {
    display: flex;
    align-items: center;
    padding: 36px 16px 0;  /* üst 36px: collapse butonuyla çakışmaması için */
    gap: 10px;
}

/* Sidebar logo (logo-mark.svg) — emoji'den SVG <img>'ye geçiş (v9.32) */
.logo-ikon {
    width: 40px;
    height: auto;
    flex-shrink: 0;
    display: block;
}

.logo-baslik {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 1.1;
}

.logo-alt-baslik {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.55);
    font-family: var(--font-mono, monospace);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-top: 2px;
}

.logo-alt {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}

.sidebar-saat {
    padding: 10px 20px 0;
}

#saat {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

#tarih {
    font-size: 14px;
    color: #D4726F;
    margin-top: 2px;
}

.sidebar-ayirici {
    height: 1px;
    background: #8B2020;
    margin: 14px 16px;
}

.sidebar-baslik {
    font-size: 11px;
    font-weight: 700;
    color: #D4726F;
    padding: 0 20px 4px;
    letter-spacing: 0.5px;
}

.sidebar-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    width: calc(100% - 20px);
    margin: 2px 10px;
    padding: 10px 14px;
    text-align: left;
    background: transparent;
    color: rgba(255, 255, 255, 0.75);
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-family: var(--font);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    position: relative;  /* badge konumlandırma için */
}

.sidebar-btn:hover {
    background: var(--sidebar-hover);
    color: #fff;
}

.sidebar-btn.aktif {
    background: var(--sidebar-aktif);
    color: #fff;
    box-shadow: inset 2px 0 0 var(--turuncu, #E8782C);
}

.sidebar-btn.aktif .sidebar-btn-ikon svg {
    color: var(--turuncu, #E8782C);
}

/* İkon ve yazı span'ları */
.sidebar-btn-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 18px; height: 18px;
    line-height: 0;
}
.sidebar-btn-ikon svg {
    display: block;
    color: inherit;
}
.sidebar-btn-yazi {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Badge — aktif kilit sayacı (turuncu zemin) */
.sidebar-btn-badge {
    flex-shrink: 0;
    background: var(--turuncu, #E8782C);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 10px;
    line-height: 1.4;
    min-width: 18px;
    text-align: center;
    font-family: var(--font-mono, monospace);
}

/* ═══════════════════════════════════════════════════════════════
   ANA İÇERİK
   ═══════════════════════════════════════════════════════════════ */
#icerik {
    flex: 1;
    overflow-y: auto;
    background: var(--arkaplan);
    height: 100vh;
}

/* ── Hoş Geldin ──────────────────────────────────────────────── */
#hosgeldin {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.hosgeldin-ic {
    text-align: center;
}

.hosgeldin-ikon {
    width: 160px;
    height: auto;
    margin: 0 auto 16px;
    display: block;
}

.hosgeldin-ic h1 {
    font-size: 22px;
    font-weight: 700;
    color: var(--metin);
    margin-bottom: 6px;
}

.hosgeldin-ic p {
    font-size: 14px;
    color: var(--metin3);
}

/* ═══════════════════════════════════════════════════════════════
   GRUP ÖNERİSİ ŞABLONU
   ═══════════════════════════════════════════════════════════════ */
.sablon-baslik-bar {
    background: var(--kart);
    position: sticky;
    top: 0;
    z-index: 10;
}

.kirmizi-serit {
    height: 3px;
    background: var(--kirmizi);
}

.sablon-baslik-ic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* sağ padding 20→64: sağ üstteki bildirim çanı (fixed; 40px + 18px = 58px) sayfa
       başlık çubuğunun sağ butonlarıyla çakışmasın (anasayfa hariç tüm sablon sayfaları). */
    padding: 12px 64px 12px 20px;
}

.sablon-baslik-ic h2 {
    font-size: 14px;
    font-weight: 700;
    color: var(--metin);
}

.sablon-butonlar {
    display: flex;
    gap: 8px;
}

#parti-kartlari {
    padding: 8px 14px 20px;
}

/* ── Grup Önerisi — Parti Seçim Barı ──────────────────────────── */
/* Birleşim kartları */
#brl-kartlar {
    padding: 8px 14px;
}
.go-birlesim-kart {
    display: flex;
    align-items: center;
    background: var(--kart);
    border: 1px solid var(--sinir);
    margin-bottom: 4px;
    padding: 12px 16px;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    border-radius: 4px;
}
.go-birlesim-kart:hover { border-color: var(--kirmizi); background: #FFF5F5; }
.go-birlesim-no { font-size: 13px; font-weight: 700; color: var(--kirmizi); min-width: 0; }
.go-birlesim-tarih { font-size: 13px; color: #888; flex: 1; }
.btn-birlesim-yeni {
    padding: 8px 18px; border: none; border-radius: 4px;
    background: var(--kirmizi); color: white; cursor: pointer;
    font-size: 13px; font-weight: 600;
}
.btn-birlesim-yeni:hover { background: #B91C1C; }
.btn-geri {
    padding: 6px 14px; border: 1px solid #D0D0D0; border-radius: 4px;
    background: white; cursor: pointer; font-size: 13px; margin-right: 12px;
}

/* Grup Başkan/Başkanvekilleri — Parti Bazlı Bölümler */
.gy-bolumler-kapsayici {
    max-height: 60vh;
    overflow-y: auto;
    padding: 10px 16px 20px;
}
.gy-bolumler {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.gy-bolum {
    background: var(--kart);
    border: 1px solid var(--sinir);
    border-radius: 6px;
    overflow: hidden;
}
.gy-bolum-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: #FAFAFA;
    border-bottom: 1px solid var(--sinir);
}
.gy-bolum-baslik h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--kirmizi);
    display: flex;
    align-items: center;
    gap: 8px;
}
.gy-bolum-kisa {
    font-size: 11px;
    font-weight: 600;
    color: #888;
    background: #fff;
    padding: 2px 8px;
    border-radius: 10px;
    border: 1px solid var(--sinir);
}
/* v9.23: .btn-kucuk (duplicate, satır 1571'deki tanımla override oluyordu)
   kaldırıldı. Standart: line 1571 (.btn + .btn-kucuk modifier, padding 4x10, 11px). */
.gy-kayit-liste {
    display: flex;
    flex-direction: column;
}
.gy-kayit-satir {
    display: grid;
    grid-template-columns: 1fr 120px auto auto;
    align-items: center;
    gap: 12px;
    padding: 8px 14px;
    border-bottom: 1px solid #F3F4F6;
    font-size: 13px;
}
.gy-kayit-satir:last-child { border-bottom: none; }
.gy-kayit-satir:hover { background: #FAFAFA; }
.gy-kayit-ad { font-weight: 600; color: var(--metin); }
.gy-kayit-il { font-size: 11px; color: #888; }
.gy-kayit-aksiyon { display: flex; gap: 4px; }
.gy-islem-btn {
    border: none;
    background: transparent;
    font-size: 14px;
    cursor: pointer;
    color: #666;
    padding: 4px 8px;
    border-radius: 3px;
}
.gy-islem-btn:hover { background: #E5E7EB; color: var(--metin); }
/* v9.22: .gy-islem-sil:hover kaldırıldı — JS/HTML'de hiç kullanılmıyordu */
.gy-kayit-bos {
    padding: 10px 14px;
    font-size: 12px;
    color: #999;
    font-style: italic;
}

/* Divan/Yürütme listesi: görev rozeti */
.vy-gorev-rozet {
    display: inline-block;
    margin-left: auto;
    padding: 3px 10px;
    border-radius: 12px;
    background: #FEE2E2;
    color: var(--kirmizi);
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}
.mv-satir .mv-detay {
    font-size: 11px;
    color: #888;
    margin-left: 10px;
}

/* ── Veri Yönetimi Hub ─────────────────────────────────────────── */
.vy-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    padding: 20px;
}
.vy-kart {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    background: var(--kart);
    border: 1px solid var(--sinir);
    border-radius: 6px;
    padding: 20px 18px;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.05s;
}
.vy-kart:hover {
    border-color: var(--kirmizi);
    box-shadow: 0 2px 8px rgba(200,16,46,0.08);
}
.vy-kart:active {
    transform: translateY(1px);
}
.vy-kart-ikon {
    line-height: 0;
    margin-bottom: 14px;
    color: var(--turuncu, #E8782C);
    display: block;
}
.vy-kart-ikon svg {
    width: 44px;
    height: 44px;
    display: block;
    color: inherit;
}
.vy-kart:hover {
    border-color: var(--turuncu, #E8782C);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}
.vy-kart-baslik {
    font-size: 15px;
    font-weight: 700;
    color: var(--kirmizi);
}
.vy-kart-aciklama {
    font-size: 12px;
    color: #666;
    line-height: 1.5;
}

/* ── Birleşimler / KT: Başlık Barındaki Arama Kutusu ──────────── */
.brl-arama-kutusu,
.kt-arama-kutusu {
    flex: 0 1 280px;
    min-width: 180px;
    max-width: 320px;
    border-radius: 4px;
}

/* ═══════════════════════════════════════════════════════════════
   Birleşim Sayfası — Yeknesak Şablon (v9.35, brief Bölüm 4)
   Sayfa kabuğu, üst başlık, sekme bar, ContextBar, parti chip
   ═══════════════════════════════════════════════════════════════ */

/* Sayfa kabuğu — beyaz kart + ince border + radius
   NOT: overflow: visible — içerideki autocomplete dropdown'ları
   sayfa sonunda kart kenarından taşabilsin diye. Üst-alt köşeler
   alt elementlerin kendi radius'larıyla şekillenir. */
.bs-sayfa {
    background: #fff;
    border: 1px solid #E6E1DA;
    border-radius: 8px;
    overflow: visible;
    margin: 12px;
}

/* Üst başlık — kompakt krem zemin, üst köşelerde radius (sayfa kabuğuyla uyumlu) */
.bs-ust-bas {
    display: flex;
    align-items: center;
    gap: 14px;
    /* sağ padding 18→64: birleşim detay üst başlığındaki "Ara Ver" butonu sağ üstteki
       bildirim çanıyla (fixed; 58px) çakışmasın (v9.163). .sablon-baslik-ic ile aynı clearance. */
    padding: 12px 64px 12px 18px;
    background: #FAF7F2;
    border-bottom: 1px solid #F0EBE2;
    border-radius: 8px 8px 0 0;
}
.bs-geri-btn {
    background: #fff;
    border: 1px solid #DDD7CC;
    color: #3A352E;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12.5px;
    cursor: pointer;
    font-family: inherit;
    transition: border-color 0.15s, background 0.15s;
    flex-shrink: 0;
}
.bs-geri-btn:hover {
    border-color: #1B1A18;
    background: #fff;
}
.bs-ust-baslik {
    font-family: var(--font-baslik);
    font-size: 16px;
    font-weight: 600;
    color: #1B1A18;
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}
.bs-meta {
    font-family: var(--font-sans);
    font-size: 12px;
    font-weight: 400;
    color: #6B655A;
}

/* ── Birleşim Detayı: Sekme Bar (yeni line-icon) ─────────────── */
.brl-sekme-bar {
    display: flex;
    gap: 28px;
    padding: 0 18px;
    background: #fff;
    border-bottom: 1px solid #E6E1DA;
}
.brl-sekme {
    background: none;
    border: none;
    padding: 13px 0;
    font-size: 13px;
    color: #6B655A;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    transition: color 0.15s, border-color 0.15s;
    font-family: inherit;
}
.brl-sekme:hover { color: #1B1A18; }
.brl-sekme.aktif {
    color: var(--kirmizi);
    border-bottom-color: var(--kirmizi);
    font-weight: 600;
}
.brl-sekme-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    line-height: 0;
    color: inherit;
    opacity: 0.65;
    transition: opacity 0.15s, color 0.15s;
}
.brl-sekme-ikon svg { display: block; color: inherit; }
.brl-sekme.aktif .brl-sekme-ikon { opacity: 1; color: var(--kirmizi); }

/* ── ContextBar — Bağlam çubuğu (krem zemin) ─────────────────── */
.bs-baglam {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 18px;
    background: #FAF7F2;
    border-bottom: 1px solid #F0EBE2;
    flex-wrap: wrap;
}
.bs-baglam.gizli { display: none; }
.bs-baglam-blok {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
}
.bs-baglam-et {
    font-family: var(--font-mono);
    font-size: 10.5px;
    text-transform: uppercase;
    color: #8A8479;
    letter-spacing: 0.08em;
    flex-shrink: 0;
}
.bs-aksiyon-grup {
    display: flex;
    gap: 8px;
    margin-left: auto;
    align-items: center;
}
/* ContextBar buton standart boyutu — tüm sekmelerde tutarlı */
.bs-aksiyon-grup .btn {
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 6px;
}

/* Eski sekme aksiyon barı — yeni ContextBar'a taşındığı için gizle */
.brl-sekme-aksiyon-bar {
    display: none;
}

/* v9.158: Birleşim "boş karşılama" ekranı — hiçbir sekme seçili değilken gösterilir.
   :not(.gizli) ile koşullu flex → .gizli (display:none) gizlemeyi ezmesin. */
.brl-bos-karsilama:not(.gizli) {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    padding: 40px 20px;
}
.brl-bos-ic {
    text-align: center;
    max-width: 420px;
}
.brl-bos-ikon {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 14px;
    opacity: 0.55;
}
.brl-bos-ic h3 {
    margin: 0 0 8px;
    font-size: 18px;
    color: var(--metin, #2B2A28);
}
.brl-bos-ic p {
    margin: 0;
    font-size: 14px;
    color: var(--metin-soluk, #8A8275);
    line-height: 1.5;
}

/* ── Renksiz parti chip (Grup Önerileri ContextBar'ı) ───────── */
.bs-parti-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px 6px 8px;
    font-size: 12.5px;
    font-weight: 500;
    color: #6B655A;
    background: #fff;
    border: 1px solid #DDD7CC;
    border-radius: 16px;
    cursor: pointer;
    user-select: none;
    transition: all 0.15s;
}
.bs-parti-chip:hover { border-color: #1B1A18; color: #3A352E; }
/* SADECE seçili parti (formu açık olan) koyu zeminde — var/yok onay
   kutusu rengi kendi kuralında (turuncu işaret). İkisi karıştırılmıyor. */
.bs-parti-chip.aktif-parti {
    background: #1B1A18;
    color: #fff;
    border-color: #1B1A18;
}
.bs-kutu {
    width: 14px;
    height: 14px;
    border: 1.5px solid #B8B0A2;
    border-radius: 3px;
    background: #fff;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}
.bs-parti-chip.var .bs-kutu {
    background: var(--turuncu);
    border-color: var(--turuncu);
    color: #fff;
}
.bs-kutu svg { display: block; }

/* ═══════════════════════════════════════════════════════════════
   ANASAYFA (kontrol paneli) — v9.36, brief Bölüm 5
   handoff/anasayfa.css'ten port edildi (as-* prefix, çakışmaz)
   ═══════════════════════════════════════════════════════════════ */

.as-ana {
    padding: 28px 32px;
    background: var(--zemin, #F7F5F2);
    min-height: 100%;
    color: #1B1A18;
}
.as-ana.gizli { display: none; }

.as-ana-bas {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 22px;
}
.as-selam {
    font-family: var(--font-baslik);
    font-size: 22px;
    font-weight: 600;
    color: #1B1A18;
}
.as-alt {
    font-size: 13px;
    color: #6B655A;
    margin-top: 4px;
}

.as-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
}
.as-kolon {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (max-width: 1100px) {
    .as-grid { grid-template-columns: 1fr; }
}

/* Genel kart */
.as-kart {
    background: #fff;
    border: 1px solid var(--cizgi, #E6E1DA);
    border-radius: 10px;
    padding: 18px 20px;
}
.as-kart-bas {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}
.as-kart-bas-sol {
    display: flex;
    align-items: center;
    gap: 8px;
}
.as-kart-baslik {
    font-family: var(--font-mono);
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #8A8479;
    font-weight: 500;
}
.as-kart-bas-link {
    font-size: 11.5px;
    color: #6B655A;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;
    font-family: inherit;
    padding: 0;
}
.as-kart-bas-link:hover { color: var(--turuncu, #E8782C); }

.as-sayac {
    font-size: 10.5px;
    padding: 2px 7px;
    border-radius: 10px;
    font-family: var(--font-mono);
    font-weight: 500;
}
.as-sayac-bej { background: #FBE7D6; color: #9B3F1A; }
.as-sayac-turuncu { background: #FFF2E0; color: #E8782C; }

.as-bos-mini {
    font-size: 13px;
    color: #8A8479;
    padding: 18px 0;
    text-align: center;
}

/* AKTİF BİRLEŞİM hero — sidebar espresso (#3A2E24) tonu (kullanıcı tercihi) */
.as-aktif-bir {
    background: #3A2E24;
    color: #fff;
    border: none;
    padding: 22px 24px;
    position: relative;
    overflow: hidden;
}
.as-aktif-bir::before {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 300px; height: 300px;
    background: radial-gradient(circle, rgba(232,120,44,0.18) 0%, transparent 60%);
    pointer-events: none;
}
.as-aktif-bir .as-kart-baslik { color: rgba(255,255,255,0.55); }
.as-aktif-bir .as-kart-bas-link { color: rgba(255,255,255,0.55); }
.as-aktif-bir.as-bos {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    text-align: center;
}
.as-aktif-bir.as-bos .as-bos-baslik {
    font-family: var(--font-baslik);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
}
.as-aktif-bir.as-bos .as-bos-alt {
    font-size: 13px;
    color: rgba(255,255,255,0.6);
    max-width: 380px;
}

.as-bir-rozet {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: rgba(232,120,44,0.18);
    border: 1px solid rgba(232,120,44,0.45);
    color: #FFB378;
    border-radius: 14px;
    font-size: 11px;
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.as-bir-rozet-nokta {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: #E8782C;
    box-shadow: 0 0 0 3px rgba(232,120,44,0.25);
    animation: as-pulse 2s ease-in-out infinite;
}
@keyframes as-pulse {
    0%, 100% { box-shadow: 0 0 0 3px rgba(232,120,44,0.25); }
    50% { box-shadow: 0 0 0 6px rgba(232,120,44,0.05); }
}

/* Aktif birleşim rozet durumları (devam = mevcut turuncu varsayılan) */
.as-bir-rozet.as-bir-rozet-bekliyor {
    background: rgba(58,124,200,0.18);
    border-color: rgba(58,124,200,0.45);
    color: #9CC2EF;
}
.as-bir-rozet.as-bir-rozet-bekliyor .as-bir-rozet-nokta {
    background: #3A7CC8;
    box-shadow: 0 0 0 3px rgba(58,124,200,0.25);
    animation: none;
}
.as-bir-rozet.as-bir-rozet-ara {
    background: rgba(217,164,38,0.20);
    border-color: rgba(217,164,38,0.50);
    color: #F0CB6E;
}
.as-bir-rozet.as-bir-rozet-ara .as-bir-rozet-nokta {
    background: #D9A426;
    box-shadow: 0 0 0 3px rgba(217,164,38,0.25);
    animation: none;
}
.as-bir-rozet.as-bir-rozet-bitti {
    background: rgba(140,140,140,0.18);
    border-color: rgba(140,140,140,0.45);
    color: rgba(255,255,255,0.6);
}
.as-bir-rozet.as-bir-rozet-bitti .as-bir-rozet-nokta {
    background: #8C8C8C;
    box-shadow: 0 0 0 3px rgba(140,140,140,0.20);
    animation: none;
}

.as-bir-no {
    font-family: var(--font-baslik);
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 10px;
}
.as-bir-no small {
    font-size: 18px;
    font-weight: 500;
    color: rgba(255,255,255,0.5);
    margin-left: 6px;
}
.as-bir-meta {
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    margin-top: 4px;
}

/* 3 metrik (D=2 mock — konuşmacı kaldırıldı, kullanıcı tercihi) */
.as-bir-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,0.08);
}
.as-bir-it {
    font-size: 11px;
    color: rgba(255,255,255,0.5);
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.as-bir-deg {
    font-family: var(--font-baslik);
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-top: 4px;
}
.as-bir-deg-ek {
    font-size: 12px;
    color: rgba(255,255,255,0.55);
    font-family: var(--font-sans);
    font-weight: 400;
    margin-left: 4px;
}

.as-bir-eylem {
    display: flex;
    gap: 10px;
    margin-top: 22px;
}
.as-btn-pri {
    padding: 10px 18px;
    background: var(--turuncu, #E8782C);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: inherit;
}
.as-btn-pri:hover { background: #D26920; }

/* GÜNDEM TABLOSU */
.as-gundem-row {
    display: grid;
    grid-template-columns: 32px 1fr 110px 90px;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px solid #F0EBE2;
    align-items: center;
}
.as-gundem-row:last-child { border: none; padding-bottom: 0; }
.as-gundem-no {
    font-family: var(--font-mono);
    font-size: 11px;
    color: #8A8479;
}
.as-gundem-baslik {
    font-size: 13px;
    color: #1B1A18;
    font-weight: 500;
    line-height: 1.4;
}
.as-gundem-sub {
    font-size: 11.5px;
    color: #6B655A;
    margin-top: 2px;
}
.as-gundem-tip {
    font-size: 10.5px;
    padding: 3px 8px;
    border-radius: 10px;
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 500;
    display: inline-block;
    white-space: nowrap;
}
.as-tip-kt       { background: #FBE7D6; color: #9B3F1A; }
.as-tip-oneri    { background: #E5F0FB; color: #1A4FA8; }
.as-tip-meclis   { background: #E8F4EC; color: #15803D; }
.as-tip-bakanlar { background: #F1ECE3; color: #6B5A2F; }
.as-tip-sunus    { background: #F3EAF6; color: #6B2F8A; }
.as-tip-genel    { background: #ECEAE5; color: #4B5563; }

.as-gundem-durum {
    font-size: 11.5px;
    color: #6B655A;
    text-align: right;
}
.as-gundem-durum.as-aktif {
    color: #E8782C;
    font-weight: 500;
}

/* HIZLI EYLEMLER — OCR çıkarıldı (kullanıcı tercihi), 2 kolon eşit */
.as-eylem-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.as-eylem-kart {
    padding: 16px;
    border: 1px solid var(--cizgi, #E6E1DA);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: left;
    font-family: inherit;
    color: inherit;
}
.as-eylem-kart:hover {
    border-color: var(--turuncu, #E8782C);
    box-shadow: 0 4px 12px rgba(232,120,44,0.08);
    transform: translateY(-1px);
}
.as-eylem-kart svg { color: var(--turuncu, #E8782C); }

.as-eylem-baslik {
    font-family: var(--font-baslik);
    font-size: 14px;
    font-weight: 600;
    color: #1B1A18;
}
.as-eylem-aciklama {
    font-size: 11.5px;
    color: #6B655A;
    line-height: 1.4;
}

/* KİLİTLER — Kim Nerede */
.as-kilit-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #F0EBE2;
}
.as-kilit-row:last-child { border: none; padding-bottom: 0; }
.as-kilit-av {
    width: 28px; height: 28px;
    border-radius: 50%;
    background: var(--turuncu, #E8782C);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10.5px;
    font-weight: 600;
    flex-shrink: 0;
}
.as-av-gri  { background: #9CA3AF; }
.as-av-koyu { background: #1B1A18; }
.as-kilit-bilgi { flex: 1; min-width: 0; }
.as-kilit-kim {
    font-size: 12.5px;
    font-weight: 500;
    color: #1B1A18;
}
.as-kilit-ne {
    font-size: 11.5px;
    color: #6B655A;
    margin-top: 1px;
    line-height: 1.35;
}
.as-kilit-zaman {
    font-size: 10.5px;
    color: #8A8479;
    font-family: var(--font-mono);
    flex-shrink: 0;
}

/* Sidebar logo button reset (mevcut .sidebar-logo div'di, button oldu) */
button.sidebar-logo {
    background: transparent;
    border: none;
    width: 100%;
    cursor: pointer;
    transition: background 0.15s;
}
button.sidebar-logo:hover { background: rgba(255, 255, 255, 0.04); }

/* ═══════════════════════════════════════════════════════════════
   Birleşim Oturum & Ara Takibi (v9.37, brief sonrası özellik)
   ═══════════════════════════════════════════════════════════════ */

/* Üst başlıkta aktif oturum rozeti — turuncu pill */
.bs-aktif-oturum-rozet {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    background: rgba(232, 120, 44, 0.14);
    color: var(--turuncu, #E8782C);
    border: 1px solid rgba(232, 120, 44, 0.40);
    border-radius: 14px;
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    flex-shrink: 0;
}
.bs-aktif-oturum-rozet.gizli { display: none; }

/* El Gündemi alt sekme bar'ı + Ara Ver butonu */
.eg-stepper-bar {
    display: flex;
    align-items: center;
}
.eg-stepper-bar #eg-stepper {
    flex: 1;
    min-width: 0;
}
.eg-ara-ver-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    background: transparent;
    color: var(--turuncu, #E8782C);
    border: 1px solid var(--turuncu, #E8782C);
    border-radius: 6px;
    font-size: 12.5px;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s, color 0.15s;
}
.eg-ara-ver-btn:hover {
    background: var(--turuncu, #E8782C);
    color: #fff;
}
.eg-ara-ver-ikon {
    display: inline-block;
    width: 12px; height: 12px;
    border-left: 3px solid currentColor;
    border-right: 3px solid currentColor;
    box-sizing: border-box;
    vertical-align: middle;
}
/* Play ikonu (ara devam ediyorken) — sağa bakan üçgen */
.eg-ara-ver-ikon.eg-play-ikon {
    width: 0;
    height: 0;
    border: none;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid currentColor;
    border-right: none;
}
/* Ara devam halinde buton — outline turuncu (Ara Ver ile aynı zemin), sadece ▶ ikonu farklı */
.eg-ara-ver-btn[data-mod="play"] {
    background: transparent;
    color: var(--turuncu, #E8782C);
    border-color: var(--turuncu, #E8782C);
}
.eg-ara-ver-btn[data-mod="play"]:hover {
    background: var(--turuncu, #E8782C);
    color: #fff;
}

/* Üst başlık (bs-ust-bas) krem şeridine taşınmış Ara Ver butonu — en sağa it */
.bs-ust-ara-btn {
    margin-left: auto;
}

/* Oturumlar timeline (birl-oturumlar-host içinde) */
.brl-oturumlar-tarihce {
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.brl-oturum-kart {
    background: #fff;
    border: 1px solid var(--cizgi, #E6E1DA);
    border-radius: 8px;
    padding: 16px 20px;
    position: relative;
}
.brl-oturum-kart.aktif {
    border-color: var(--turuncu, #E8782C);
    box-shadow: 0 0 0 3px rgba(232, 120, 44, 0.10);
}
.brl-oturum-kart-bas {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}
.brl-oturum-no {
    font-family: var(--font-baslik);
    font-size: 18px;
    font-weight: 700;
    color: #1B1A18;
}
.brl-oturum-saat {
    font-family: var(--font-mono);
    font-size: 12px;
    color: #6B655A;
}
.brl-oturum-rozet {
    margin-left: auto;
    padding: 3px 9px;
    border-radius: 12px;
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.brl-oturum-rozet.tamam {
    background: rgba(22, 163, 74, 0.14);
    color: #15803D;
    border: 1px solid rgba(22, 163, 74, 0.30);
}
.brl-oturum-rozet.aktif {
    background: rgba(232, 120, 44, 0.14);
    color: var(--turuncu, #E8782C);
    border: 1px solid rgba(232, 120, 44, 0.40);
}
/* v9.186: Açılış bekleniyor (açılmamış son oturum) — nötr/gri rozet */
.brl-oturum-rozet.bekliyor {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
    border: 1px solid rgba(100, 116, 139, 0.30);
}
.brl-oturum-ara {
    margin-top: 10px;
    padding: 10px 12px;
    background: #FAF7F2;
    border-left: 3px solid var(--turuncu, #E8782C);
    border-radius: 4px;
    font-size: 12.5px;
    color: #3A352E;
}
.brl-oturum-ara-baslik {
    font-family: var(--font-mono);
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #8A8479;
    margin-bottom: 4px;
}
.brl-oturum-ara-sil {
    margin-left: 10px;
    background: transparent;
    border: 1px solid var(--cizgi);
    color: #B91C1C;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    cursor: pointer;
    font-family: inherit;
}
.brl-oturum-ara-sil:hover { background: rgba(185, 28, 28, 0.08); }
.brl-oturum-bos {
    color: #8A8479;
    font-size: 12px;
    font-style: italic;
    padding: 6px 0;
}
.brl-oturumlar-eylem {
    margin-top: 6px;
    text-align: center;
}
/* v9.186: kapanmış/açılmamış birleşimde Ara Ver/Yeniden Aç yerine bilgi notu */
.brl-oturumlar-eylem-bilgi {
    color: #8A8479;
    font-size: 12.5px;
    font-style: italic;
    line-height: 1.5;
    background: rgba(100, 116, 139, 0.06);
    border: 1px dashed rgba(100, 116, 139, 0.28);
    border-radius: 8px;
    padding: 8px 12px;
}
/* v9.186: Üst aktif-oturum rozeti — açılış bekleniyor (nötr/gri) */
.bs-aktif-oturum-rozet.birlesim-bekliyor {
    background: rgba(100, 116, 139, 0.14);
    color: #475569;
}

/* Ara Ver Modalı — kompakt form */
.ara-modal-form {
    padding: 18px 20px;
}
.ara-modal-form .form-alan {
    margin-bottom: 14px;
}
.ara-modal-form label {
    display: block;
    font-size: 11px;
    color: var(--metin-soluk, #6B5F58);
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 500;
    font-family: var(--font-mono);
}
.ara-modal-form input,
.ara-modal-form textarea {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid var(--cizgi, #DDD);
    border-radius: 6px;
    font-size: 13px;
    box-sizing: border-box;
    font-family: inherit;
    background: #fff;
}
.ara-modal-form textarea {
    resize: vertical;
    min-height: 60px;
}
.ara-modal-aciklama {
    background: #FAF7F2;
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 12px;
    color: #6B655A;
    margin-bottom: 14px;
}
.ara-modal-aksiyon {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 16px;
}

/* ═══════════════════════════════════════════════════════════════
   v9.38 — Açılış oturum kalem listesi + Pause/Play state + düzenleme
   ═══════════════════════════════════════════════════════════════ */

/* Açılış sol panel — oturum kalem listesi */
.eg-acilis-kalem-liste {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
}
.eg-acilis-kalem {
    padding: 10px 12px;
    border: 1px solid var(--cizgi, #E6E1DA);
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}
.eg-acilis-kalem:hover {
    border-color: var(--turuncu, #E8782C);
    background: #FFFBF5;
}
.eg-acilis-kalem.aktif {
    border-color: var(--turuncu, #E8782C);
    background: #FFF8F2;
    box-shadow: inset 3px 0 0 var(--turuncu, #E8782C);
}
.eg-acilis-kalem-baslik {
    font-family: var(--font-baslik);
    font-size: 14px;
    font-weight: 600;
    color: #1B1A18;
}
.eg-acilis-kalem-alt {
    font-family: var(--font-mono);
    font-size: 11px;
    color: #6B655A;
    margin-top: 2px;
}
.eg-acilis-form-kap {
    border-top: 1px solid var(--cizgi);
    padding-top: 12px;
}
.eg-acilis-bilgi {
    padding: 10px 12px;
    background: #FAF7F2;
    border-radius: 6px;
    font-size: 12.5px;
    color: #3A352E;
    line-height: 1.5;
}

/* Aktif oturum rozeti — ara devam durumu */
.bs-aktif-oturum-rozet.ara-devam {
    background: rgba(220, 38, 38, 0.12);
    color: #B91C1C;
    border-color: rgba(220, 38, 38, 0.40);
}

/* Oturum düzenle butonu (Oturumlar timeline kartında) */
.brl-oturum-duzenle-btn {
    background: transparent;
    border: 1px solid var(--cizgi, #E6E1DA);
    color: var(--metin-soluk, #6B655A);
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    margin-left: 8px;
    font-family: inherit;
    transition: border-color 0.15s, color 0.15s;
}
.brl-oturum-duzenle-btn:hover {
    border-color: var(--turuncu, #E8782C);
    color: var(--turuncu, #E8782C);
}

/* ContextBar host alanları (parti chip'ler / BV satırı) */
#bs-baglam-grup-chip-host,
#bs-baglam-eg-bv-host {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

/* eg-bv-bar ContextBar'a taşındığında: padding/background sıfırla;
   "Başkanvekili:" etiketi mono uppercase olarak ContextBar diliyle yeniden stilize */
.bs-baglam #bs-baglam-eg-bv-host > .eg-bv-bar,
#bs-baglam-eg-bv-host > .eg-bv-bar {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 10px;
    width: auto;
    align-items: center;
}
#bs-baglam-eg-bv-host > .eg-bv-bar > .eg-bv-etiket,
#bs-baglam-eg-bv-host .eg-bv-etiket {
    font-family: var(--font-mono);
    font-size: 10.5px;
    text-transform: uppercase;
    color: #8A8479;
    letter-spacing: 0.08em;
    flex-shrink: 0;
    font-weight: 500;
}
#bs-baglam-eg-bv-host > .eg-bv-bar > .eg-bv-secenekler {
    margin: 0;
}

/* go-parti-bar ContextBar'a taşındığında: arka plan/padding sıfır + en soldan başla */
.bs-baglam #bs-baglam-grup-chip-host > .go-parti-bar,
#bs-baglam-grup-chip-host > .go-parti-bar {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px;
    width: auto;
}

/* ContextBar bağlam bloğu — chip'ler en soldan başlasın (etiket olmadan) */
.bs-baglam .bs-baglam-blok {
    padding-left: 0;
}

/* Grup Önerisi format */
.go-format-baslik {
    font-size: 13px;
    font-weight: 700;
    padding: 10px 16px 4px;
    color: #1F2937;
}
.go-format-alt-baslik {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 16px 2px;
    color: #4B5563;
}
.go-format-diger-baslik {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #E5E7EB;
}
.go-format-parti-adi {
    font-size: 12px;
    font-weight: 700;
    padding: 2px 16px;
    color: #1F2937;
}
.go-format-numarali {
    padding: 6px 16px 0;
}
.go-format-gerekce { margin-bottom: 2px; }
.go-format-diger-parti { margin-bottom: 0; }
.go-format-diger-parti[draggable="true"] { cursor: grab; }
.go-format-diger-parti.drag-over { border-top: 2px solid var(--kirmizi); }
.go-format-diger-parti.dragging { opacity: 0.4; }

.go-parti-bar {
    display: flex;
    gap: 6px;
    padding: 10px 16px;
    background: #F5F5F5;
    border-bottom: 1px solid #E0E0E0;
    flex-wrap: wrap;
}
/* Grup Konuşmacı Listeleri butonu */
.go-konusmaci-listeleri-btn {
    margin-left: auto;
    padding: 6px 14px;
    border: 1px solid #3B82F6;
    border-radius: 4px;
    background: #3B82F6;
    color: white;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}
.go-konusmaci-listeleri-btn:hover { background: #2563EB; }

/* Grup Konuşmacı dropdown */
.go-konusmaci-menu {
    position: absolute; background: white; border: 1px solid var(--sinir);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 200;
    min-width: 160px; border-radius: 4px; overflow: hidden;
}
.go-konusmaci-menu button {
    display: block; width: 100%; padding: 8px 14px; border: none;
    background: none; text-align: left; cursor: pointer; font-size: 13px;
}
.go-konusmaci-menu button:hover { background: #EEF2FF; }

/* Grup Konuşmacı modal */
.modal-go-konusmaci { width: 700px; max-width: 95vw; height: 80vh; }
.go-konusmaci-icerik { flex: 1; overflow-y: auto; padding: 12px; }
.go-konusmaci-satir {
    display: flex; align-items: center; padding: 8px 12px;
    border-bottom: 1px solid #F0F0F0; gap: 12px;
}
.go-konusmaci-satir:nth-child(odd) { background: #FAFAFA; }
.go-konusmaci-satir:first-child { background: #EEF2FF; border-left: 3px solid #3B82F6; }
.go-konusmaci-etiket { width: 280px; font-weight: 600; font-size: 12px; flex-shrink: 0; color: #333; }
.go-konusmaci-input-alan { flex: 1; }

/* Parti kutu (checkbox + ad) */
.go-parti-kutu {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    background: white;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.15s;
    min-width: 100px;
    justify-content: center;
}
.go-parti-kutu:hover { background: #EEF2FF; border-color: #A0A0FF; }
.go-parti-kutu.aktif {
    background: #2563EB;
    color: white;
    border-color: #1D4ED8;
}
.go-parti-cb {
    width: 14px; height: 14px;
    cursor: pointer;
    accent-color: #22C55E;
    flex-shrink: 0;
}
.go-parti-ad {
    cursor: pointer;
    white-space: nowrap;
}

/* ── Parti Kartı ─────────────────────────────────────────────── */
.parti-karti {
    background: var(--kart);
    border: 1px solid var(--sinir);
    margin-bottom: 4px;
    display: flex;
    transition: background 0.15s, border-color 0.15s;
}

.parti-karti.cikarilmis {
    background: #FFF8F8;
}

.parti-karti.drag-uzerinde {
    border-color: var(--kirmizi);
    background: var(--kirmizi-acik);
}

.parti-karti.surukleniyor {
    opacity: 0.4;
}

.parti-accent {
    width: 4px;
    min-width: 4px;
    background: var(--kirmizi);
    flex-shrink: 0;
}

.parti-ic {
    flex: 1;
    padding: 0;
    min-width: 0;
}
.parti-tek-satir {
    display: flex;
    align-items: center;
    gap: 8px;
}
.parti-tek-satir .konusmaci-alan { flex: 1; }
.parti-tek-satir .eg-kom-btn { flex-shrink: 0; }

/* Parti üst satır */
.parti-ust {
    display: flex;
    align-items: center;
    padding: 5px 8px 3px;
}

.drag-handle {
    cursor: grab;
    color: #CCC;
    font-size: 14px;
    padding: 0 6px 0 0;
    user-select: none;
}

.drag-handle:active {
    cursor: grabbing;
}

.parti-baslik {
    flex: 1;
    font-size: 12px;
    font-weight: 700;
    color: var(--metin);
}

/* Çıkar / Geri Ekle butonu — MA/GG (.eg-kom-btn) ile aynı kontrastlı stil.
 * Bordo outline → hover'da dolu. .geri-ekle state'i görsel değişim
 * getirmez; metin farkı ("Geri Ekle") yeterli (kart içinde uyarı da var). */
/* v9.22: .toggle-btn kaldırıldı — .eg-kom-btn ile konsolide edildi
   (stiller aynıydı). JS'teki 3 kullanım .eg-kom-btn'ye dönüştürüldü
   ve .parti-tek-satir .toggle-btn selector'u güncellendi. */

/* Parti ayırıcı */
.parti-ayirici {
    height: 1px;
    background: var(--sinir);
    margin: 0 8px;
}

/* Konuşmacı satırları */
.konusmaci-alan {
    padding: 3px 8px 4px;
}

.konusmaci-satir {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 2px;
    position: relative;
}

.konusmaci-input {
    width: 240px;
    padding: 4px 8px;
    font-size: 12px;
    font-family: var(--font);
    border: 1px solid var(--sinir);
    border-radius: 0;
    outline: none;
    color: var(--metin);
    background: var(--kart);
    transition: border-color 0.15s;
}

.konusmaci-input:focus {
    border-color: var(--kirmizi);
}

.konusmaci-il {
    font-size: 11px;
    color: var(--metin2);
    min-width: 80px;
}

.konusmaci-tercih {
    font-size: 11px;
    color: var(--basari);
    font-style: italic;
}

.konusmaci-sil {
    background: none;
    border: none;
    color: var(--metin3);
    cursor: pointer;
    font-size: 14px;
    padding: 2px 4px;
    font-family: var(--font);
    line-height: 1;
}

/* Konuşmacı satırı: süre (dk) */
.konusmaci-sure-wrap {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-right: 4px;
}
.konusmaci-sure {
    width: 48px;
    padding: 3px 6px;
    font-size: 11px;
    font-family: var(--font);
    border: 1px solid var(--sinir);
    border-radius: 3px;
    text-align: right;
    background: #fff;
}
.konusmaci-sure:focus { outline: none; border-color: var(--kirmizi); }
.konusmaci-sure-etiket {
    font-size: 10px;
    color: var(--metin3);
}

/* Komisyon İstifa — çoklu satır formu */
.eg-istifa-satir { flex-wrap: wrap; }
.eg-istifa-kom-wrap { position: relative; flex: 1; min-width: 200px; }
.eg-istifa-kom-input {
    width: 100%;
    padding: 4px 8px;
    font-size: 12px;
    font-family: var(--font);
    border: 1px solid var(--sinir);
    border-radius: 0;
    outline: none;
    color: var(--metin);
    background: var(--kart);
}
.eg-istifa-kom-input:focus { border-color: var(--kirmizi); }
.eg-istifa-tarih {
    width: 140px;
    padding: 3px 6px;
    font-size: 12px;
    font-family: var(--font);
    border: 1px solid var(--sinir);
    color: var(--metin);
    background: var(--kart);
}
.eg-istifa-tarih:focus { border-color: var(--kirmizi); outline: none; }
.eg-istifa-gorev {
    min-width: 130px;
    padding: 4px 6px;
    font-size: 12px;
    font-family: var(--font);
    border: 1px solid var(--sinir);
    color: var(--metin);
    background: var(--kart);
}
.eg-istifa-gorev:focus { border-color: var(--kirmizi); outline: none; }
.eg-istifa-liste .konusmaci-satir { margin-bottom: 6px; }

/* KT Görüşme Durumu Modalı — hiyerarşik ağaç */
.kt-gd-dugum { margin: 0; }
.kt-gd-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    font-size: 13px;
}
.kt-gd-expand {
    width: 12px;
    font-size: 10px;
    color: var(--metin2);
    user-select: none;
    transition: transform 0.15s;
}
.kt-gd-cb { cursor: pointer; }
.kt-gd-etiket {
    flex: 1;
    cursor: default;
    transition: color 0.15s;
}
.kt-gd-rozet {
    font-size: 11px;
    color: var(--metin2);
    background: #f0f0f0;
    padding: 1px 6px;
    border-radius: 8px;
    min-width: 28px;
    text-align: center;
}
.kt-gd-dugum.tamam > .kt-gd-bar > .kt-gd-rozet {
    background: var(--basari);
    color: white;
}
.kt-gd-alt {
    border-left: 1px solid #eee;
    margin-left: 10px;
}

/* Birleşim Görüşme Durumu paneli (v9.40) — KT pattern'ı sekme olarak yeniden kullanır */
.brl-gorusme-ust {
    padding: 16px 18px 8px;
    background: var(--zemin-2, #F7F5F2);
    border-bottom: 1px solid var(--cizgi, #E6E1DA);
}
.brl-gorusme-ilerleme-satir {
    font-size: 13px;
    margin-bottom: 6px;
}
.brl-gorusme-progress {
    height: 8px;
    background: #E6E1DA;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
}
.brl-gorusme-progress-dolu {
    height: 100%;
    background: var(--basari, #2E7D32);
    transition: width 0.3s;
    width: 0%;
}
.brl-gorusme-buton-bar {
    display: flex;
    gap: 8px;
}
.brl-gorusme-liste {
    padding: 14px 18px 24px;
    max-height: calc(100vh - 320px);
    overflow-y: auto;
}
.brl-gd-dugum { margin: 0; }
.brl-gd-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    font-size: 13px;
}
.brl-gd-expand {
    width: 12px;
    font-size: 10px;
    color: var(--metin2, #666);
    user-select: none;
}
.brl-gd-cb { cursor: pointer; }
.brl-gd-etiket {
    flex: 1;
    cursor: default;
    transition: color 0.15s;
}
.brl-gd-rozet {
    font-size: 11px;
    color: var(--metin2, #666);
    background: #f0f0f0;
    padding: 1px 6px;
    border-radius: 8px;
    min-width: 28px;
    text-align: center;
}
.brl-gd-dugum.tamam > .brl-gd-bar > .brl-gd-rozet {
    background: var(--basari, #2E7D32);
    color: white;
}
.brl-gd-alt {
    border-left: 1px solid #eee;
    margin-left: 10px;
}

/* ═══ YETER SAYILAR (TYS / KYS) — v9.42 ═══ */
.ys-bilgi-bar {
    padding: 14px 22px;
    background: var(--zemin-2, #F7F5F2);
    border-bottom: 1px solid var(--cizgi, #E6E1DA);
    font-size: 13.5px;
}
.ys-bilgi-aktif { display: flex; gap: 14px; align-items: baseline; }
.ys-bilgi-tarih { color: var(--metin2, #666); font-size: 12px; }
.ys-bilgi-oturum {
    background: var(--turuncu, #E8782C);
    color: #fff;
    padding: 2px 9px;
    border-radius: 10px;
    font-size: 11px;
    font-family: var(--font-mono, monospace);
}
.ys-bilgi-bos {
    color: var(--metin2, #666);
    display: flex;
    gap: 12px;
    align-items: center;
}
.ys-bos {
    padding: 60px 22px;
    text-align: center;
    color: var(--metin2, #888);
    font-size: 14px;
}
.ys-liste {
    padding: 16px 22px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
@media (max-width: 1100px) {
    .ys-liste { grid-template-columns: 1fr; }
}
.ys-sutun {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--zemin-2, #F7F5F2);
    border: 1px solid var(--cizgi, #E6E1DA);
    border-radius: 8px;
    padding: 14px;
}
.ys-sutun-baslik {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--cizgi, #E6E1DA);
    font-weight: 600;
    font-size: 13.5px;
}
.ys-sutun-baslik > span:nth-child(2) { flex: 1; }
.ys-sutun-sayac {
    background: #fff;
    border: 1px solid var(--cizgi, #E6E1DA);
    color: var(--metin2, #666);
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-family: var(--font-mono, monospace);
    font-weight: 600;
}
.ys-sutun-icerik {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ys-sutun-bos {
    color: var(--metin2, #888);
    font-size: 13px;
    text-align: center;
    padding: 30px 10px;
    font-style: italic;
}
.ys-oylama-bilgi {
    background: var(--zemin-2, #F7F5F2);
    border-left: 3px solid var(--turuncu, #E8782C);
    padding: 6px 10px;
    margin-bottom: 8px;
    font-size: 12.5px;
    color: var(--metin, #333);
    border-radius: 0 4px 4px 0;
}
.ys-oylama-etiket {
    font-weight: 600;
    color: var(--turuncu, #E8782C);
    margin-right: 6px;
}
.ys-istem-select {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--cizgi, #E6E1DA);
    border-radius: 4px;
    font-size: 13px;
    font-family: inherit;
    background: #fff;
}
.ys-istem-select:focus {
    border-color: var(--turuncu, #E8782C);
    outline: none;
    box-shadow: 0 0 0 3px rgba(232, 120, 44, 0.10);
}
.ys-modal-uyari {
    background: rgba(232, 120, 44, 0.08);
    border-left: 3px solid var(--turuncu, #E8782C);
    padding: 12px 14px;
    border-radius: 0 4px 4px 0;
    font-size: 13px;
    color: var(--metin, #333);
    line-height: 1.5;
}
.form-yardim {
    display: block;
    margin-top: 4px;
    color: var(--metin2, #666);
    font-size: 11.5px;
    font-style: italic;
}
.ys-kart {
    background: #fff;
    border: 1px solid var(--cizgi, #E6E1DA);
    border-radius: 8px;
    padding: 14px 18px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.ys-kart-bas {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--cizgi, #E6E1DA);
}
.ys-tip-rozet {
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    font-family: var(--font-mono, monospace);
    letter-spacing: 0.5px;
}
.ys-tip-tys { background: rgba(46, 125, 50, 0.12); color: #2E7D32; border: 1px solid rgba(46, 125, 50, 0.3); }
.ys-tip-kys { background: rgba(139, 26, 26, 0.10); color: var(--kirmizi, #8B1A1A); border: 1px solid var(--kirmizi, #8B1A1A); }
.ys-kart-baslik {
    font-weight: 600;
    font-size: 14px;
}
.ys-kart-tip-uzun {
    color: var(--metin2, #666);
    font-size: 11.5px;
    flex: 1;
}
.ys-sil-btn {
    background: none;
    border: none;
    color: var(--metin2, #888);
    cursor: pointer;
    font-size: 16px;
    padding: 2px 8px;
    border-radius: 4px;
}
.ys-sil-btn:hover { background: rgba(139, 26, 26, 0.08); color: var(--kirmizi, #8B1A1A); }
.ys-denemeler {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 10px;
}
.ys-deneme {
    display: flex;
    gap: 12px;
    align-items: baseline;
    flex-wrap: wrap;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 13px;
}
.ys-deneme-aktif {
    background: rgba(232, 120, 44, 0.08);
    border-left: 3px solid var(--turuncu, #E8782C);
    padding-left: 6px;
}
.ys-deneme-etiket { flex: 1; }
.ys-deneme-saat {
    font-family: var(--font-mono, monospace);
    color: var(--metin2, #666);
    font-size: 12px;
}
/* v9.174: Yoklama sonuç sayıları (deneme satırı altı) + düzenle + modal toplam */
.ys-deneme-sayilar {
    flex-basis: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 4px;
    padding: 4px 8px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 4px;
    font-size: 12px;
    color: var(--metin2, #555);
}
.ys-deneme-sayilar b { color: var(--metin, #222); }
.ys-say-duzenle {
    border: 1px solid var(--cizgi, #E6E1DA);
    background: var(--kart, #fff);
    color: var(--metin2, #555);
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 11px;
    cursor: pointer;
    white-space: nowrap;
}
.ys-say-duzenle:hover { border-color: var(--turuncu, #E8782C); color: var(--turuncu, #E8782C); }
.ys-sayilar-toplam {
    margin-top: 4px;
    padding: 8px 10px;
    background: rgba(232, 120, 44, 0.08);
    border-radius: 4px;
    font-size: 14px;
}
.ys-sayilar-toplam strong { color: var(--turuncu, #E8782C); font-size: 16px; }
/* v9.178: TYS+VAR modalında "Kesildi" checkbox satırı */
.ys-kesildi-satir {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    cursor: pointer;
    font-size: 14px;
}
.ys-kesildi-satir input { width: 18px; height: 18px; cursor: pointer; accent-color: var(--kirmizi, #8B1A1A); }
.ys-kesildi-satir small { color: var(--metin-soluk, #888); font-size: 12px; }
.ys-sonuc-rozet {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10.5px;
    font-weight: 600;
    font-family: var(--font-mono, monospace);
    letter-spacing: 0.4px;
}
.ys-sonuc-var { background: rgba(46, 125, 50, 0.15); color: #2E7D32; }
.ys-sonuc-yok { background: rgba(139, 26, 26, 0.12); color: var(--kirmizi, #8B1A1A); }
.ys-sonuc-devam { background: rgba(232, 120, 44, 0.15); color: var(--turuncu, #E8782C); }
.ys-aksiyon-bar {
    display: flex;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px dashed var(--cizgi, #E6E1DA);
    margin-bottom: 8px;
}
.ys-durum-not {
    font-size: 12.5px;
    color: var(--metin2, #555);
    padding: 8px 10px;
    background: var(--zemin-2, #F7F5F2);
    border-radius: 4px;
}
.ys-durum-basari {
    background: rgba(46, 125, 50, 0.08);
    color: #2E7D32;
}
.ys-durum-uyari {
    background: rgba(139, 26, 26, 0.06);
    color: var(--kirmizi, #8B1A1A);
    border-left: 3px solid var(--kirmizi, #8B1A1A);
}

/* Üst başlıkta görüşme durumu özet rozeti */
.bs-gorusme-ozet {
    margin-left: 12px;
    background: var(--zemin-2, #F7F5F2);
    border: 1px solid var(--turuncu, #E8782C);
    color: var(--turuncu, #E8782C);
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11.5px;
    font-family: var(--font-mono, monospace);
    cursor: pointer;
    user-select: none;
    transition: background 0.15s;
}
.bs-gorusme-ozet:hover {
    background: var(--turuncu, #E8782C);
    color: #fff;
}
.bs-gorusme-ozet.gizli { display: none; }

/* Anasayfa Gündem rozetleri */
.as-gundem-rozet {
    font-size: 10.5px;
    font-family: var(--font-mono, monospace);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: 10px;
    border: 1px solid transparent;
}
.as-gundem-rozet-tamam {
    background: rgba(46, 125, 50, 0.12);
    color: #2E7D32;
    border-color: rgba(46, 125, 50, 0.30);
}
.as-gundem-rozet-aktif {
    background: rgba(232, 120, 44, 0.15);
    color: var(--turuncu, #E8782C);
    border-color: var(--turuncu, #E8782C);
    animation: pulse-aktif 1.6s ease-in-out infinite;
}
@keyframes pulse-aktif {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.65; }
}
.as-gundem-rozet-sirada {
    background: #f0f0f0;
    color: #888;
    border-color: #e0e0e0;
}

/* Komisyon Divan Seçim — rol checkbox'ları */
.eg-divan-rol-kap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}
.eg-divan-rol-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--metin);
    cursor: pointer;
    user-select: none;
}
.eg-divan-rol-item input[type="checkbox"] { cursor: pointer; }

.konusmaci-sil:hover {
    color: var(--tehlike);
}

.ek-konusmaci-btn {
    background: none;
    border: none;
    color: var(--kirmizi);
    cursor: pointer;
    font-size: 11px;
    font-family: var(--font);
    padding: 2px 0;
    margin-top: 2px;
}

.ek-konusmaci-btn:hover {
    color: var(--kirmizi-koyu);
}

/* ── Otomatik Tamamlama ──────────────────────────────────────── */
.oto-dropdown {
    position: fixed;  /* document.body'ye eklenir; konum JS ile getBoundingClientRect üzerinden */
    width: 370px;
    max-height: 340px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #d1d5db;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 10000;  /* modal'ların üzerinde */
    list-style: none;
    margin: 0;
    padding: 0;
}

.oto-dropdown li {
    padding: 7px 12px;
    font-size: 12px;
    cursor: pointer;
    color: var(--metin);
}

.oto-dropdown li:hover,
.oto-dropdown li.secili {
    background: #3B82F6;
    color: #fff;
}

/* ═══════════════════════════════════════════════════════════════
   BUTONLAR
   ═══════════════════════════════════════════════════════════════ */
.btn {
    display: inline-block;
    padding: 7px 14px;
    font-size: 12px;
    font-family: var(--font);
    font-weight: 500;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}

.btn-kirmizi    { background: var(--kirmizi); }
.btn-kirmizi:hover { background: var(--kirmizi-koyu); }

.btn-basari     { background: var(--basari); }
.btn-basari:hover { background: var(--basari-koyu); }

.btn-bilgi      { background: var(--bilgi); }
.btn-bilgi:hover { background: var(--bilgi-koyu); }

.btn-uyari      { background: var(--uyari); }
.btn-uyari:hover { background: var(--uyari-koyu); }

.btn-pasif      { background: var(--pasif); }
.btn-pasif:hover { background: var(--pasif-koyu); }

.btn-tehlike    { background: var(--tehlike); }
.btn-tehlike:hover { background: var(--tehlike-koyu); }

/* ═══════════════════════════════════════════════════════════════
   MODAL
   ═══════════════════════════════════════════════════════════════ */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

.modal-icerik {
    background: var(--kart);
    display: flex;
    flex-direction: column;
    max-height: 90vh;
    box-shadow: 0 8px 30px rgba(0,0,0,0.2);
}

.modal-buyuk {
    width: 860px;
    height: 85vh;
}

.modal-orta {
    width: 580px;
    max-height: 85vh;
}

.modal-onizle {
    width: 520px;
    height: 90vh;
}

.modal-baslik {
    flex-shrink: 0;
}

.modal-govde {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
    padding: 18px 20px;
}

.modal-baslik-ic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

.modal-baslik-ic h2 {
    font-size: 14px;
    font-weight: 700;
    color: var(--metin);
}

.modal-baslik-btn {
    display: flex;
    align-items: center;
    gap: 12px;
}

.modal-kapat {
    background: none;
    border: none;
    font-size: 24px;
    color: var(--metin3);
    cursor: pointer;
    line-height: 1;
    padding: 0 4px;
}

.modal-kapat:hover {
    color: var(--metin);
}

.kirmizi-serit-baslik {
    height: 3px;
    background: var(--kirmizi);
}

.form-baslik-beyaz {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 700;
    color: var(--metin);
}

.modal-alt-bar {
    flex-shrink: 0;
    border-top: 1px solid var(--sinir);
    background: #F9F9F9;
}

.modal-alt-ic {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    gap: 8px;
}

.modal-alt-yayili {
    justify-content: space-between;
}

.alt-sag {
    display: flex;
    align-items: center;
    gap: 8px;
}

.degisiklik-metin {
    font-size: 11px;
    font-style: italic;
    color: var(--uyari);
}

/* ═══════════════════════════════════════════════════════════════
   MİLLETVEKİLİ LİSTESİ
   ═══════════════════════════════════════════════════════════════ */
.mv-arama-satir {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    gap: 12px;
    background: var(--arkaplan);
}

.arama-kutusu {
    flex: 1;
    display: flex;
    align-items: center;
    background: var(--kart);
    border: 1px solid var(--sinir);
    padding: 0 10px;
}

.arama-ikon {
    font-size: 12px;
    color: var(--metin3);
    margin-right: 6px;
}

.arama-temizle {
    border: none;
    background: transparent;
    color: var(--metin3);
    font-size: 14px;
    cursor: pointer;
    padding: 0 4px;
    line-height: 1;
}
.arama-temizle:hover { color: var(--tehlike, #dc3545); }

.arama-kutusu input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 13px;
    font-family: var(--font);
    padding: 8px 0;
    background: transparent;
    color: var(--metin);
}

.durum-metin {
    font-size: 12px;
    color: var(--metin2);
    white-space: nowrap;
}

.mv-liste-kapsayici {
    flex: 1;
    overflow-y: auto;
    padding: 0 20px 4px;
}

.mv-liste {
    border: 1px solid var(--sinir);
    background: var(--kart);
}

.mv-satir {
    padding: 8px 14px;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.1s;
}

.mv-satir:last-child {
    border-bottom: none;
}

.mv-satir:hover {
    background: #f5f5f5;
}

.mv-satir.secili {
    background: var(--kirmizi);
    color: #fff;
}

.mv-satir.pasif-satir {
    color: var(--metin3);
}

.mv-satir.secili.pasif-satir {
    color: #ffcccc;
}

.mv-ad {
    flex: 1;
    min-width: 200px;
}

.mv-il {
    width: 120px;
    text-align: left;
}

.mv-durum {
    width: 60px;
    text-align: right;
    font-size: 11px;
}

/* ═══════════════════════════════════════════════════════════════
   MİLLETVEKİLİ FORM
   ═══════════════════════════════════════════════════════════════ */
.form-govde {
    padding: 16px 20px;
    overflow-y: auto;
}

.form-satir-ikili {
    display: flex;
    gap: 16px;
    margin-bottom: 4px;
}

.form-satir-ikili .form-alan {
    flex: 1;
}

.form-alan {
    margin-bottom: 12px;
    position: relative;  /* .oto-dropdown absolute konumlanması için */
}

.form-alan label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--metin);
    margin-bottom: 4px;
}

.label-kucuk {
    font-weight: 400 !important;
    color: var(--metin2) !important;
    font-size: 11px !important;
}

.form-alan input {
    width: 100%;
    padding: 8px 10px;
    font-size: 13px;
    font-family: var(--font);
    border: 1px solid var(--sinir);
    outline: none;
    color: var(--metin);
    background: var(--kart);
    transition: border-color 0.15s;
}

.form-alan input:focus {
    border-color: var(--kirmizi);
}
.form-textarea {
    width: 100%;
    padding: 8px 10px;
    font-size: 13px;
    font-family: var(--font);
    border: 1px solid var(--sinir);
    outline: none;
    color: var(--metin);
    background: var(--kart);
    resize: vertical;
    line-height: 1.5;
    box-sizing: border-box;
}
.form-textarea:focus {
    border-color: var(--kirmizi);
}
.kt-metin-onizleme {
    background: #F0FFF0;
    border: 1px solid #A3D9A5;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 12px;
    line-height: 1.6;
}
.kt-metin-onizleme strong { display: block; margin-bottom: 4px; }
.form-alan-satir { display: flex; gap: 12px; }
.form-alan-yarim { flex: 1; }

/* Başlık durum satırı (TBMM'den çekildi / hata / yükleniyor) */
.kt-baslik-durum {
    margin-top: 6px;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.5;
    background: #F3F4F6;
    border: 1px solid #E5E7EB;
    color: #374151;
}
.kt-baslik-durum[data-tip="basari"] { background: #F0FFF0; border-color: #A3D9A5; color: #15803D; }
.kt-baslik-durum[data-tip="uyari"]  { background: #FFFBEB; border-color: #FCD34D; color: #92400E; }
.kt-baslik-durum[data-tip="yukleniyor"] { background: #EFF6FF; border-color: #93C5FD; color: #1D4ED8; }

.form-alt-bar {
    border-top: 1px solid var(--sinir);
    background: #F9F9F9;
    padding: 10px 16px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-shrink: 0;
}

/* ═══════════════════════════════════════════════════════════════
   PARTİ GRUPLARI
   ═══════════════════════════════════════════════════════════════ */
.parti-liste {
    flex: 1;
    overflow-y: auto;
    padding: 12px 16px;
}

.parti-liste-satir {
    display: flex;
    align-items: center;
    background: var(--kart);
    border: 1px solid var(--sinir);
    margin-bottom: 4px;
    padding: 8px;
    gap: 8px;
    transition: background 0.15s, border-color 0.15s;
}

.parti-liste-satir.drag-uzerinde {
    border-color: var(--kirmizi);
    background: var(--kirmizi-acik);
}

.parti-liste-satir.surukleniyor {
    opacity: 0.4;
}

.parti-sira {
    font-size: 12px;
    font-weight: 700;
    color: var(--metin3);
    width: 24px;
    text-align: right;
}

.parti-handle {
    cursor: grab;
    color: #CCC;
    font-size: 16px;
    user-select: none;
}

.parti-handle:active {
    cursor: grabbing;
}

.parti-input {
    flex: 1;
    padding: 6px 10px;
    font-size: 13px;
    font-family: var(--font);
    border: 1px solid var(--sinir);
    outline: none;
    color: var(--metin);
    background: var(--kart);
    transition: border-color 0.15s;
}

.parti-input:focus {
    border-color: var(--kirmizi);
}

.parti-liste-baslik {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    color: var(--metin3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.parti-sira-b { width: 24px; text-align: right; }
.parti-handle-b { width: 16px; }
.parti-ad-b { flex: 1; }
.parti-kisa-b { width: 120px; }
.parti-sil-b { width: 34px; }

.parti-kisa-input {
    width: 120px;
    padding: 6px 10px;
    font-size: 13px;
    font-family: var(--font);
    border: 1px solid var(--sinir);
    outline: none;
    color: var(--metin);
    background: var(--kart);
    transition: border-color 0.15s;
}

.parti-kisa-input:focus {
    border-color: var(--kirmizi);
}

.parti-sil-btn {
    background: var(--tehlike);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 13px;
    padding: 5px 10px;
    font-family: var(--font);
    transition: background 0.15s;
}

.parti-sil-btn:hover {
    background: var(--tehlike-koyu);
}

/* ═══════════════════════════════════════════════════════════════
   ÖNİZLEME
   ═══════════════════════════════════════════════════════════════ */
.onizle-ust-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: var(--kart);
    border-bottom: 1px solid var(--sinir);
    flex-shrink: 0;
}

.onizle-baslik {
    font-size: 12px;
    color: var(--metin2);
}

.onizle-zemin {
    flex: 1;
    overflow-y: auto;
    background: #9CA3AF;
    display: flex;
    justify-content: center;
    padding: 20px;
}

.onizle-golge {
    box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
    flex-shrink: 0;
}

.onizle-kagit {
    /* A5 oranı: 148mm x 210mm → ekranda ~420px x 596px */
    width: 420px;
    min-height: 596px;
    background: #fff;
    padding: 43px 23px;  /* ~15mm üst/alt, ~8mm sol/sağ */
    font-family: 'Times New Roman', Times, serif;
}

.onizle-baslik-metin {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 24px;
}

.onizle-parti {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 0;
}

.onizle-konusmaci {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

/* KT söz talebi listesi — TBMM A5 formatı (tümü/bölüm üzerinde + lehte/aleyhte) */
.onizle-ss-baslik {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.0;
    margin-bottom: 0;
}
.onizle-soz-baslik {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.0;
    margin: 0 0 0 0;
}
.onizle-bos-satir {
    line-height: 1.0;
    font-size: 16px;
}
.onizle-grup-bas {
    text-align: justify;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
}
.onizle-parti-soz {
    text-align: justify;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
.onizle-konusmaci-soz {
    text-align: justify;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

/* ═══════════════════════════════════════════════════════════════
   KANUN TEKLİFİ
   ═══════════════════════════════════════════════════════════════ */

/* Teklif listesi */
.kt-liste {
    padding: 8px 14px;
}

.kt-liste-bos {
    text-align: center;
    padding: 60px 20px;
    color: var(--metin3);
    font-size: 14px;
    line-height: 1.8;
}

.kt-liste-kart {
    display: flex;
    align-items: center;
    background: var(--kart);
    border: 1px solid var(--sinir);
    margin-bottom: 4px;
    padding: 12px 16px;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}

.kt-liste-kart:hover {
    border-color: var(--kirmizi);
    background: var(--kirmizi-acik);
}

.kt-liste-ss {
    font-size: 13px;
    font-weight: 700;
    color: var(--kirmizi);
    min-width: 0;
}

.kt-liste-bilgi {
    flex: 1;
    font-size: 13px;
    color: var(--metin2);
}

.kt-liste-sil {
    background: none;
    border: none;
    color: var(--metin3);
    cursor: pointer;
    font-size: 16px;
    padding: 4px 8px;
}

.kt-liste-sil:hover {
    color: var(--tehlike);
}

/* Usul bar */
.kt-usul-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 14px;
    background: var(--kart);
    border-bottom: 1px solid var(--sinir);
}

.kt-usul-etiket {
    font-size: 12px;
    font-weight: 600;
    color: var(--bilgi);
    background: #EFF6FF;
    padding: 4px 12px;
    border-radius: 12px;
}

.kt-madde-islem {
    display: flex;
    gap: 6px;
}

.btn-kucuk {
    padding: 4px 10px;
    font-size: 11px;
}

/* Teklif içerik alanı */
.kt-icerik {
    padding: 8px 14px 20px;
}

/* Bölüm (Tümü Üzerinde / Madde) */
.kt-bolum {
    background: var(--kart);
    border: 1px solid var(--sinir);
    margin-bottom: 6px;
}

.kt-bolum-baslik {
    display: flex;
    align-items: center;
    padding: 6px 10px;
    background: #F9F9F9;
    border-bottom: 1px solid var(--sinir);
    cursor: pointer;
    user-select: none;
}

.kt-bolum-baslik:hover {
    background: #F0F0F0;
}

.kt-bolum-ok {
    font-size: 10px;
    color: var(--metin2);
    margin-right: 8px;
    transition: transform 0.2s;
}

.kt-bolum-ok.acik {
    transform: rotate(90deg);
}

.kt-bolum-baslik-metin {
    flex: 1;
    font-size: 13px;
    font-weight: 700;
    color: var(--metin);
}

.kt-yeni-etiket {
    display: inline-block;
    background: var(--kirmizi);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
    margin-left: 8px;
    animation: kt-yeni-parlama 1.2s ease-in-out infinite alternate;
}

@keyframes kt-yeni-parlama {
    from { opacity: 1; }
    to   { opacity: 0.5; }
}

/* Temel Kanun — bölüm detay */
.kt-bolum-detay { margin-top: 8px; }
.kt-bolum-detay-satir {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}
.kt-bolum-detay-etiket {
    font-size: 13px;
    font-weight: 600;
    min-width: 70px;
}
.kt-bolum-detay-input {
    width: 60px;
    padding: 4px 6px;
    border: 1px solid var(--sinir);
    border-radius: 4px;
    font-size: 13px;
    font-family: var(--font);
    text-align: center;
}
.kt-bolum-detay-madde {
    font-size: 12px;
    color: var(--metin2);
}

/* Temel Kanun — bölüm maddeleri */
.kt-temel-madde {
    border: 1px solid var(--sinir);
    border-radius: 6px;
    padding: 8px 12px;
    margin-bottom: 6px;
    background: var(--arkaplan);
}

.kt-temel-madde-baslik {
    display: flex;
    align-items: center;
    gap: 12px;
}

.kt-temel-madde-metin {
    font-size: 13px;
    font-weight: 700;
    color: var(--metin);
    min-width: 80px;
}

.kt-temel-madde-btn {
    display: flex;
    gap: 4px;
    margin-left: auto;
}

.kt-temel-madde-btn button {
    font-size: 11px;
    padding: 2px 8px;
    border: 1px solid var(--sinir);
    background: var(--kart);
    color: var(--metin2);
    border-radius: 4px;
    cursor: pointer;
}

.kt-temel-madde-btn button:hover {
    background: var(--sinir);
}

.kt-temel-madde-btn button.tehlike {
    color: var(--tehlike, #dc3545);
    border-color: var(--tehlike, #dc3545);
}

.kt-temel-madde-btn button.tehlike:hover {
    background: var(--tehlike, #dc3545);
    color: #fff;
}

.kt-bolum-baslik .kt-bolum-btn {
    display: flex;
    gap: 4px;
}

.kt-bolum-btn button {
    background: none;
    border: 1px solid var(--sinir);
    font-size: 10px;
    font-family: var(--font);
    padding: 2px 8px;
    cursor: pointer;
    color: var(--metin2);
    transition: all 0.15s;
}

.kt-bolum-btn button:hover {
    border-color: var(--kirmizi);
    color: var(--kirmizi);
}

.kt-bolum-btn button.tehlike:hover {
    border-color: var(--tehlike);
    color: var(--tehlike);
}

/* ── Madde Türü Seçim Menüsü ────────────────────────────── */
.madde-turu-menu {
    position: fixed;
    z-index: 9999;
    background: #fff;
    border: 1px solid var(--sinir);
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    padding: 4px 0;
    min-width: 200px;
}

.madde-turu-menu button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 8px 16px;
    border: none;
    background: none;
    font-size: 13px;
    font-family: var(--font);
    color: var(--metin);
    cursor: pointer;
    transition: background 0.1s;
}

.madde-turu-menu button:hover:not(:disabled) {
    background: var(--kirmizi-acik);
    color: var(--kirmizi);
}

.madde-turu-menu button:disabled {
    color: var(--metin3);
    cursor: not-allowed;
}

/* ── Görüşme Açılsın İçerik Alanı ───────────────────────── */
.kt-gorusme-kap {
    padding: 4px 0;
}

.kt-bolum-icerik {
    padding: 4px 8px 6px;
}

.kt-bolum-icerik.kapali {
    display: none;
}

/* Şahıs adına konuşma */
.kt-sahis-baslik {
    font-size: 11px;
    font-weight: 600;
    color: var(--metin2);
    padding: 6px 0 2px;
    border-top: 1px dashed var(--sinir);
    margin-top: 4px;
}

.kt-sahis-satir {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 2px;
    position: relative;
}

/* ── Önerge ────────────────────────────────────── */
.kt-onerge-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0 4px;
    border-top: 1px dashed var(--sinir);
    margin-top: 6px;
}

.kt-onerge-toggle {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
    cursor: pointer;
}

.kt-onerge-toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}

.kt-toggle-slider {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: var(--sinir);
    border-radius: 10px;
    transition: background 0.2s;
}

.kt-toggle-slider::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 2px;
    top: 2px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
}

.kt-onerge-toggle input:checked + .kt-toggle-slider {
    background: var(--kirmizi);
}

.kt-onerge-toggle input:checked + .kt-toggle-slider::before {
    transform: translateX(16px);
}

.kt-onerge-toggle-metin {
    font-size: 11px;
    font-weight: 600;
    color: var(--metin2);
}

.kt-onerge-kap {
    padding-left: 8px;
    border-left: 3px solid var(--kirmizi);
    margin: 6px 0 4px 4px;
}

.kt-onerge-kap.gizli {
    display: none;
}

.kt-onerge {
    background: var(--arka2);
    border-radius: 6px;
    padding: 8px 10px;
    margin-bottom: 6px;
}

.kt-onerge-baslik {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    color: var(--kirmizi);
    margin-bottom: 4px;
}

.kt-onerge-sil-btn {
    font-size: 11px;
    padding: 2px 8px;
    border: 1px solid var(--tehlike, #dc3545);
    background: transparent;
    color: var(--tehlike, #dc3545);
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.kt-onerge-sil-btn:hover {
    background: var(--tehlike, #dc3545);
    color: #fff;
}

.kt-onerge-satir {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 2px;
    position: relative;
}

/* Form select */
.form-select {
    width: 100%;
    padding: 8px 10px;
    font-size: 13px;
    font-family: var(--font);
    border: 1px solid var(--sinir);
    outline: none;
    color: var(--metin);
    background: var(--kart);
    transition: border-color 0.15s;
}

.form-select:focus {
    border-color: var(--kirmizi);
}

/* ═══════════════════════════════════════════════════════════════
   BİLDİRİM (Toast)
   ═══════════════════════════════════════════════════════════════ */
.bildirim {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 12px 20px;
    color: #fff;
    font-size: 13px;
    font-family: var(--font);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    z-index: 9999;
    animation: bildirimGir 0.3s ease;
    max-width: 400px;
}

.bildirim.basari { background: var(--basari); }
.bildirim.hata   { background: var(--tehlike); }
.bildirim.bilgi  { background: var(--bilgi); }
.bildirim.uyari  { background: var(--uyari); }

@keyframes bildirimGir {
    from { transform: translateX(100%); opacity: 0; }
    to   { transform: translateX(0);    opacity: 1; }
}

/* ═══════════════════════════════════════════════════════════════
   EL GÜNDEMİ
   ═══════════════════════════════════════════════════════════════ */

/* Başkanvekili seçim barı */
.eg-bv-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    background: #fff;
    border-bottom: 1px solid var(--sinir);
}
.eg-bv-etiket {
    font-size: 13px;
    font-weight: 600;
    color: var(--metin-soluk);
    white-space: nowrap;
}
.eg-bv-secenekler {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.eg-bv-btn {
    padding: 5px 14px;
    border: 1px solid var(--sinir);
    border-radius: 20px;
    background: #fff;
    font-size: 13px;
    cursor: pointer;
    transition: all .15s;
    color: var(--metin);
}
.eg-bv-btn:hover {
    border-color: var(--kirmizi);
    color: var(--kirmizi);
}
.eg-bv-btn.eg-bv-aktif {
    background: var(--kirmizi);
    color: #fff;
    border-color: var(--kirmizi);
}
.eg-bv-bos {
    font-size: 12px;
    color: var(--metin-soluk);
    font-style: italic;
}
.eg-bv-bos.gizli { display: none; }


/* Stepper bar */
.eg-stepper {
    display: flex;
    align-items: center;
    padding: 14px 12px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid var(--sinir);
    overflow-x: auto;
    gap: 0;
}
.eg-step {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 14px;
    background: #fff;
    border: 1.5px solid #d0d0d0;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    flex-shrink: 0;
}
.eg-step:hover {
    border-color: var(--kirmizi);
    background: #fff5f5;
}
.eg-step-aktif {
    background: var(--kirmizi);
    border-color: var(--kirmizi);
    box-shadow: 0 2px 8px rgba(200, 16, 46, 0.25);
}
.eg-step-aktif .eg-step-etiket {
    color: #fff;
}
.eg-step-dolu {
    border-color: #2e7d32;
    background: #e8f5e9;
}
.eg-step-dolu .eg-step-etiket {
    color: #2e7d32;
}
.eg-step-dolu.eg-step-aktif {
    background: var(--kirmizi);
    border-color: var(--kirmizi);
}
.eg-step-dolu.eg-step-aktif .eg-step-etiket {
    color: #fff;
}
.eg-step-etiket {
    font-size: 11px;
    font-weight: 600;
    color: #555;
    letter-spacing: 0.2px;
}
.eg-step-ok {
    color: #bbb;
    font-size: 18px;
    font-weight: 300;
    margin: 0 3px;
    flex-shrink: 0;
    user-select: none;
}

/* Bölüm paneli */
.eg-bolum-panel {
    padding: 16px;
}
.eg-bolum-baslik {
    font-size: 15px;
    font-weight: 700;
    color: var(--kirmizi);
    margin: 0 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--kirmizi);
}
.eg-bolum-bos {
    font-size: 13px;
    color: #888;
    padding: 16px 0;
    text-align: center;
}
.eg-bolum-ekle {
    display: flex;
    gap: 8px;
    margin-top: 0;
    margin-bottom: 10px;
}

/* İki sütunlu yerleşim: Sol = içerik, Sağ = önizleme */
.eg-bolum-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}
.eg-bolum-sol {
    min-width: 0;
}
.eg-bolum-sag {
    position: sticky;
    top: 10px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 120px);
}
.eg-onizleme-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: #F5F5F5;
    border: 1px solid var(--sinir);
    border-bottom: none;
    border-radius: 6px 6px 0 0;
}
.eg-onizleme-baslik {
    font-size: 12px;
    font-weight: 700;
    color: var(--metin);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.eg-onizleme-icerik {
    flex: 1;
    overflow-y: auto;
    padding: 14px 18px;
    border: 1px solid var(--sinir);
    border-radius: 0 0 6px 6px;
    background: #FFF;
    font-size: 13px;
    line-height: 1.65;
    min-height: 420px;
    color: var(--metin);
}
.eg-onizleme-icerik:focus {
    outline: none;
    border-color: var(--kirmizi);
    box-shadow: 0 0 0 2px rgba(200, 16, 46, 0.1);
}
.eg-onizleme-icerik .eg-onizleme-satir {
    margin: 0 0 4px 0;
}
.eg-onizleme-icerik .eg-onizleme-orta {
    text-align: center;
}
.eg-onizleme-icerik .eg-onizleme-not {
    color: #888;
    font-style: italic;
}
.eg-onizleme-uyari {
    margin-top: 8px;
    padding: 8px 12px;
    background: #FFF7ED;
    border: 1px solid #FCD34D;
    border-radius: 6px;
    font-size: 12px;
    color: #92400E;
}

/* Dar ekranlarda tek sütun */
@media (max-width: 1100px) {
    .eg-bolum-grid {
        grid-template-columns: 1fr;
    }
    .eg-bolum-sag {
        position: static;
        max-height: none;
    }
    .eg-onizleme-icerik {
        min-height: 300px;
    }
}

/* Açılış bölümü */
.eg-acilis-saat-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
}
.eg-acilis-saat-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--metin-soluk);
    min-width: 100px;
}
.eg-acilis-saat-input {
    padding: 4px 8px;
    border: 1px solid var(--sinir);
    border-radius: 6px;
    font-size: 14px;
    width: 100px;
}

/* Kapanış bölümü (v9.18) — uzun etiketli form */
.eg-kapanis-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--metin);
    min-width: 180px;
}
.eg-kapanis-varyant {
    padding: 4px 8px;
    border: 1px solid var(--sinir);
    border-radius: 6px;
    font-size: 14px;
    min-width: 360px;
    max-width: 100%;
    background: #fff;
}
.eg-kapanis-gun-etiket {
    font-style: italic;
}
.eg-acilis-onizleme {
    margin-top: 16px;
    padding: 20px 24px;
    background: #FAFAFA;
    border: 1px solid var(--sinir);
    border-radius: 8px;
    font-family: 'Times New Roman', serif;
    font-size: 15px;
    line-height: 1.6;
}
.eg-onizleme-satir {
    margin-bottom: 2px;
}
.eg-onizleme-orta {
    text-align: center;
}
.eg-onizleme-not {
    color: #6B7280;
    font-style: italic;
}

/* v9.22: .eg-sil-btn kaldırıldı — JS/HTML'de hiç kullanılmıyordu.
   Sil ikon butonu için .konusmaci-sil kullanılmalı (standart). */

/* Gündem Dışı bölümü */
.eg-gd-baslik {
    font-size: 14px;
    font-weight: 600;
    color: var(--metin);
    margin-bottom: 8px;
}
/* Gündem Dışı — konusmaci-satir kalıbını genişletir */
.eg-gd-satir {
    margin-bottom: 6px;
}
.eg-gd-sira {
    font-size: 12px;
    font-weight: 600;
    color: var(--metin-soluk);
    min-width: 22px;
    text-align: right;
}
.eg-gd-konu { flex: 1; }

/* Yürütme Gündem Dışı — (eski) unvan/ad/soyad */
.eg-gd-unvan { flex: 2; }
.eg-gd-yad { flex: 1; }
.eg-gd-ysoyad { flex: 1; }

/* Yürütme Gündem Dışı — yeni: ad-soyad birleşik + görev readonly */
.eg-gd-adsoyad {
    flex: 1;
    position: relative;
    display: inline-flex;
}
.eg-gd-adsoyad > input {
    width: 100%;
}
.eg-gd-gorev {
    flex: 2;
    background: #F9FAFB;
    color: #555;
    cursor: default;
}
.eg-gd-gorev:focus {
    outline: none;
    border-color: var(--sinir);
}

/* Parti grubu konuşmacı bloğu (KT "tümü üzerinde" tarzı) */
.eg-gd-gruplar {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
}
.eg-gd-grup {
    border: 1px solid var(--sinir);
    border-radius: 4px;
    background: #FFF;
    overflow: hidden;
}
.eg-gd-grup.cikarilmis {
    background: #FFF8F8;
    opacity: 0.75;
}
.eg-gd-grup.cikarilmis .eg-gd-grup-alan {
    display: none;
}
.eg-gd-grup-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    background: #FAFBFC;
    border-bottom: 1px solid var(--sinir);
}
.eg-gd-grup.cikarilmis .eg-gd-grup-bar {
    border-bottom: none;
}
.eg-gd-grup-ad {
    font-size: 12px;
    font-weight: 700;
    color: var(--metin);
}
.eg-gd-grup-alan {
    padding: 6px 10px 8px;
}

/* Gündem Dışı kalem kartları (inline expand) */
.eg-kalem-ekle-bar {
    display: flex;
    align-items: center;
    padding: 4px 0 10px;
    margin-bottom: 8px;
}
.eg-gd-kart {
    background: #fff;
    border: 1px solid var(--sinir);
    border-radius: 6px;
    margin-bottom: 8px;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.eg-gd-kart:hover {
    border-color: var(--kirmizi);
}
.eg-gd-kart.dragging { opacity: 0.4; }
.eg-gd-kart.drag-over {
    border-color: var(--kirmizi);
    box-shadow: 0 0 0 2px rgba(200, 16, 46, 0.2);
}
.eg-gd-kart-baslik {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    cursor: pointer;
    user-select: none;
}
.eg-gd-kart-baslik:hover {
    background: #FAFAFA;
}
.eg-gd-kart-expand {
    font-size: 10px;
    color: var(--metin-soluk);
    transition: transform 0.15s;
}
.eg-gd-kart-baslik-text {
    flex: 1;
    font-size: 13px;
    font-weight: 600;
    color: var(--metin);
}

/* Yürütme gündem dışı — Kapalı Oturum toggle (başlığın sağında) */
.eg-gd-kapali-oturum-bar {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    user-select: none;
    margin-right: 8px;
}
.eg-gd-kapali-oturum-etiket {
    font-size: 12px;
    font-weight: 500;
    color: var(--metin-soluk);
}
.eg-gd-kapali-oturum-cb {
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: var(--kirmizi);
    margin: 0;
}
.eg-gd-kart-icerik {
    padding: 12px 16px 14px;
    border-top: 1px solid var(--sinir);
    background: #FAFBFC;
}

.eg-gd-ayar-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0 4px;
    margin-top: 12px;
    border-top: 1px solid var(--sinir);
}

/* Kalem kartları */
.eg-kalem-liste {
    padding: 0;
    margin-bottom: 4px;
}
.eg-kalem-kart {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    margin-bottom: 6px;
    background: #fff;
    border: 1px solid var(--sinir);
    border-radius: 6px;
    cursor: grab;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.eg-kalem-kart:hover {
    border-color: var(--kirmizi);
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}
.eg-kalem-kart.dragging {
    opacity: 0.4;
}
.eg-kalem-kart.drag-over {
    border-color: var(--kirmizi);
    box-shadow: 0 0 0 2px rgba(200, 16, 46, 0.2);
}
.eg-kalem-handle {
    cursor: grab;
    color: #aaa;
    font-size: 16px;
    user-select: none;
    flex-shrink: 0;
}
.eg-kalem-sira {
    font-weight: 700;
    font-size: 14px;
    color: #333;
    min-width: 24px;
    flex-shrink: 0;
}
.eg-kalem-tip {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    white-space: nowrap;
    flex-shrink: 0;
}
.eg-tip-go {
    background: #e8f5e9;
    color: #2e7d32;
}
.eg-tip-kt {
    background: #e3f2fd;
    color: #1565c0;
}
.eg-tip-sunus {
    background: #fff3e0;
    color: #e65100;
}
.eg-sunus-kategori-baslik {
    font-size: 11px;
    font-weight: 700;
    color: var(--metin-soluk);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px 0 4px;
    border-bottom: 1px solid var(--sinir);
    margin-bottom: 4px;
}
.eg-sunus-kategori-baslik:first-child {
    padding-top: 0;
}
.eg-kalem-baslik {
    flex: 1;
    font-size: 13px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.eg-kalem-sil {
    background: none;
    border: none;
    color: #999;
    cursor: pointer;
    font-size: 14px;
    padding: 2px 6px;
    border-radius: 4px;
    flex-shrink: 0;
    transition: color 0.15s, background 0.15s;
}
.eg-kalem-sil:hover {
    color: var(--kirmizi);
    background: rgba(200, 16, 46, 0.08);
}
/* KT seçim modalı kartları */
.eg-kt-sec-kart {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    margin-bottom: 6px;
    background: #fff;
    border: 1px solid var(--sinir);
    border-radius: 6px;
    cursor: pointer;
    transition: border-color 0.15s;
}
.eg-kt-sec-kart:hover {
    border-color: var(--kirmizi);
}
.eg-kt-sec-eklendi {
    opacity: 0.4;
    cursor: default;
}
.eg-kt-sec-eklendi:hover {
    border-color: var(--sinir);
}
.eg-kt-sec-ss {
    font-weight: 700;
    font-size: 13px;
    color: var(--kirmizi);
    white-space: nowrap;
    min-width: 60px;
}
.eg-kt-sec-baslik {
    flex: 1;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.eg-kt-sec-usul {
    font-size: 11px;
    color: #888;
    white-space: nowrap;
}

/* ── Komisyonlar Bölümü ───────────────────────────────────── */
.eg-kom-ss {
    font-weight: 700;
    font-size: 13px;
    color: var(--kirmizi);
    white-space: nowrap;
    margin-right: 6px;
}
.eg-kom-usul-badge {
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 3px;
    background: #e8e8e8;
    color: #555;
    white-space: nowrap;
    margin-right: 4px;
}
.eg-kom-usul-badge.temel {
    background: #e3f2fd;
    color: #1565c0;
}
.eg-kom-durum-badge {
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 3px;
    background: #e8f5e9;
    color: #2e7d32;
    white-space: nowrap;
    margin-right: auto;
}
.eg-kom-durum-badge.devam {
    background: #fff3e0;
    color: #e65100;
}
.eg-kom-form-alan {
    margin-bottom: 10px;
}
.eg-kom-form-alan > label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 3px;
    color: #555;
}
.eg-kom-form-satir {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.eg-kom-form-satir > label {
    font-size: 12px;
    cursor: pointer;
}
.eg-kom-durum-label {
    font-size: 12px;
    font-weight: 600;
    color: #555;
    white-space: nowrap;
}
.eg-kom-textarea {
    width: 100%;
    font-size: 12px;
    padding: 6px 8px;
    border: 1px solid var(--sinir);
    border-radius: 4px;
    resize: vertical;
    font-family: inherit;
    box-sizing: border-box;
}
.eg-kom-textarea:focus {
    border-color: var(--kirmizi);
    outline: none;
}
.eg-kom-select {
    font-size: 12px;
    padding: 4px 8px;
    border: 1px solid var(--sinir);
    border-radius: 4px;
}
.eg-kom-la-konusmacilar {
    margin-top: 6px;
    padding: 8px;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
}
.eg-kom-la-etiket {
    font-size: 11px;
    font-weight: 600;
    color: #888;
    margin-bottom: 2px;
    margin-top: 6px;
}
.eg-kom-la-etiket:first-child {
    margin-top: 0;
}
.eg-kom-cetveli-kap {
    display: inline-flex;
    gap: 4px;
    margin-right: auto;
    flex-wrap: wrap;
}
.eg-kom-cetveli-kap .cetveli-baslik-btn {
    font-size: 10px;
    padding: 1px 6px;
}

/* KT kalem butonları — tasarım çerçevesine uygun, iki varyantlı */
/* Temel (ikincil): bordo çerçeveli, beyaz arka plan */
.eg-kom-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #fff;
    color: var(--kirmizi, #8B1A1A);
    border: 1px solid var(--kirmizi, #8B1A1A);
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
    transition: background 0.15s ease, color 0.15s ease, transform 0.08s ease;
}
.eg-kom-btn:hover:not(:disabled) {
    background: var(--kirmizi, #8B1A1A);
    color: #fff;
}
.eg-kom-btn:active:not(:disabled) {
    transform: translateY(1px);
}
.eg-kom-btn:disabled {
    border-color: #ccc;
    color: #999;
    cursor: not-allowed;
}

/* v9.22: .eg-kom-btn-primary kaldırıldı — JS/HTML'de hiç kullanılmıyordu.
   Birincil aksiyon butonu gerekirse: .btn.btn-kirmizi.btn-kucuk kullanın. */

/* Kart üst buton barı — önerge cetveli + görüşme durumu */
.eg-kom-arac-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px dashed var(--sinir, #e6e1da);
}

/* KT Lehte/Aleyhte panel */
.kt-la-panel {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fafafa;
}
.kt-la-baslik {
    display: flex;
    align-items: center;
    gap: 6px;
}
.kt-la-icerik {
    margin-top: 8px;
    padding: 8px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
}
.kt-la-etiket {
    font-size: 11px;
    font-weight: 600;
    color: #888;
    margin-bottom: 2px;
    margin-top: 6px;
}
.kt-la-etiket:first-child {
    margin-top: 0;
}

/* ═══════════════════════════════════════════════════════════════
   YAZICI ÇIKTISI
   ═══════════════════════════════════════════════════════════════ */
@media print {
    @page {
        size: A5;
        margin: 0;
    }

    body * {
        visibility: hidden !important;
    }

    #yazdir-icerik,
    #yazdir-icerik * {
        visibility: visible !important;
    }

    #yazdir-icerik {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 15mm 8mm;
        font-family: 'Times New Roman', Times, serif;
        font-size: 16pt;
    }

    #yazdir-icerik .yazdir-baslik {
        text-align: center;
        font-weight: 700;
        margin-bottom: 24pt;
    }

    #yazdir-icerik .yazdir-parti {
        font-weight: 700;
        line-height: 24pt;
    }

    #yazdir-icerik .yazdir-konusmaci {
        font-weight: 400;
        line-height: 24pt;
    }
}

/* ═══════════════════════════════════════════════════════════════
   ÖNERGE CETVELİ
   ═══════════════════════════════════════════════════════════════ */
.modal-cetveli {
    width: 1100px;
    max-width: 95vw;
    height: 85vh;
}

.cetveli-baslik-btn {
    font-size: 11px;
    padding: 3px 10px;
    margin-right: 8px;
    background: var(--bilgi, #3B82F6);
    color: #fff;
    border: none;
    cursor: pointer;
    font-family: var(--font);
    white-space: nowrap;
    transition: background 0.15s;
}

.cetveli-baslik-btn:hover {
    background: #2563EB;
}

.cetveli-tablo-kap {
    flex: 1;
    overflow: auto;
    padding: 12px 16px;
}

.cetveli-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.cetveli-tablo th {
    background: #F0F0F0;
    border: 1px solid var(--sinir);
    padding: 6px 8px;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 1;
    white-space: nowrap;
}

.cetveli-tablo td {
    border: 1px solid var(--sinir);
    padding: 0;
    text-align: center;
    height: 30px;
}

.cetveli-tablo td.madde-no {
    padding: 4px 10px;
    font-weight: 600;
    font-size: 11px;
    white-space: nowrap;
    text-align: left;
    background: #FAFAFA;
}

.cetveli-tablo td.toplam {
    font-weight: 700;
    background: #F5F5F5;
    padding: 0 8px;
}

.cetveli-hucre {
    display: flex;
    height: 100%;
    min-height: 30px;
}

.cetveli-sira {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-right: 1px solid #E0E0E0;
    user-select: none;
    min-width: 28px;
    font-weight: 600;
    font-size: 13px;
    transition: background 0.1s;
}

.cetveli-aynilik {
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 10px;
    font-weight: 700;
    color: var(--bilgi, #3B82F6);
    user-select: none;
    transition: background 0.1s;
}

.cetveli-sira:hover {
    background: #EEF2FF;
}

.cetveli-aynilik:hover {
    background: #FEF3C7;
}

.cetveli-hucre.aktif .cetveli-sira {
    background: #DCFCE7;
}

.cetveli-hucre.aktif .cetveli-sira:hover {
    background: #BBF7D0;
}

.cetveli-hucre.aktif .cetveli-aynilik {
    background: #D1FAE5;
}

.cetveli-aynilik-menu {
    position: fixed;
    background: white;
    border: 1px solid var(--sinir);
    box-shadow: 0 2px 12px rgba(0,0,0,0.18);
    z-index: 300;
    min-width: 50px;
}

.cetveli-aynilik-menu button {
    display: block;
    width: 100%;
    padding: 6px 16px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 12px;
    font-family: var(--font);
    text-align: center;
    font-weight: 600;
}

.cetveli-aynilik-menu button:hover {
    background: #EEF2FF;
}

/* ── Grup Önerge Konuşmacıları ─────────────────────────── */
/* v9.22: .grup-onerge-btn kaldırıldı — JS/HTML'de hiç kullanılmıyordu */

.grup-onerge-menu {
    position: fixed;
    background: white;
    border: 1px solid var(--sinir);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 200;
    min-width: 160px;
    border-radius: 4px;
    overflow: hidden;
}

.grup-onerge-menu button {
    display: block;
    width: 100%;
    padding: 8px 14px;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    font-size: 13px;
    font-family: var(--font);
}

.grup-onerge-menu button:hover {
    background: #EEF2FF;
}

.modal-grup-onerge {
    width: 700px;
    max-width: 95vw;
    height: 85vh;
    display: flex;
    flex-direction: column;
}

.grup-onerge-icerik {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}

.grup-onerge-satir {
    display: flex;
    align-items: center;
    padding: 6px 16px;
    border-bottom: 1px solid #F0F0F0;
    min-height: 40px;
}

.grup-onerge-satir:nth-child(even) {
    background: #FAFAFA;
}

.grup-onerge-madde-adi {
    width: 200px;
    font-weight: 600;
    font-size: 13px;
    flex-shrink: 0;
    padding-right: 12px;
}

.grup-onerge-input-alan {
    flex: 1;
    position: relative;
}

.grup-onerge-soluk input { color: #999; }
.grup-onerge-soluk input::placeholder { color: #bbb; font-style: italic; }
.grup-onerge-soluk .konusmaci-il,
.grup-onerge-soluk .konusmaci-tercih { color: #999; }
/* v9.138 (Part A): .grup-onerge-kabul-select kaldırıldı — dropdown EG toggle ile değiştirildi. */

/* OCR güven renkleri */
.ocr-guven-yuksek { border-left: 3px solid #22C55E; }
.ocr-guven-orta { border-left: 3px solid #F59E0B; }
.ocr-guven-dusuk { border-left: 3px solid #EF4444; background: #FEF2F2; }

.grup-onerge-yok {
    color: #999;
    font-style: italic;
    font-size: 12px;
}

/* Gerekçe seçeneği autocomplete */
.oto-gerekce {
    border-top: 1px solid #E8E8E8;
    color: var(--bilgi);
    font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════════
   OCR KAMERA
   ═══════════════════════════════════════════════════════════════ */
#ocr-modal { z-index: 200; }

.ocr-api-ayar {
    border: 1px dashed var(--sinir);
    padding: 12px;
    margin-bottom: 14px;
    border-radius: 4px;
    background: #FAFAFA;
}
.ocr-api-ayar .form-input {
    padding: 7px 10px;
    font-size: 13px;
    border: 1px solid var(--sinir);
    border-radius: 3px;
    outline: none;
}
.ocr-api-ayar .form-input:focus {
    border-color: var(--kirmizi);
}
.ocr-kamera-secim {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.ocr-kamera-secim select {
    flex: 1;
    padding: 6px 10px;
    font-size: 13px;
    border: 1px solid var(--sinir);
    border-radius: 3px;
    background: #fff;
}
.ocr-video-kap {
    background: #000;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ocr-video-kap video {
    width: 100%;
    max-height: 420px;
    object-fit: contain;
}
#ocr-canvas {
    width: 100%;
    border-radius: 4px;
    display: block;
}
.ocr-altbar {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    justify-content: center;
}
#ocr-sonuc {
    width: 100%;
    font-size: 13px;
    padding: 10px;
    border: 1px solid var(--sinir);
    border-radius: 3px;
    resize: vertical;
    font-family: 'Consolas', 'Courier New', monospace;
    line-height: 1.5;
    box-sizing: border-box;
}
#ocr-sonuc:focus {
    border-color: var(--kirmizi);
    outline: none;
}
.ocr-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #eee;
    border-top: 4px solid var(--kirmizi);
    border-radius: 50%;
    animation: ocrSpin 0.8s linear infinite;
    margin: 40px auto 16px;
}
@keyframes ocrSpin { to { transform: rotate(360deg); } }
#ocr-yukleniyor {
    text-align: center;
    padding: 30px 20px;
}
#ocr-hata {
    color: var(--tehlike);
    padding: 12px;
    background: #FEF2F2;
    border-radius: 4px;
    margin-top: 10px;
    font-size: 13px;
    white-space: pre-line;
    line-height: 1.5;
}

/* ═══════════════════════════════════════════════════════════════
   MOBİL UYUM (RESPONSIVE)
   ═══════════════════════════════════════════════════════════════ */

/* Mobil menü butonu (hamburger) */
.mobil-menu-btn {
    display: none;
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 201;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 8px;
    background: var(--sidebar);
    color: white;
    font-size: 22px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* Mobil overlay (sidebar açıkken arka plan karartma) */
.mobil-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 149;
}
.mobil-overlay.acik { display: block; }

/* ── 768px altı: Tablet ve telefon ─────────────────────────── */
@media (max-width: 768px) {
    body {
        flex-direction: column;
        overflow: auto;
    }

    /* Hamburger butonu göster */
    .mobil-menu-btn {
        display: flex !important;
    }

    /* Sidebar: offcanvas olarak sola gizle */
    #sidebar {
        position: fixed;
        left: -260px;
        top: 0;
        width: 250px;
        min-width: 250px;
        height: 100vh;
        z-index: 200;
        transition: left 0.25s ease;
        overflow-y: auto;
    }
    #sidebar.mobil-acik {
        left: 0;
    }

    /* Ana içerik tam genişlik */
    #icerik {
        width: 100%;
        height: 100vh;
        padding-top: 52px; /* hamburger butonuna yer aç */
    }

    /* Modallar tam ekran */
    .modal-buyuk,
    .modal-orta,
    .modal-onizle {
        width: 95vw !important;
        max-width: 95vw !important;
        height: 90vh !important;
        max-height: 90vh !important;
    }

    .modal-icerik {
        border-radius: 8px;
    }

    /* Grup önerisi kartları dikey */
    #parti-kartlari {
        flex-direction: column;
    }

    /* Kanun teklifi form inputları */
    .kt-madde-satir {
        flex-wrap: wrap;
    }

    /* Önerge cetveli yatay scroll */
    .cetveli-tablo-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Daha küçük font */
    .sidebar-btn { font-size: 13px; padding: 8px 12px; }
    .modal-baslik-ic h2 { font-size: 13px; }
    .btn { font-size: 12px; padding: 6px 10px; }
}

/* ── 480px altı: Küçük telefon ─────────────────────────────── */
@media (max-width: 480px) {
    .giris-kutu {
        padding: 32px 24px;
        width: 95vw;
    }
    .giris-logo { width: 60px; }
    .giris-kutu h2 { font-size: 20px; }

    #icerik { padding-top: 52px; }

    .modal-buyuk,
    .modal-orta,
    .modal-onizle {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 95vh !important;
        max-height: 95vh !important;
        border-radius: 0 !important;
    }

    .sablon-baslik-ic {
        flex-wrap: wrap;
        gap: 6px;
    }

    /* Admin tablosu yatay scroll */
    .admin-tablo { font-size: 11px; }
    .admin-tablo th, .admin-tablo td { padding: 6px; }
}

/* ═══════════════════════════════════════════════════════════════
   v9.121 MOBILE UI FIX'LERİ — Chrome MCP UI sweep bulgularına göre
   F1: Anasayfa aktif birleşim kartında başlık ekran dışına kayıyordu
   F2: Modal başlığı hamburger butonu altında gizleniyordu
   F3: KT bölüm/madde başlık+buton barları satıra sığmıyor (overflow)
   F4: Cetvel modal başlığı 3 satıra kırılıyordu (mobile-spesifik kısaltma)
   GUARD: body.overflow-x mobile-only — desktop ASLA dokunulmadı.
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* GUARD — Defansif: yatay scroll'u mobile'da global engelle.
       Desktop'ta bu kural EVALUATION dahi etmez (@media filtresi). */
    html, body { overflow-x: hidden; }

    /* F1 — Anasayfa aktif birleşim kart başlığı taşmasın */
    .as-aktif-bir {
        padding: 16px 14px;       /* desktop 22/24 → mobile daha kompakt */
    }
    .as-aktif-bir h1,
    .as-aktif-bir h2,
    .as-aktif-bir h3,
    .as-aktif-bir [class*="bir-no"],
    .as-aktif-bir [class*="bir-baslik"] {
        font-size: 22px !important;          /* desktop büyük punto → mobile küçük */
        line-height: 1.2;
        word-break: break-word;
        white-space: normal;
        max-width: 100%;
    }
    .as-aktif-bir .as-kart-bas,
    .as-aktif-bir .as-kart-bas-sol {
        flex-wrap: wrap;
        gap: 6px;
    }
    .as-bir-rozet,
    .as-bir-rozet-bitti,
    .as-bir-rozet-devam,
    .as-bir-rozet-ara,
    .as-bir-rozet-bekliyor {
        flex-shrink: 0;            /* rozet küçük kalsın taşma yapmasın */
        font-size: 11px;
    }

    /* F2 — Modal başlığı hamburger butonu (mobil-menu-btn) arkasında kalmasın
       Hamburger 16px+24px+8px = ~48px yer kaplıyor sol üstten.
       v9.121.1: Modal yapıları farklı (bazılarında .modal-baslik-ic, bazılarında
       direkt .modal-baslik > h2). Her iki yapıyı da hedefle. */
    .modal-baslik-ic,
    .modal-baslik > h2,
    .modal-baslik .form-baslik-beyaz,
    .modal-baslik h2 {
        padding-left: 48px !important;
        flex-wrap: wrap;
        gap: 6px;
        word-break: break-word;
        white-space: normal;
        line-height: 1.2;
    }

    /* F3 — KT bölüm + madde başlık barları + buton grupları sıkışmasın */
    .kt-bolum-baslik,
    .kt-temel-madde-baslik,
    .kt-madde-baslik {
        flex-wrap: wrap !important;
        gap: 6px !important;
        align-items: flex-start;
    }
    .kt-temel-madde-btn,
    .kt-madde-btn,
    .kt-bolum-btn {
        flex-wrap: wrap;
        gap: 4px;
    }
    .kt-temel-madde-btn button,
    .kt-madde-btn button,
    .kt-bolum-btn button {
        font-size: 11px;
        padding: 4px 8px;
    }

    /* F3 ek — ContextBar ve sablon başlık barı */
    .bs-baglam,
    .ctx-bar,
    .sablon-baslik-bar,
    .sablon-baslik-ic,
    .sablon-butonlar {
        flex-wrap: wrap !important;
        gap: 6px !important;
    }
    /* Sablon "+" butonları (Yeni Birleşim, Yeni Teklif vs) tam metin sığsın */
    .sablon-butonlar .btn,
    .sablon-baslik-ic .btn {
        white-space: nowrap;        /* "Yeni Birleş..." kesilmesin, kart altına insin */
    }

    /* F4 — Cetvel modal başlığı 3 satıra kırılıyordu */
    .cetveli-baslik-btn,
    .cetveli-modal h2,
    .cetveli-modal-baslik h2,
    .cetveli-modal-baslik {
        font-size: 13px !important;
        line-height: 1.3;
        white-space: normal;
        word-break: break-word;
    }
}

@media (max-width: 480px) {
    /* F1 daha agresif — küçük telefonda */
    .as-aktif-bir h1,
    .as-aktif-bir h2,
    .as-aktif-bir [class*="bir-no"],
    .as-aktif-bir [class*="bir-baslik"] {
        font-size: 18px !important;
    }
    /* Cetvel modal başlığı çok küçük telefonda daha kompakt */
    .cetveli-modal h2,
    .cetveli-modal-baslik h2 {
        font-size: 12px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
   BİRLEŞİM ÖZETİ — başlık altında inline Nöbetçi Divan satırı
   v9.70: ayrı sekme kaldırıldı, etiket-değer çifti tıklanınca
   yerinde dropdown'a dönüşür.
   ═══════════════════════════════════════════════════════════════ */
.ozet-kap {
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ozet-baslik {
    margin: 0;
    font-size: 20px;
    color: var(--metin);
}
.ozet-nbd-satir {
    font-size: 14px;
    color: var(--metin);
    line-height: 1.7;
}
.ozet-nbd-cift {
    cursor: pointer;
    padding: 3px 6px;
    border-radius: 4px;
    border: 1px dashed var(--cizgi, #d8d2c4);
    transition: background 0.12s, border-color 0.12s;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.ozet-nbd-cift:hover {
    background: var(--zemin-2, #fafafa);
    border-color: var(--kirmizi, #8B1A1A);
    border-style: solid;
}
.ozet-nbd-cift:hover .ozet-nbd-ok {
    color: var(--kirmizi, #8B1A1A);
}
.ozet-nbd-etiket {
    font-weight: 600;
    color: var(--metin-2, #555);
}
.ozet-nbd-ad {
    color: var(--metin);
}
.ozet-nbd-ok {
    color: var(--metin-3, #999);
    font-size: 11px;
    line-height: 1;
    transition: color 0.12s;
    margin-left: 2px;
}
.ozet-nbd-ayrac {
    color: var(--metin-3, #999);
    margin: 0 4px;
}
.ozet-nbd-select {
    padding: 4px 8px;
    border: 1px solid var(--kirmizi, #8B1A1A);
    border-radius: 4px;
    font-size: 13px;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 0 0 3px rgba(139, 26, 26, 0.08);
}
.ozet-nbd-select:focus {
    outline: none;
}
.ozet-placeholder-metin {
    margin: 8px 0 0;
    color: var(--metin-3, #888);
    font-style: italic;
}
.ozet-yukleniyor, .ozet-hata {
    padding: 24px 20px;
    color: var(--metin-3, #888);
    font-style: italic;
}

/* ═══════════════════════════════════════════════════════════════
   GRUP BAŞKAN VE BAŞKANVEKİLLERİ (birleşim sekmesi)
   ═══════════════════════════════════════════════════════════════ */
.gbv-form {
    max-width: 760px;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.gbv-baslik {
    margin: 0 0 4px;
    font-size: 20px;
    color: var(--metin);
}
.gbv-aciklama {
    margin: 0 0 8px;
    color: var(--metin-2, #666);
    font-size: 13px;
    line-height: 1.5;
}
.gbv-buton-bar {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}
.gbv-parti-kap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.gbv-parti-kart {
    padding: 14px 18px;
    background: var(--zemin-2, #fafafa);
    border: 1px solid var(--cizgi, #e0e0e0);
    border-radius: 6px;
    transition: opacity 0.15s, box-shadow 0.15s;
}
/* v9.111: Drag-drop görselleri */
.gbv-parti-kart.gbv-dragging {
    opacity: 0.5;
}
.gbv-parti-kart.gbv-drag-over {
    box-shadow: 0 0 0 2px #E8782C;
    border-color: #E8782C;
}
.gbv-parti-baslik {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--cizgi, #e0e0e0);
}
.gbv-drag-handle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    cursor: grab;
    color: var(--metin-3, #888);
    font-size: 16px;
    line-height: 1;
    user-select: none;
    -webkit-user-select: none;
    border-radius: 4px;
    transition: background 0.15s, color 0.15s;
}
.gbv-drag-handle:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #E8782C;
}
.gbv-drag-handle:active { cursor: grabbing; }
.gbv-parti-ad {
    margin: 0;
    font-size: 15px;
    color: var(--metin);
    padding-bottom: 0;
    border-bottom: none;
    flex: 1;
}
.gbv-mv-satir {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 4px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 3px;
}
.gbv-mv-satir:hover { background: rgba(0, 0, 0, 0.03); }
.gbv-mv-satir input[type="checkbox"] { cursor: pointer; }
.gbv-mv-ad { font-weight: 500; flex: 0 0 auto; }
.gbv-mv-gorev {
    color: var(--metin-3, #888);
    font-size: 12px;
    margin-left: auto;
    font-style: italic;
}
.gbv-yukleniyor, .gbv-hata, .gbv-bos {
    padding: 24px 20px;
    color: var(--metin-3, #888);
    font-style: italic;
}

/* ═════════════════════════════════════════════════════════════
   v9.113 — VIEW-ONLY MOD (Kilitli Alana Görüntüleme Erişimi)
   ═════════════════════════════════════════════════════════════ */

/* Üst sticky banner */
.view-only-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    font-family: Inter, system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 500;
    z-index: 99998;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.view-only-bar-icon { font-size: 16px; }
.view-only-bar-sahip { font-weight: 700; }
body.view-only-mod { padding-top: 44px; }

/* Kapsayıcıya .view-only-aktif class'ı eklendiğinde tüm form öğeleri devre dışı:
   - Pointer events kapalı (tıklanamaz)
   - Görsel olarak biraz soluk
   - Buton/input ortak davranır
   - .view-only-ok class'lı öğeler beyaz listede (Yazdır/Önizle/Kapat gibi pasif butonlar) */
.view-only-aktif input:not(.view-only-ok),
.view-only-aktif select:not(.view-only-ok),
.view-only-aktif textarea:not(.view-only-ok),
.view-only-aktif button:not(.view-only-ok):not(.modal-kapat) {
    pointer-events: none !important;
    opacity: 0.55 !important;
    cursor: not-allowed !important;
}
/* Drag handle, toggle, contenteditable gibi özel etkileşimler de bloke */
.view-only-aktif .gbv-drag-handle,
.view-only-aktif .kt-sonuc-toggle,
.view-only-aktif .kt-degisiklik-toggle,
.view-only-aktif .eg-ihdas-toggle,
.view-only-aktif .eg-ihdas-oylama-toggle,
.view-only-aktif [draggable="true"] {
    pointer-events: none !important;
    opacity: 0.55 !important;
}
.view-only-aktif [contenteditable="true"] {
    pointer-events: none !important;
    background: #fafafa !important;
}
/* Form alanlarına ek görsel — soluk arka plan */
.view-only-aktif input:not([type="checkbox"]):not([type="radio"]):not(.view-only-ok),
.view-only-aktif select:not(.view-only-ok),
.view-only-aktif textarea:not(.view-only-ok) {
    background: #f5f5f5 !important;
    color: #555 !important;
}

/* Birleşim Özeti placeholder */
.ozet-placeholder {
    padding: 40px 20px;
    color: var(--metin-3, #888);
    max-width: 640px;
}
.ozet-placeholder h3 { margin: 0 0 8px; font-size: 20px; color: var(--metin); }
.ozet-placeholder p { margin: 0; }

/* ══════════════════════════════════════════════════════════════
   FORM KONVANSİYONU (v9.24 — FAZ B) — Gelecek Kodlar İçin Standart
   --------------------------------------------------------------
   Yeni form eklerken aşağıdaki 3 temel class'ı kullanın. Modül-özel
   yeni kart/satır/bar class'ı YARATMAYIN (tutarsızlığa yol açar).

   ┌─────────────────────────────────────────────────────────┐
   │ AMAÇ                 | STANDART CLASS                │
   ├─────────────────────────────────────────────────────────┤
   │ Form kartı           | .form-kart                     │
   │ Form satırı (yatay)  | .form-satir                    │
   │ Toolbar / buton barı | .form-bar                      │
   └─────────────────────────────────────────────────────────┘

   Mevcut modül-özel class'lar (yeni kod üretmeyin, kullanıyorsanız
   bırakın): .eg-gd-kart, .eg-kalem-kart, .eg-cb92-grup-kart,
   .kt-grup-kart, .konusmaci-satir, .eg-acilis-saat-bar, vb.

   Bu generic class'lar mevcut CSS'ten EKSİK değerleri tanımlar;
   modül-özel overrides CSS cascade'de ekleme yapar. Yeni form
   eklerken modifier class'larla özelleştirin (örn. .form-kart.kompakt).
   ══════════════════════════════════════════════════════════════ */
.form-kart {
    background: #fff;
    border: 1px solid var(--sinir);
    border-radius: 6px;
    padding: 10px 12px;
    margin-bottom: 8px;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.form-kart:hover {
    border-color: var(--kirmizi);
}
.form-satir {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}
.form-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px dashed var(--sinir);
}

/* ══════════════════════════════════════════════════════════════
   BUTON KONVANSİYONU (v9.22) — UI Tutarlılık Rehberi
   --------------------------------------------------------------
   Yeni buton eklerken aşağıdaki standart class'ları kullanın.
   Modül-özel yeni class YARATMAYIN (tutarlılığı bozar).

   ┌─────────────────────────────────────────────────────────┐
   │ AMAÇ                    | STANDART CLASS              │
   ├─────────────────────────────────────────────────────────┤
   │ Büyük birincil (kırmızı)| .btn.btn-kirmizi             │
   │ Büyük ikincil (outline) | .btn.btn-pasif               │
   │ Büyük bilgi (mavi)      | .btn.btn-bilgi               │
   │ Büyük başarı (yeşil)    | .btn.btn-basari              │
   │ Büyük tehlike (kırmızı) | .btn.btn-tehlike             │
   │ Büyük uyarı (turuncu)   | .btn.btn-uyari               │
   │ Küçük variant (modifier)| .btn.btn-X.btn-kucuk         │
   │ İkon ✕ sil (minimal)    | .konusmaci-sil               │
   │ "+ Ekle" küçük text btn | .ek-konusmaci-btn            │
   │ Outline küçük aksiyon   | .eg-kom-btn (bordo, hover:fill) │
   └─────────────────────────────────────────────────────────┘

   Spesifik kalıcılar (modül-özel olduğu için kalan):
   .eg-bv-btn, .kt-bolum-btn, .kt-temel-madde-btn,
   .kt-onerge-sil-btn (outline sil), .parti-sil-btn (dolu sil),
   .gy-islem-btn (satır-içi ikon), .cetveli-baslik-btn (bilgi dolu),
   .go-konusmaci-listeleri-btn (bilgi dolu)

   v9.22 temizliği: .toggle-btn → .eg-kom-btn; .eg-kom-btn-primary,
   .grup-onerge-btn, .gy-islem-sil, .eg-sil-btn kaldırıldı (dead CSS).
   ══════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════
   FAZ A.1 (v9.21) — Generic Form Sınıfları
   --------------------------------------------------------------
   app.js içinde tekrarlayan style.cssText pattern'larının yerini
   alır. Yeni kodlar bu sınıfları kullanmalı; eskiler kademeli
   olarak dönüştürülüyor. Amaç: tutarlılık ve tek noktadan bakım.
   ══════════════════════════════════════════════════════════════ */

/* Form başlığı / label (küçük boy, bold) — "Bakan adı" "Komisyonlar" vb.
   Eski: style.cssText = 'display:block;font-size:13px;font-weight:600;margin-bottom:6px;' */
.form-label-sm {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
}
/* 4px varyant */
.form-label-xs {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 4px;
}

/* İki uç arasında yayılan flex satır — genelde "başlık + sil butonu"
   Eski: style.cssText = 'display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;' */
.form-row-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

/* Yatay flex satır (gap 8px) — yan yana buton grupları vb.
   Eski: style.cssText = 'display:flex;gap:8px;margin-bottom:10px;' */
.form-row-gap {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

/* Dikey stack (flex-column, gap 6px) — form alanlarının dikey grubu
   Eski: style.cssText = 'display:flex;flex-direction:column;gap:6px;' */
.form-stack {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Küçük chip / etiket buton (11px, kompakt padding)
   Eski: style.cssText = 'font-size:11px;padding:3px 8px;' */
.form-chip-sm {
    font-size: 11px;
    padding: 3px 8px;
}

/* Chip buton varyantı (yanında margin + tek satır)
   Eski: style.cssText = 'font-size:11px;padding:4px 10px;margin-right:8px;white-space:nowrap;' */
.form-chip-btn {
    font-size: 11px;
    padding: 4px 10px;
    margin-right: 8px;
    white-space: nowrap;
}

/* Küçük italik not (soluk renkte) — form içi açıklamalar
   Eski: style.cssText = 'font-style:italic;color:var(--metin-soluk);font-size:12px;' */
.form-note-italic {
    font-style: italic;
    color: var(--metin-soluk);
    font-size: 12px;
}

/* Toggle / aksiyon satırı (margin top, sol hizalı küçük)
   Eski: style.cssText = 'margin-top:4px;align-self:flex-start;font-size:11px;' */
.form-chip-start {
    margin-top: 4px;
    align-self: flex-start;
    font-size: 11px;
}

/* ═══════════════════════════════════════════════════════════════
   İşlem Kayıtları Paneli (Loglama v2 — FAZ 4)
   ═══════════════════════════════════════════════════════════════ */
.log-panel {
    max-width: 1400px;
    width: 95vw;
}

/* Modal başlığında aksiyon butonları (CSV + Ayarlar + ✕) */
.log-baslik-aksiyonlar {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* İstatistik kartları */
.log-istatistik {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    padding: 14px 16px 8px 16px;
    border-bottom: 1px solid var(--cizgi);
}
.log-stat-kart {
    background: var(--zemin-2, #F7F5F2);
    border: 1px solid var(--cizgi);
    border-radius: 6px;
    padding: 10px 12px;
    text-align: center;
}
.log-stat-deger {
    font-size: 22px;
    font-weight: 700;
    color: var(--metin);
    font-family: var(--font-mono, ui-monospace, monospace);
    line-height: 1.2;
}
.log-stat-baslik {
    font-size: 11px;
    color: var(--metin-soluk);
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.log-stat-uyari .log-stat-deger {
    color: #B8860B;
}
.log-stat-uyari[data-deger="0"] .log-stat-deger {
    color: var(--metin-soluk);
}

/* Filtre çubuğu */
.log-filtre-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    padding: 12px 16px;
    background: var(--zemin-2, #F7F5F2);
    border-bottom: 1px solid var(--cizgi);
    align-items: center;
}
.log-filtre-grup {
    display: flex;
    align-items: center;
    gap: 6px;
}
.log-filtre-grup label {
    font-size: 12px;
    color: var(--metin-soluk);
    white-space: nowrap;
    font-weight: 500;
}
.log-filtre-grup input[type="date"],
.log-filtre-grup input[type="text"],
.log-filtre-grup select {
    padding: 5px 8px;
    border: 1px solid var(--cizgi);
    border-radius: 4px;
    font-size: 12px;
    background: white;
    min-width: 110px;
}
.log-filtre-grup-buyuk input[type="text"] {
    min-width: 200px;
}
.log-filtre-grup span {
    color: var(--metin-soluk);
    font-size: 12px;
}

/* Tablo üstü ipucu */
.log-ipucu {
    padding: 8px 16px;
    font-size: 12px;
    color: var(--metin-soluk);
    background: #FFFBEC;
    border-bottom: 1px solid var(--cizgi);
    border-left: 3px solid #E0A800;
}

/* Tablo */
.log-tablo-sarici {
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: auto;
}

/* Detay ikon (her satırda 🔍) */
.log-td-ikon {
    text-align: center;
    width: 30px;
}
.log-detay-ikon {
    opacity: 0.3;
    font-size: 13px;
    transition: opacity 0.15s;
}
.log-detay-ikon-aktif {
    opacity: 0.85;
}
.log-satir-tiklanir:hover .log-detay-ikon {
    opacity: 1;
}
.log-tablo {
    width: 100%;
    font-size: 12px;
}
.log-tablo th {
    position: sticky;
    top: 0;
    background: white;
    z-index: 1;
    text-align: left;
    padding: 8px 10px;
    border-bottom: 2px solid var(--cizgi);
    font-weight: 600;
    color: var(--metin);
}
.log-tablo td {
    padding: 6px 10px;
    border-bottom: 1px solid var(--cizgi);
    vertical-align: top;
}
.log-td-tarih {
    white-space: nowrap;
    color: var(--metin-soluk);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 11px;
}
.log-td-kullanici {
    white-space: nowrap;
    font-weight: 500;
}
.log-td-olay {
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 11px;
    color: #555;
    white-space: nowrap;
}
.log-td-detay {
    color: var(--metin);
    word-break: break-word;
    max-width: 480px;
}
.log-td-teklif {
    white-space: nowrap;
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 11px;
    color: var(--kirmizi);
}
.log-td-aktor,
.log-td-kategori {
    font-size: 11px;
    color: var(--metin-soluk);
    white-space: nowrap;
}

/* Renk kodlu satırlar — sol kenar şeritli */
.log-satir {
    border-left: 3px solid transparent;
}
.log-satir.log-seviye-info {
    border-left-color: #C0C7D0;
}
.log-satir.log-seviye-warn {
    border-left-color: #E0A800;
    background: rgba(255, 200, 50, 0.04);
}
.log-satir.log-seviye-error {
    border-left-color: #C8102E;
    background: rgba(200, 16, 46, 0.05);
}
.log-satir.log-seviye-critical {
    border-left-color: #6A0010;
    background: rgba(106, 0, 16, 0.07);
}
.log-satir-tiklanir {
    cursor: pointer;
}
.log-satir-tiklanir:hover {
    background: rgba(0, 0, 0, 0.03);
}

/* Seviye rozetleri */
.log-rozet {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    line-height: 1.5;
    white-space: nowrap;
}
.log-rozet-info {
    background: #E8ECEF;
    color: #5B6770;
}
.log-rozet-warn {
    background: #FFF4D4;
    color: #8A6300;
}
.log-rozet-error {
    background: #FAE0E5;
    color: #A0142B;
}
.log-rozet-critical {
    background: #6A0010;
    color: white;
}

/* Yükleniyor / boş durum */
.log-yukleniyor,
.log-bos {
    text-align: center;
    padding: 32px;
    color: var(--metin-soluk);
    font-style: italic;
}

/* Sayfalama */
.log-sayfalama {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    border-top: 1px solid var(--cizgi);
    background: var(--zemin-2, #F7F5F2);
}
.log-toplam {
    font-size: 12px;
    color: var(--metin-soluk);
}
.log-sayfa-btnlar {
    display: flex;
    align-items: center;
    gap: 4px;
}
.log-sayfa-no {
    padding: 0 8px;
    font-weight: 600;
    font-family: var(--font-mono, ui-monospace, monospace);
}

/* Detay modalı */
.log-detay-icerik {
    padding: 16px;
}
.log-detay-meta {
    background: var(--zemin-2, #F7F5F2);
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 14px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 16px;
    font-size: 13px;
}
.log-detay-meta > div:last-child {
    grid-column: 1 / -1;
}
.log-detay-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.log-detay-blok h4 {
    margin: 0 0 6px 0;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--metin-soluk);
}
.log-json {
    background: #1F1E1C;
    color: #E8E5DD;
    padding: 12px;
    border-radius: 6px;
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 12px;
    line-height: 1.5;
    max-height: 350px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
}
.log-json-eski {
    border-left: 3px solid #C8102E;
}
.log-json-yeni {
    border-left: 3px solid #28A745;
}
.log-bos-detay {
    color: var(--metin-soluk);
    font-style: italic;
}

/* v9.157 — İşlem detayı okunabilirlik (B dostu diff + D tek-satır özet) */
.log-detay-ozet {
    background: var(--kirmizi-acik, #FBEEEE);
    border-left: 3px solid var(--kirmizi, #8B1A1A);
    border-radius: 6px;
    padding: 10px 14px;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.4;
}
.log-ham-kod {
    color: var(--metin-soluk);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 11px;
    opacity: 0.7;
}
.log-degisiklik-blok h4 {
    margin: 0 0 8px 0;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--metin-soluk);
}
.log-deger-liste {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
}
.log-deger-satir {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    padding: 7px 10px;
    background: var(--zemin-2, #F7F5F2);
    border-radius: 6px;
    font-size: 13px;
}
.log-deger-alan {
    font-weight: 600;
    min-width: 140px;
    color: var(--metin, #2B2A28);
}
.log-deger-eski {
    color: #8B1A1A;
    text-decoration: line-through;
    opacity: 0.8;
}
.log-deger-ok {
    color: var(--metin-soluk);
}
.log-deger-yeni {
    color: #1E7A3D;
    font-weight: 600;
}
.log-deger-tek {
    color: var(--metin, #2B2A28);
}
.log-ham-detay {
    margin-top: 6px;
}
.log-ham-detay > summary {
    cursor: pointer;
    font-size: 12px;
    color: var(--metin-soluk);
    user-select: none;
}

@media (max-width: 1100px) {
    .log-istatistik {
        grid-template-columns: repeat(2, 1fr);
    }
    .log-detay-grid,
    .log-detay-meta {
        grid-template-columns: 1fr;
    }
}

/* Log Ayar Modal (FAZ 5) */
.log-ayar-icerik {
    padding: 16px 20px 20px 20px;
}
.log-ayar-bolum {
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--cizgi);
}
.log-ayar-bolum:last-child {
    border-bottom: none;
}
.log-ayar-bolum h4 {
    margin: 0 0 6px 0;
    font-size: 14px;
    color: var(--metin);
}
.log-ayar-bolum p {
    margin: 0 0 10px 0;
    font-size: 12px;
    color: var(--metin-soluk);
}
.log-ayar-satir {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.log-ayar-satir label {
    font-size: 13px;
    font-weight: 500;
}
.log-ayar-satir input[type="number"] {
    padding: 5px 8px;
    border: 1px solid var(--cizgi);
    border-radius: 4px;
}
.log-ayar-info ul {
    margin: 0;
    padding-left: 18px;
    font-size: 12px;
    color: var(--metin-soluk);
}
.log-ayar-info li {
    margin-bottom: 3px;
}

/* v9.159 — Şifre sıfırlama (Seçenek A): giriş "Şifremi unuttum" + admin talepler */
.giris-unuttum-link {
    display: block;
    text-align: center;
    margin-top: 12px;
    font-size: 13px;
    color: var(--metin-soluk, #8A8275);
    text-decoration: none;
    cursor: pointer;
}
.giris-unuttum-link:hover { text-decoration: underline; color: var(--kirmizi, #8B1A1A); }
.giris-mesaj {
    margin-top: 10px;
    font-size: 13px;
    color: #1E7A3D;
    text-align: center;
    line-height: 1.45;
}
.ky-talep-kart {
    background: var(--kirmizi-acik, #FBEEEE);
    border: 1px solid var(--kirmizi-cizgi, #E8C9C9);
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 14px;
}
.ky-talep-kart h4 {
    margin: 0 0 10px;
    font-size: 14px;
    color: var(--kirmizi, #8B1A1A);
}
.ky-talep-liste { display: flex; flex-direction: column; gap: 8px; }
.ky-talep-satir {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 13px;
}
.ky-talep-ad { display: flex; flex-direction: column; line-height: 1.3; }
.ky-talep-adsoyad { font-weight: 600; color: var(--metin); }
.ky-talep-kadi { font-size: 11px; color: var(--metin-soluk, #8A8275); }
.ky-talep-zaman { color: var(--metin-soluk, #8A8275); font-size: 12px; }
.ky-talep-aksiyon { margin-left: auto; display: flex; gap: 6px; }
.ky-gecici-govde { padding: 18px 20px 20px; }
.ky-gecici-kutu {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--zemin-2, #F7F5F2);
    border: 1px dashed var(--cizgi, #DDD7CC);
    border-radius: 8px;
    padding: 12px 14px;
    margin: 8px 0 12px;
}
.ky-gecici-kutu code {
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--kirmizi, #8B1A1A);
}
.ky-gecici-uyari {
    font-size: 12.5px;
    color: var(--metin-soluk, #8A8275);
    line-height: 1.5;
    margin: 0;
}
/* v9.160 — Kullanıcı Yönetimi ayrı sayfa içerik sarmalı (modal-govde yerine) */
.ky-sayfa-icerik {
    padding: 18px 24px 28px;
    max-width: 1100px;
}

/* ═══════════════════════════════════════════════════════════════
   v9.124 — TBMM TV Canlı Yayın Widget (sağ alt fixed, mobile gizli)
   ═══════════════════════════════════════════════════════════════ */
.cy-kart {
    position: fixed;
    bottom: 16px;
    right: 16px;
    width: 480px;
    background: #1a1a1a;
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
    z-index: 950;            /* modal z-index'in (1000+) altında, sidebar üstünde */
    overflow: hidden;
    font-size: 12px;
}
.cy-baslik-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    background: #0d0d0d;
    border-bottom: 1px solid #2a2a2a;
}
.cy-baslik { font-weight: 600; letter-spacing: 0.04em; }
.cy-mini-btn {
    background: none;
    border: none;
    color: #aaa;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 0 4px;
}
.cy-mini-btn:hover { color: #fff; }
#cy-video {
    width: 480px;
    height: 270px;
    background: #000;
    display: block;
}
.cy-kontroller {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    background: #0d0d0d;
    flex-wrap: wrap;
}
.cy-btn {
    background: none;
    border: 1px solid #2a2a2a;
    color: #fff;
    cursor: pointer;
    padding: 3px 7px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.2;
}
.cy-btn:hover { background: #2a2a2a; border-color: #444; }
.cy-btn-canli { color: #ff4444; border-color: #ff4444; }
#cy-seek { flex: 1; min-width: 60px; cursor: pointer; }
.cy-zaman { font-family: monospace; min-width: 70px; text-align: right; color: #ddd; }
.cy-kalite {
    background: #1a1a1a;
    color: #fff;
    border: 1px solid #2a2a2a;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 11px;
    cursor: pointer;
}
.cy-hata {
    padding: 8px;
    color: #ff8888;
    background: #2a0000;
    font-size: 12px;
    text-align: center;
}

/* Modal overlay — büyük player (1024×576 veya viewport sınırı) */
.cy-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.92);
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: zoom-out;
}
.cy-modal-overlay video {
    width: 1024px !important;
    height: 576px !important;
    max-width: 95vw;
    max-height: 90vh;
    box-shadow: 0 12px 48px rgba(0,0,0,0.6);
}

/* Mobile: widget tamamen gizlenir (küçük ekranda kullanışsız) */
@media (max-width: 768px) {
    .cy-kart { display: none !important; }
    .cy-modal-overlay { display: none !important; }
}

/* ════════════════════════════════════════════════════════════════════
   v9.126 — Kullanıcı Tercihleri Modal
   ──────────────────────────────────────────────────────────────────── */
.tercih-satir {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px solid #eee;
    gap: 16px;
}
.tercih-satir:last-of-type {
    border-bottom: none;
}
.tercih-bilgi {
    flex: 1;
    min-width: 0;
}
.tercih-baslik {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    margin-bottom: 4px;
}
.tercih-aciklama {
    font-size: 12px;
    color: #666;
    line-height: 1.4;
}
/* iOS-tarzı toggle switch */
.tercih-toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 28px;
    flex-shrink: 0;
}
.tercih-toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}
.tercih-slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #ccc;
    transition: 0.25s;
    border-radius: 28px;
}
.tercih-slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.25s;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.tercih-toggle input:checked + .tercih-slider {
    background-color: #E8782C;  /* tema turuncu */
}
.tercih-toggle input:checked + .tercih-slider:before {
    transform: translateX(22px);
}
.tercih-toggle input:disabled + .tercih-slider {
    opacity: 0.5;
    cursor: not-allowed;
}

/* v9.127: Tema renkleri bölümü */
.tercih-bolum-baslik {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    margin-top: 22px;
    margin-bottom: 4px;
    padding-bottom: 6px;
    border-bottom: 2px solid #E6E1DA;
}
.tercih-palet-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 8px;
    margin: 12px 0 18px;
}
.tercih-palet-kart {
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 6px;
    padding: 8px;
    background: #FAFAFA;
    transition: border-color 0.15s, transform 0.08s;
    text-align: center;
}
.tercih-palet-kart:hover {
    border-color: #ccc;
    transform: translateY(-1px);
}
.tercih-palet-kart.aktif {
    border-color: #E8782C;
    background: #FFF;
    box-shadow: 0 2px 6px rgba(232,120,44,0.2);
}
.tercih-palet-renkler {
    display: flex;
    gap: 3px;
    justify-content: center;
    margin-bottom: 6px;
}
.tercih-palet-renkler span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
}
.tercih-palet-isim {
    font-size: 11px;
    font-weight: 600;
    color: #444;
}
.tercih-renk-satir {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #F0EDE7;
    gap: 12px;
}
.tercih-renk-satir:last-of-type {
    border-bottom: none;
}
.tercih-renk-satir label {
    flex: 1;
    cursor: pointer;
    display: block;
}
.tercih-renk-baslik {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #222;
}
.tercih-renk-aciklama {
    display: block;
    font-size: 11px;
    color: #777;
    margin-top: 2px;
}
.tercih-renk-satir input[type="color"] {
    width: 50px;
    height: 36px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 2px;
    cursor: pointer;
    background: #fff;
    flex-shrink: 0;
}