/* ═══════════════════════════════════════════════════════════════════════════
   EBYS ŞABLON EKRANI — ORTAK STİL
   ⚠ Bu dosya İKİ sayfada birden kullanılır:
       /ebys-sablonlari  (evr101 modülü, 28 şablon)
       /oab              (Okul Aile Birliği modülü, "İhtiyaç Talep Yazısı" sekmesi)
     Kullanıcı 2026-09-19: *"Bu kodu da OAB modülüne sekme olarak ekle, kopyala-
     yapıştır HTML olarak önizleme ile."*  → ekran üreten kod (ebys-sablonlari.js)
     ortak, stil de ortak olmalı; yoksa OAB'de kart/kâğıt biçimsiz görünür.
   ⚠ evr101'e özgü kurallar (arama kutusu, sekme vurgusu, modül yazı tipi)
     BU DOSYADA DEĞİL, ebys-sablonlari.html içinde durur.
   ═══════════════════════════════════════════════════════════════════════════ */

.eb-bas{margin:0 0 14px}
.eb-bas h1{font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0 0 4px}
.eb-alt{font-size:13.5px;color:var(--e1-metin3,#64748b);line-height:1.6;margin:0}
.eb-kart{background:var(--e1-kart,#fff);border:1px solid var(--e1-kenar,#e2e8f0);
  border-radius:14px;padding:16px 18px;margin-bottom:14px}
.eb-kart h2{font-size:15px;font-weight:800;margin:0 0 12px}
.eb-not{font-size:12px;color:var(--e1-metin3,#64748b);line-height:1.6;margin:10px 0 0}
.eb-ack{font-size:13px;color:var(--e1-metin2,#475569);line-height:1.6;margin:-4px 0 12px}
.eb-uyari{background:#eef2ff;border:1px solid #c7d2fe;color:#3730a3;border-radius:10px;
  padding:11px 14px;font-size:13px;line-height:1.65;margin-top:12px}
.eb-adim{margin:0;padding-left:20px;font-size:13.5px;line-height:1.85;color:var(--e1-metin2,#475569)}
.eb-cikti{border-color:#c7d2fe;background:linear-gradient(180deg,#f8faff,#fff)}
.eb-bilgi{background:var(--e1-zemin2,#f8fafc)}

/* Ek listesi — yazıya girmez, yalnız hatırlatma (kullanıcı 2026-09-19) */
.eb-ekler{display:flex;flex-direction:column;gap:8px}
.eb-ek{display:flex;gap:10px;align-items:flex-start;background:var(--e1-zemin2,#f8fafc);
  border:1px solid var(--e1-kenar,#e2e8f0);border-radius:10px;padding:10px 12px}
.eb-ek-no{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--e1-vurgu,#4f46e5);
  color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.eb-ek-m{display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.eb-ek-m i{font-style:normal;font-size:12px;color:var(--e1-metin3,#64748b);line-height:1.55}
.eb-liste{margin:0;padding-left:20px;font-size:13.5px;line-height:1.9;color:var(--e1-metin2,#475569)}
.eb-liste a{color:var(--e1-vurgu,#4f46e5);font-weight:700;text-decoration:none}
.eb-liste a:hover{text-decoration:underline}

/* ── Kopyala ─────────────────────────────────────────────────────────────── */
.eb-kopya{margin-bottom:12px}
.eb-kopya-bas{display:flex;align-items:center;gap:10px;margin-bottom:8px}
/* Kopyala düğmesi BELİRGİN (kullanıcı 2026-09-19) */
.eb-kopya-d{background:var(--e1-vurgu,#4f46e5);color:#fff;border:none;border-radius:10px;
  padding:12px 24px;font-size:14.5px;font-weight:800;cursor:pointer;font-family:inherit;
  white-space:nowrap;box-shadow:0 3px 12px rgba(79,70,229,.32)}
.eb-kopya-d:hover{filter:brightness(1.08);transform:translateY(-1px)}
.eb-kopya-d.ok{background:#16a34a;box-shadow:0 3px 12px rgba(22,163,74,.32)}
/* ⚠ KOPYA KUTUSU = "iç kısım": kullanıcı 2026-09-19 → *"Calibri güzel olmuş
   iç kısım için."*  `Carlito` Calibri ile ÖLÇÜ UYUMLU açık kaynak karşılığı;
   Calibri'si olmayan (Linux/Android) cihazlarda satırlar aynı görünsün diye
   ilk yedek odur. */
.eb-kopya input,.eb-kopya textarea{width:100%;box-sizing:border-box;border:1px solid var(--e1-kenar2,#cbd5e1);
  border-radius:9px;padding:12px 14px;font-size:15px;
  font-family:Calibri,Carlito,'Segoe UI',Candara,'Trebuchet MS',sans-serif;
  line-height:1.8;background:#fcfcfd;color:#0f172a;resize:vertical}
.eb-kopya-ack{font-size:11.5px;color:var(--e1-metin3,#64748b);line-height:1.55;margin-top:4px}

/* ⚠⚠ ÜST KOPYALA ŞERİDİ (kullanıcı 2026-09-19: *"Kodu kopyala kısmı üstte de
   olsun, önizlemenin üstünde de olsun."*) — önizleme kartının hemen üstünde
   durur; aynı metni kopyalar, aşağıdaki kutu da yerinde kalır. */
.eb-ust-kopya{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  background:linear-gradient(180deg,#eef2ff,#f8faff);border:1px solid #c7d2fe;
  border-radius:12px;padding:12px 14px;margin-bottom:14px}
.eb-ust-kopya .eb-ust-m{flex:1;min-width:190px;font-size:12.5px;line-height:1.55;color:#3730a3}
.eb-ust-kopya .eb-ust-m b{display:block;font-size:13.5px;margin-bottom:2px}

/* ── TEBLİĞ LİSTESİ SEÇİMİ (kullanıcı 2026-09-19: *"tabloyu opsiyonel yapalım:
   müdür yardımcıları olsun mu, tüm öğretmenler, belirli branşlar"*) ────────── */
.eb-secenek{border-color:#bbf7d0;background:linear-gradient(180deg,#f3fdf6,#fff)}
.eb-sec-sat{display:flex;flex-wrap:wrap;gap:8px}
.eb-sec-sat + .eb-sec-sat{margin-top:10px}
.eb-sec{display:inline-flex;align-items:center;gap:7px;background:var(--e1-kart,#fff);
  border:1px solid var(--e1-kenar2,#cbd5e1);border-radius:999px;padding:8px 14px;
  font-size:13px;font-weight:600;color:var(--e1-metin2,#475569);cursor:pointer;line-height:1.3}
.eb-sec input{width:16px;height:16px;margin:0;accent-color:#16a34a;cursor:pointer}
.eb-sec.on{border-color:#16a34a;background:#f0fdf4;color:#166534}
.eb-brans .eb-sec{font-weight:500}

/* ── ÖNİZLEME = EBYS ÇIKTISI GİBİ KÂĞIT (kullanıcı 2026-09-19:
   "önizleme daha belirgin olsun … üstüne de okul adı olacak şekilde ayarla")
   Düzen gerçek EBYS PDF çıktısından alındı; okul/ilçe hesaptan gelir. */
.eb-onizleme-kart{border-color:#c7d2fe;background:linear-gradient(180deg,#f7f9ff,#fff)}
.eb-kagit{background:#fff;border:1px solid #cbd5e1;border-radius:6px;
  box-shadow:0 6px 24px rgba(15,23,42,.12);padding:26px 30px 18px;overflow-x:auto;
  color:#111827;font-family:'Times New Roman',Cambria,Georgia,serif;font-size:15px;line-height:1.55}
/* Amblem + antet: gerçek EBYS çıktısında amblem solda, T.C. bloğu ortada */
.eb-kagit-ust{position:relative;min-height:74px;margin-bottom:12px}
.eb-logo{position:absolute;left:0;top:0;width:62px;height:auto}
.eb-antet{text-align:center;line-height:1.5;padding:0 70px}
.eb-sk{font-size:14px}
.eb-sk span{display:inline-block;width:42px}
.eb-muhatap{text-align:center;font-weight:bold;margin:20px 0 16px;letter-spacing:.2px}
.eb-govde p{margin:0 0 9px;text-align:justify;text-indent:28px}
.eb-govde table{border-collapse:collapse;max-width:100%;margin:10px 0}
.eb-govde td{padding:5px 7px}
.eb-imza{text-align:right;margin:26px 0 20px;line-height:1.5}
.eb-dip{border-top:1px solid #94a3b8;padding-top:7px;font-size:11px;line-height:1.5;color:#334155}
.eb-dip-ust{margin-bottom:3px}
.eb-kagit-not{margin-top:14px;background:#fef3c7;border:1px solid #fde68a;color:#92400e;
  border-radius:8px;padding:9px 12px;font-family:inherit;font-size:12.5px;line-height:1.6}
.eb-kagit-not a{color:#92400e;font-weight:800}
@media (max-width:640px){
  .eb-kagit{padding:18px 16px;font-size:14px}
  .eb-antet{padding:0 0 0 54px;text-align:left}
  .eb-logo{width:46px}
}