/* ══════════════════════════════════════════════════════════════
   TEMA v2 — Aşama 1: Design Tokens
   --------------------------------------------------------------
   Bu dosya style.css'ten sonra yüklenir ve :root değişkenlerini
   override eder. Mevcut CSS var(--kirmizi), var(--sinir) vb.
   kullandığı için değişiklikler otomatik tüm uygulamaya yansır.

   İşlev değişikliği YOK. Sadece görsel ton güncelleme.
   ══════════════════════════════════════════════════════════════ */

:root {
    /* ── Mevcut değişkenler override ─────────────────────── */
    /* Kırmızı paleti: canlı TBMM kırmızı → resmi belge bordosu */
    --kirmizi: #8B1A1A;
    --kirmizi-koyu: #6E1414;
    --kirmizi-acik: #FCF4F4;

    /* Sidebar — Aşama 3: Koyu panel teması */
    --sidebar: #3A2E24;
    --sidebar-hover: #272522;
    --sidebar-aktif: rgba(139, 26, 26, 0.24);

    /* Zemin ve sınırlar — sıcak bej tonları */
    --arkaplan: #F7F5F2;
    --sinir: #E6E1DA;

    /* Metin renkleri — sıcak gri */
    --metin: #1B1A18;
    --metin2: #55514A;
    --metin3: #8A8479;

    /* Durum renkleri — koyu, resmi tonlar */
    --basari: #2F6B3A;
    --basari-koyu: #26582F;
    --bilgi: #2B4B7A;
    --bilgi-koyu: #1F3858;
    --uyari: #8A5A1A;
    --uyari-koyu: #6B4313;

    /* ── Yeni eklenen tokenlar (Aşama 2+ kullanacak) ─────── */
    --kirmizi-cizgi: #EADBDB;
    --zemin: #F7F5F2;
    --zemin-2: #EFECE7;
    --cizgi: #E6E1DA;
    --cizgi-koyu: #D6D0C6;
    --metin-2: #55514A;
    --metin-3: #8A8479;
    --metin-4: #B4AE9F;

    /* Koyu panel teması (Aşama 3 — sidebar) */
    --panel: #1F1E1C;
    --panel-2: #272522;
    --panel-cizgi: #34322E;
    --panel-metin: #CFC8B9;
    --panel-metin-2: #8F8879;

    /* Font aileleri (Aşama 2'de başlıklarda kullanılacak) */
    --font-sans: var(--font);
    --font-serif: Georgia, 'Times New Roman', serif;
    --font-mono: 'Consolas', 'Monaco', 'Courier New', monospace;
    --font-baslik: var(--font-serif);

    /* Köşe yuvarlaklıkları */
    --r-xs: 3px;
    --r-sm: 5px;
    --r-md: 7px;
    --r-lg: 10px;
}

/* ══════════════════════════════════════════════════════════════
   Aşama 2 — Butonlar: ince köşe + letter-spacing + subtle hover
   ══════════════════════════════════════════════════════════════ */
.btn {
    border-radius: var(--r-sm);
    letter-spacing: 0.01em;
    transition: background 0.15s, transform 0.08s, box-shadow 0.15s;
}
.btn:active {
    transform: translateY(1px);
}
.btn-kucuk {
    border-radius: var(--r-xs);
}
.btn-birlesim-yeni {
    border-radius: var(--r-sm);
    letter-spacing: 0.01em;
}
.btn-birlesim-yeni:hover {
    background: var(--kirmizi-koyu);
}
.btn-geri {
    border-radius: var(--r-sm);
    transition: background 0.15s, border-color 0.15s;
}

/* ══════════════════════════════════════════════════════════════
   Aşama 2 — Form elemanları: focus ring + radius + placeholder
   ══════════════════════════════════════════════════════════════ */
.form-textarea,
.form-select,
.form-input,
input[type="text"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="password"],
textarea {
    border-radius: var(--r-sm);
    transition: border-color 0.15s, box-shadow 0.15s;
}

.form-textarea:focus,
.form-select:focus,
.form-input:focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="password"]:focus,
textarea:focus {
    border-color: var(--kirmizi);
    box-shadow: 0 0 0 3px rgba(139, 26, 26, 0.08);
    outline: none;
}

.form-textarea::placeholder,
.form-input::placeholder,
input::placeholder,
textarea::placeholder {
    color: var(--metin-4);
}

/* ══════════════════════════════════════════════════════════════
   Aşama 2 — Modal: yumuşak gölge + radius + backdrop blur
   ══════════════════════════════════════════════════════════════ */
.modal,
.modal-kaplama {
    background: rgba(27, 26, 24, 0.45);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.modal-icerik {
    border-radius: var(--r-lg);
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.24);
    overflow: hidden;
}

/* ══════════════════════════════════════════════════════════════
   Aşama 2 — Başlık fontları: serif dokunuş
   (resmi belge havası — modal + sayfa başlıkları)
   ══════════════════════════════════════════════════════════════ */
.modal-baslik-ic h2,
.sablon-baslik-ic h2,
#brl-detay-baslik,
.form-baslik-beyaz {
    font-family: var(--font-baslik);
    letter-spacing: 0.01em;
}

/* Veri Yönetimi kart başlıkları — serif (Birleşim/KT rozetleri mono'da kalır) */
.vy-kart-baslik {
    font-family: var(--font-baslik);
}

/* ══════════════════════════════════════════════════════════════
   Aşama 3 — Koyu Sidebar Teması
   (Değişkenler :root'ta override edildi; hardcoded renkleri de
    bu bölümde düzeltiyoruz — logo/saat/tarih/başlık/buton renkleri)
   ══════════════════════════════════════════════════════════════ */

/* Logo alanı */
.logo-baslik,
.logo-alt {
    color: #F0EAD9;
}

/* Sidebar logo ikonu — SVG <img> (v9.32 logo) */
.logo-ikon {
    width: 40px;
    height: auto;
    filter: drop-shadow(0 0 8px rgba(232, 120, 44, 0.30));
}

/* Sidebar GKYS başlığı */
.logo-baslik {
    font-size: 18px;
    letter-spacing: 1.5px;
    font-family: var(--font-mono, ui-monospace, monospace);
    font-weight: 700;
}

/* Saat + tarih */
#saat { color: #F0EAD9; }
#tarih { color: var(--panel-metin-2); }

/* Ayırıcı çizgiler */
.sidebar-ayirici {
    background: var(--panel-cizgi);
}

/* Kategori başlıkları — mono + uppercase (çok daha zarif) */
.sidebar-baslik {
    color: var(--panel-metin-2);
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 11px;
}

/* Buton metin rengi — sıcak bej */
.sidebar-btn {
    color: var(--panel-metin);
}

.sidebar-btn:hover {
    background: var(--panel-2);
    color: #F0EAD9;
}

/* Aktif buton — hafif kırmızı overlay + kırmızı vurgu barı */
.sidebar-btn.aktif {
    background: rgba(139, 26, 26, 0.28);
    color: #fff;
    box-shadow: inset 2px 0 0 var(--kirmizi);
}

/* Kullanıcı bloğu (alt kısım) */
.sidebar-kullanici {
    border-top: 1px solid var(--panel-cizgi);
    background: var(--panel-2);
}

.sidebar-kullanici-bilgi {
    color: var(--panel-metin);
}

.sidebar-cikis-btn {
    background: rgba(255, 255, 255, 0.06);
    color: var(--panel-metin-2);
}

.sidebar-cikis-btn:hover {
    background: rgba(255, 255, 255, 0.14);
    color: #F0EAD9;
}

/* ══════════════════════════════════════════════════════════════
   Aşama 4 — Kartlar ve Rozet Pattern'i
   ══════════════════════════════════════════════════════════════ */

/* Birleşim ve KT liste kartları — ortak hover lift + ortak rozet pattern (v9.33) */
.go-birlesim-kart,
.kt-liste-kart {
    border-radius: var(--r-md);
    transition: border-color 0.15s, background 0.15s, transform 0.08s, box-shadow 0.15s;
}
.go-birlesim-kart:hover,
.kt-liste-kart:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(27, 26, 24, 0.05);
    background: var(--kirmizi-acik);
}

/* "Birleşim N" ve "S.S. N" pill rozeti — kırmızı arka plan + mono — eşitlendi */
.go-birlesim-no,
.kt-liste-ss {
    display: inline-block;
    background: var(--kirmizi);
    color: #fff;
    padding: 5px 12px;
    border-radius: var(--r-xs);
    font-size: 13.5px;
    font-family: var(--font-mono);
    font-weight: 600;
    letter-spacing: 0.04em;
    min-width: 0;
    align-self: center;
    margin-right: 12px;
}

/* Bilgi metni — mono, eşit boy (v9.33: 11.5 → 13px) */
.go-birlesim-tarih,
.kt-liste-bilgi {
    font-family: var(--font-mono);
    color: var(--metin-3);
    letter-spacing: 0.02em;
    font-size: 13px;
}

/* Veri Yönetimi kartları — hover lift (zaten çekici, inceltelim) */
.vy-kart {
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.08s;
}
.vy-kart:active {
    transform: translateY(1px);
}

/* ══════════════════════════════════════════════════════════════
   Aşama 5 — KT Detay Ekranı
   ══════════════════════════════════════════════════════════════ */

/* Usul rozeti — nötr çerçeveli mono */
.kt-usul-etiket {
    background: var(--kart);
    color: var(--metin-2);
    border: 1px solid var(--cizgi);
    padding: 3px 10px;
    border-radius: var(--r-xs);
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* Usul bar — hafif zemin */
.kt-usul-bar {
    background: var(--zemin);
    border-bottom: 1px solid var(--cizgi);
}

/* KT detay başlık bloğu — sol: SS rozeti + usul rozeti üst üste; altında kanun başlığı (serif, büyük, geniş) */
.kt-detay-ic {
    align-items: flex-start;
    gap: 18px;
}
.kt-detay-sol {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.kt-detay-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 4px 0 0;
}
/* SS rozeti — kırmızı arka, mono; boyut başlıkla aynı (16px) */
#kt-baslik.kt-ss-rozet {
    display: inline-block;
    background: var(--kirmizi);
    color: #fff;
    padding: 3px 10px;
    border-radius: var(--r-xs);
    font-size: 16px;
    font-family: var(--font-mono);
    font-weight: 600;
    letter-spacing: 0.03em;
    margin: 0;
    line-height: 1.2;
    transition: background 0.15s, transform 0.1s;
}
/* v9.114: SS rozeti PDF link aktifken hover göstergesi */
#kt-baslik.kt-baslik-pdf-link {
    cursor: pointer;
}
#kt-baslik.kt-baslik-pdf-link:hover {
    background: #6f1515;  /* daha koyu bordo */
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(139, 26, 26, 0.3);
}
#kt-baslik.kt-baslik-pdf-link::after {
    content: ' 📄';
    font-size: 13px;
    margin-left: 4px;
    opacity: 0.85;
}
/* KT detay meta satırındaki usul etiketi — boyut başlıkla aynı (16px) */
.kt-detay-meta #kt-usul-etiket {
    font-size: 16px;
    padding: 3px 10px;
    line-height: 1.2;
    letter-spacing: 0.04em;
}
/* Kanun teklifi başlığı — serif, büyük, geniş alan (max-width yok)
   h2 element selector + class ile specificity'yi .sablon-baslik-ic h2 üzerine çıkar */
h2.kt-detay-baslik,
.sablon-baslik-ic h2.kt-detay-baslik {
    font-family: var(--font-baslik);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--metin);
    letter-spacing: -0.005em;
    margin: 0;
    max-width: none;
    word-break: break-word;
}
.kt-detay-butonlar {
    flex-shrink: 0;
    flex-wrap: wrap;
}

/* "+ Madde Ekle" barı — meta/başlık taşındığı için yalnız kalabilir */
.kt-madde-islem-bar {
    display: flex;
    justify-content: flex-end;
}

/* Bölüm kartları — yumuşak radius + hover */
.kt-bolum {
    border-radius: var(--r-md);
    overflow: hidden;
    transition: border-color 0.15s;
}

.kt-bolum-baslik {
    background: var(--zemin);
    transition: background 0.12s;
    border-bottom: 1px solid transparent;
}
.kt-bolum-baslik:hover {
    background: var(--zemin-2);
}
/* Bölüm açıkken alt kenar ayırıcı */
.kt-bolum .kt-bolum-icerik:not(.kapali) {
    border-top: 1px solid var(--cizgi);
}

/* Bölüm başlık metni — serif dokunuş */
.kt-bolum-baslik-metin {
    font-family: var(--font-baslik);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.01em;
}

/* ══════════════════════════════════════════════════════════════
   Aşama 6 — El Gündemi Önizleme Paneli (Word'e eş tipografi)
   --------------------------------------------------------------
   Önizlemeyi A4 kağıt simülasyonuna çeviriyoruz. Satır objeleri
   (title/center/dots/empty/bold/boldPrefix/not) _egOnzYazParagraf
   ile class'lara dönüştürülüyor. Word export'taki paragraf
   özellikleri (CENTER/JUSTIFY + first_line_indent 28.35pt +
   line_spacing 1.5 + Times New Roman 20pt) bu CSS ile birebir
   eşleşir; ekranda 13px ölçek kullanılır (20pt × ~0.65 faktör).
   ══════════════════════════════════════════════════════════════ */

.eg-onizleme-bar {
    background: var(--zemin);
    border-radius: var(--r-md) var(--r-md) 0 0;
    border: 1px solid var(--cizgi);
    border-bottom: none;
}

.eg-onizleme-baslik {
    font-family: var(--font-mono);
    font-size: 10.5px;
    letter-spacing: 0.08em;
    color: var(--metin-3);
    font-weight: 500;
}

/* Kağıt — beyaz, gölge, A4-benzeri iç padding */
.eg-onizleme-icerik {
    background: #FFFFFF;
    border: 1px solid var(--cizgi);
    border-top: none;
    border-radius: 0 0 var(--r-md) var(--r-md);
    padding: 28px 32px;
    font-family: 'Times New Roman', 'Times', Georgia, serif;
    font-size: 13px;
    line-height: 1.5;
    color: var(--metin);
    box-shadow: inset 0 1px 0 rgba(27, 26, 24, 0.02);
    min-height: 460px;
}
.eg-onizleme-icerik:focus {
    outline: none;
    border-color: var(--cizgi-koyu);
    box-shadow: inset 0 1px 0 rgba(27, 26, 24, 0.02);
}

/* Varsayılan paragraf — JUSTIFY + first_line_indent 28.35pt (~37.8px@96dpi) */
.eg-onizleme-icerik .eg-onizleme-satir {
    margin: 0 0 2px 0;
    text-align: justify;
    text-indent: 28px;
    hyphens: auto;
    -webkit-hyphens: auto;
}

/* Title — CENTER + bold + indent YOK (başlıklar) */
.eg-onizleme-icerik .eg-onizleme-title {
    text-align: center;
    text-indent: 0;
    font-weight: 700;
    margin: 0 0 2px 0;
    letter-spacing: 0.02em;
}

/* CENTER + indent var (nadir — Word 'center' tipi) */
.eg-onizleme-icerik .eg-onizleme-orta {
    text-align: center;
    text-indent: 28px;
}

/* CENTER + indent YOK (Word 'center_clean') */
.eg-onizleme-icerik .eg-onizleme-center-clean {
    text-align: center;
    text-indent: 0;
}

/* Dots / alıntı satırı — JUSTIFY + left-indent 35pt (~46px) + indent YOK */
.eg-onizleme-icerik .eg-onizleme-dots {
    text-align: justify;
    text-indent: 0;
    margin-left: 46px;
}

/* Bold — tüm satır kalın */
.eg-onizleme-icerik .eg-onizleme-bold {
    font-weight: 700;
}

/* Not — italik + soluk gri (Word'de genelde center_clean + italik) */
.eg-onizleme-icerik .eg-onizleme-not {
    color: var(--metin-2);
    font-style: italic;
}

/* Boş satır — yalnızca dikey boşluk */
.eg-onizleme-icerik .eg-onizleme-empty {
    text-indent: 0;
    height: 0.9em;
    margin: 0;
}

/* boldPrefix <strong> — mevcut HTML'de <strong>, Times NR'de bold olur */
.eg-onizleme-icerik strong {
    font-weight: 700;
}

/* Komisyonlar akışı doğrudan <p> HTML yazıyor — ona da minimum uygulayalım */
.eg-onizleme-icerik p {
    margin: 0 0 2px 0;
    text-align: justify;
    text-indent: 28px;
}
.eg-onizleme-icerik p b,
.eg-onizleme-icerik p strong {
    font-weight: 700;
}
/* v9.83 İ2: italic + underline manuel format desteği (run-bazlı Word çıktısı ile uyumlu) */
.eg-onizleme-icerik p i,
.eg-onizleme-icerik p em {
    font-style: italic;
}
.eg-onizleme-icerik p u {
    text-decoration: underline;
}

/* ─────────────────────────────────────────────────────────────
   v9.79 — Olağan Usul Önerge Sonuç Toggle (Boş/Ret/Kabul)
   GKYS tema-v2 paleti: bordo (red) + yeşil (kabul) + gri (boş)
   ───────────────────────────────────────────────────────────── */
.eg-onizleme-icerik .kt-sonuc-grup {
    /* Sarmalayıcı div — paragraf akışını bozmaz, görsel pasiflik için anchor */
    transition: opacity 0.2s, filter 0.2s;
}
.eg-onizleme-icerik .kt-sonuc-grup.kt-sonuc-pasif {
    opacity: 0.45;
    filter: grayscale(0.5);
}

.eg-onizleme-icerik .kt-sonuc-toggle {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 0;
    background: #f3f4f6;
    border-radius: 4px;
    border: 1px solid #c8c8c8;
    overflow: hidden;
    margin-left: 8px;
    vertical-align: middle;
    user-select: none;
    -webkit-user-select: none;
    font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
    text-indent: 0;
    white-space: nowrap;
    line-height: 1;
    /* paragraf indent'inden bağımsız — sıfırla */
    text-align: left;
}
.eg-onizleme-icerik .kt-sonuc-toggle-btn {
    display: inline-block !important;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #6b7280;
    transition: background 0.15s, color 0.15s;
    line-height: 1.3;
    text-indent: 0;
    margin: 0;
    min-width: 28px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.eg-onizleme-icerik .kt-sonuc-toggle-btn + .kt-sonuc-toggle-btn {
    border-left: 1px solid #c8c8c8;
}
.eg-onizleme-icerik .kt-sonuc-toggle-btn:hover {
    background: #e9ecef;
}
/* Aktif Boş — gri (varsayılan / kullanıcı tıklamadı) */
.eg-onizleme-icerik .kt-sonuc-toggle-btn.aktif-bos {
    background: #e5e7eb;
    color: #374151;
}
/* Aktif RED — bordo (kural #16) */
.eg-onizleme-icerik .kt-sonuc-toggle-btn.aktif-red {
    background: #fef2f2;
    color: #8B1A1A;
}
/* Aktif KABUL — yeşil */
.eg-onizleme-icerik .kt-sonuc-toggle-btn.aktif-kabul {
    background: #ecfdf5;
    color: #059669;
}

/* Yazdırma çıktısında toggle butonları gizlenir */
@media print {
    .kt-sonuc-toggle { display: none !important; }
    .eg-ihdas-toggle { display: none !important; }
    .eg-ihdas-oylama-toggle { display: none !important; }
    .kt-degisiklik-toggle { display: none !important; }
}

/* v9.106: Önerge KABUL aktifken yanına eklenen 2'li toggle (Değişiklik/Çıkarma).
   kt-sonuc-toggle ile aynı görsel paradigma. aktif-degisiklik = mevcut akış (gri-yeşil ton),
   aktif-cikarma = madde el gündemi biter (turuncu-kırmızı uyarı tonu). */
.eg-onizleme-icerik .kt-degisiklik-toggle {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 0;
    background: #f3f4f6;
    border-radius: 4px;
    border: 1px solid #c8c8c8;
    overflow: hidden;
    margin-left: 6px;
    vertical-align: middle;
    user-select: none;
    -webkit-user-select: none;
    font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
    text-indent: 0;
    white-space: nowrap;
    line-height: 1;
    text-align: left;
}
.eg-onizleme-icerik .kt-degisiklik-toggle-btn {
    display: inline-block !important;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #6b7280;
    transition: background 0.15s, color 0.15s;
    line-height: 1.3;
    text-indent: 0;
    margin: 0;
    min-width: 28px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.eg-onizleme-icerik .kt-degisiklik-toggle-btn + .kt-degisiklik-toggle-btn {
    border-left: 1px solid #c8c8c8;
}
.eg-onizleme-icerik .kt-degisiklik-toggle-btn:hover {
    background: #e9ecef;
}
/* Aktif Değişiklik — yumuşak yeşil ton (mevcut akış: zararsız) */
.eg-onizleme-icerik .kt-degisiklik-toggle-btn.aktif-degisiklik {
    background: #ecfdf5;
    color: #059669;
}
/* Aktif Çıkarma — turuncu uyarı (madde tamamen el gündeminden çıkar) */
.eg-onizleme-icerik .kt-degisiklik-toggle-btn.aktif-cikarma {
    background: #fff7ed;
    color: #c2410c;
}

/* v9.103-v9.104: Yeni Madde İhdası Önergesi toggle'ları — kt-sonuc-toggle ile aynı görsel paradigma */
.eg-onizleme-icerik .eg-ihdas-toggle,
.eg-onizleme-icerik .eg-ihdas-oylama-toggle {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 0;
    background: #f3f4f6;
    border-radius: 4px;
    border: 1px solid #c8c8c8;
    overflow: hidden;
    margin-left: 8px;
    vertical-align: middle;
    user-select: none;
    -webkit-user-select: none;
    font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
    text-indent: 0;
    white-space: nowrap;
    line-height: 1;
    text-align: left;
}
.eg-onizleme-icerik .eg-ihdas-toggle-btn,
.eg-onizleme-icerik .eg-ihdas-oylama-toggle-btn {
    display: inline-block !important;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #6b7280;
    transition: background 0.15s, color 0.15s;
    line-height: 1.3;
    text-indent: 0;
    margin: 0;
    min-width: 28px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.eg-onizleme-icerik .eg-ihdas-toggle-btn + .eg-ihdas-toggle-btn,
.eg-onizleme-icerik .eg-ihdas-oylama-toggle-btn + .eg-ihdas-oylama-toggle-btn {
    border-left: 1px solid #c8c8c8;
}
.eg-onizleme-icerik .eg-ihdas-toggle-btn:hover,
.eg-onizleme-icerik .eg-ihdas-oylama-toggle-btn:hover {
    background: #e9ecef;
}
.eg-onizleme-icerik .eg-ihdas-toggle-btn.aktif-bos,
.eg-onizleme-icerik .eg-ihdas-oylama-toggle-btn.aktif-bos {
    background: #e5e7eb;
    color: #374151;
}
/* Aktif RED (Komisyon katılmadı / oylama RET) — bordo (kural #16) */
.eg-onizleme-icerik .eg-ihdas-toggle-btn.aktif-red,
.eg-onizleme-icerik .eg-ihdas-oylama-toggle-btn.aktif-red {
    background: #fef2f2;
    color: #8B1A1A;
}
/* Aktif KABUL (Komisyon katıldı / oylama KABUL) — yeşil */
.eg-onizleme-icerik .eg-ihdas-toggle-btn.aktif-kabul,
.eg-onizleme-icerik .eg-ihdas-oylama-toggle-btn.aktif-kabul {
    background: #ecfdf5;
    color: #059669;
}


/* ─────────────────────────────────────────────────────────────
   v9.78 BİRLEŞİM ÖZETİ — sol panel + sağ Word önizleme
   ───────────────────────────────────────────────────────────── */
.ozet-v2-kap {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px 18px 16px;
}
.ozet-v2-ust {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--cizgi, #e5e5e5);
}
.ozet-v2-baslik {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--metin, #222);
}
.ozet-nbd-kap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 22px;
    row-gap: 4px;
    width: 100%;
}
.ozet-nbd-satir {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    font-size: 13.5px;
    color: var(--metin, #222);
    white-space: nowrap;
}
.ozet-nbd-cift {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px 8px;
    border: 1px dashed var(--cizgi, #c8c8c8);
    border-radius: 4px;
    cursor: pointer;
    transition: border-color .15s, color .15s;
}
.ozet-nbd-cift:hover {
    border-color: #8B1A1A;
}
.ozet-nbd-cift:hover .ozet-nbd-ok {
    color: #8B1A1A;
}
.ozet-nbd-etiket {
    color: var(--metin-soluk, #666);
}
.ozet-nbd-ad {
    font-weight: 600;
}
.ozet-nbd-ok {
    margin-left: 4px;
    color: var(--metin-soluk, #888);
    font-size: 11px;
    transition: color .15s;
}
.ozet-nbd-ayrac {
    color: var(--metin-soluk, #aaa);
}
.ozet-nbd-ekle, .ozet-nbd-kaldir {
    background: transparent;
    border: 1px dashed var(--cizgi, #c8c8c8);
    border-radius: 4px;
    padding: 2px 8px;
    cursor: pointer;
    color: var(--metin-soluk, #666);
    font-size: 12.5px;
    margin-left: 6px;
}
.ozet-nbd-ekle:hover {
    border-color: #E8782C;
    color: #E8782C;
}
.ozet-nbd-kaldir {
    padding: 2px 6px;
    font-size: 14px;
    line-height: 1;
}
.ozet-nbd-kaldir:hover {
    border-color: #8B1A1A;
    color: #8B1A1A;
}
.ozet-nbd-select {
    padding: 2px 6px;
    border: 1px solid #8B1A1A;
    border-radius: 4px;
    font-size: 13px;
    min-width: 280px;
}

.ozet-v2-grid {
    display: grid;
    grid-template-columns: minmax(360px, 5fr) minmax(420px, 7fr);
    gap: 16px;
    align-items: start;
}
.ozet-v2-sol {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-height: calc(100vh - 280px);
    overflow-y: auto;
    padding-right: 6px;
}
.ozet-sol-bolum {
    border: 1px solid var(--cizgi, #e5e5e5);
    border-radius: 6px;
    padding: 10px 12px;
    background: #fafafa;
}
.ozet-sol-baslik {
    margin: 0 0 8px 0;
    font-size: 13px;
    font-weight: 700;
    color: #8B1A1A;
    text-transform: uppercase;
    letter-spacing: .3px;
}
.ozet-sol-satir {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 6px 0;
    border-bottom: 1px dotted var(--cizgi, #e5e5e5);
}
.ozet-sol-satir:last-child {
    border-bottom: none;
}
.ozet-sol-metin {
    flex: 1;
    font-size: 13px;
    line-height: 1.45;
    color: var(--metin, #222);
    padding: 4px 6px;
    border-radius: 3px;
    outline: none;
    cursor: text;
    word-break: break-word;
}
.ozet-sol-metin:hover {
    background: #fff;
}
.ozet-sol-metin:focus {
    background: #fff;
    box-shadow: 0 0 0 1px #E8782C inset;
}
.ozet-sol-satir.manuel .ozet-sol-metin {
    border-left: 2px solid #E8782C;
    padding-left: 8px;
}
.ozet-sol-satir.duzenlendi .ozet-sol-metin {
    background: #fff8e7;
}
.ozet-sol-sifirla {
    background: transparent;
    border: 1px solid var(--cizgi, #c8c8c8);
    border-radius: 3px;
    color: var(--metin-soluk, #888);
    cursor: pointer;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 1;
    padding: 0;
}
.ozet-sol-sifirla:hover {
    border-color: #E8782C;
    color: #E8782C;
}

/* Birleşim Özeti — EG paradigması ile tek tip önizleme alanı */
.ozet-oniz-sarmal {
    margin-top: 14px;
}
.ozet-onizleme-icerik {
    /* eg-onizleme-icerik üzerine birikme yapar — özel ayarlar yok */
}
/* ÜST BAŞLIK (DÖNEM | YASAMA YILI) — örnek docx ile aynı düzen */
.ozet-oniz-ust-tablo {
    display: flex;
    justify-content: space-between;
    margin: 0 0 4px 0;
    font-weight: 700;
}
.ozet-oniz-ust-sol { text-align: left; }
.ozet-oniz-ust-sag { text-align: right; }
/* Bullet satır — EG-style paragrafa madde imi ekler.
   Örnek (95. Birleşim Özeti) ile birebir: metin sol marjda (0),
   madde imi (●) 0,5 cm sola asılı (hanging). */
.ozet-oniz-bullet {
    padding-left: 0;
    position: relative;
    text-align: justify;
}
.ozet-oniz-bullet::before {
    content: "•";
    position: absolute;
    left: -0.5cm;
    top: 0;
}

/* v9.80 — Birleşim Özeti sunuş 2-değerli toggle (Ret/Kabul) */
.eg-onizleme-icerik .ozet-sunus-toggle {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    background: #f3f4f6;
    border-radius: 4px;
    border: 1px solid #c8c8c8;
    overflow: hidden;
    margin-left: 8px;
    vertical-align: middle;
    user-select: none;
    -webkit-user-select: none;
    font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
    text-indent: 0;
    white-space: nowrap;
    line-height: 1;
    text-align: left;
}
.eg-onizleme-icerik .ozet-sunus-toggle-btn {
    display: inline-block !important;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #6b7280;
    transition: background 0.15s, color 0.15s;
    line-height: 1.3;
    text-indent: 0;
    margin: 0;
    min-width: 36px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.eg-onizleme-icerik .ozet-sunus-toggle-btn + .ozet-sunus-toggle-btn {
    border-left: 1px solid #c8c8c8;
}
.eg-onizleme-icerik .ozet-sunus-toggle-btn:hover {
    background: #e9ecef;
}
.eg-onizleme-icerik .ozet-sunus-toggle-btn.aktif-red {
    background: #fef2f2;
    color: #8B1A1A;
}
.eg-onizleme-icerik .ozet-sunus-toggle-btn.aktif-kabul {
    background: #ecfdf5;
    color: #059669;
}
@media print {
    .ozet-sunus-toggle { display: none !important; }
}

/* Yükleme/hata durumları */
.ozet-yukleniyor, .ozet-hata {
    padding: 20px;
    text-align: center;
    color: var(--metin-soluk, #888);
}