/* Yönetim paneli: portal kabuğunu (eportal.css) kullanır; buradakiler form ve tablo ekleridir. */
.kabuk.tek{grid-template-columns:minmax(0,1fr)}
.kabuk.tek .icerik{max-width:520px;margin:40px auto;width:100%}
.ust .kullanici{color:var(--text-2);font-weight:600}
.cikis-form{margin:0}
.yan a{font-weight:500}
.giris-baslik{font-size:20px;margin:0}
.aciklama{color:var(--muted);margin:0 0 14px}
.kucuk{font-size:13px;margin:16px 0 0}
.form{display:grid;gap:6px}
.form label{font-weight:600;font-size:13px;margin-top:8px}
.form input,.form select,.form textarea{font:500 14px var(--font);padding:10px 12px;border:1.5px solid var(--line-2);border-radius:9px;background:var(--surface);color:var(--text);width:100%}
.form textarea{min-height:90px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid var(--gold);outline-offset:1px}
.form .ipucu{font-size:12px;color:var(--muted)}
.form .onay{display:flex;gap:8px;align-items:center;font-weight:500}
.form .onay input{width:auto}
.form fieldset{border:1.5px solid var(--line);border-radius:12px;padding:12px 16px;display:grid;gap:6px}
.form legend{font-weight:700;padding:0 6px}
.form .iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:700px){.form .iki{grid-template-columns:1fr}}
.form [disabled],.form [readonly]{opacity:.7;cursor:not-allowed}
.btn-genis{justify-content:center;padding:10px 14px;margin-top:14px;font-size:14px}
.alan-hata,.field-validation-error{color:var(--amber);font-size:12.5px;font-weight:600}
.uyari-kutu{background:var(--amber-bg);color:var(--amber);border-radius:10px;padding:10px 14px;font-weight:600}
.uyari-kutu:empty,.validation-summary-valid{display:none}
.basari-kutu{background:var(--ok-bg);color:var(--ok);border-radius:10px;padding:10px 14px;font-weight:600}
.tablo-kap{overflow-x:auto;border:1.5px solid var(--line);border-radius:12px;background:var(--surface)}
table.tablo{border-collapse:collapse;width:100%;font-size:13.5px}
.tablo th,.tablo td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tablo th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface-2)}
.tablo tr:last-child td{border-bottom:0}
.tablo td.sayi{font-variant-numeric:tabular-nums;text-align:right}
.tablo code{font-size:12px}
.arac-cubugu{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.arac-cubugu .bosluk{flex:1}
.durum{font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;background:var(--surface-2);color:var(--text-2);white-space:nowrap}
.durum.Aktif{background:var(--ok-bg);color:var(--ok)}
.durum.Bakimda,.durum.uyari{background:var(--amber-bg);color:var(--amber)}
.ozet{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.ozet div{background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:14px 16px}
.ozet b{display:block;font-size:24px;font-variant-numeric:tabular-nums}
.ozet span{font-size:12px;color:var(--muted)}
.satir-form{display:inline;margin:0}
.sayfalama{display:flex;gap:8px;justify-content:flex-end}
/* Giriş: kurumsal e-posta eki ve toplama doğrulaması */
.eposta-alan{display:flex;align-items:stretch}
.eposta-alan input{border-top-right-radius:0;border-bottom-right-radius:0;min-width:0}
.eposta-ek{display:flex;align-items:center;padding:0 12px;border:1.5px solid var(--line-2);border-left:0;border-radius:0 9px 9px 0;background:var(--surface-2,var(--line));color:var(--muted);font-weight:600;font-size:14px;white-space:nowrap}
.islem-satir{display:flex;gap:10px;align-items:center}
.islem-soru{font-size:18px;font-weight:700;letter-spacing:1px;color:var(--text);min-width:110px;user-select:none}
.islem-satir input{max-width:120px}
.islem-yenile{width:44px;height:42px;font-size:18px;flex-shrink:0;cursor:pointer}
/* Giriş sayfası: portal kabuğunda, GİMER girişiyle aynı düzen (sıkı; tek ekrana sığar) */
.giris-sahne{max-width:420px;margin:8px auto 0;display:flex;flex-direction:column;align-items:center;text-align:center}
.giris-amblem{width:48px;height:48px;border-radius:13px;background:var(--navy);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-md);margin-bottom:10px}
.giris-amblem svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.giris-sahne .giris-baslik{font-size:19px;font-weight:800;color:var(--text)}
.giris-alt{color:var(--muted);margin:2px 0 12px;font-size:13px}
.giris-kart{width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md);padding:16px 18px}
.giris-kart .form{gap:4px}
.giris-kart .form label{margin-top:6px}
.giris-kart .form input{padding:8px 11px}
.giris-kart .ipucu{font-size:11.5px}
.giris-kart .uyari-kutu{margin-bottom:8px}
.giris-gonder{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;min-height:42px;font-size:14.5px}
.giris-veya{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:10px 0}
.giris-veya::before,.giris-veya::after{content:"";flex:1;border-top:1px solid var(--line)}
.giris-don{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1.5px solid var(--line-2);border-radius:10px;color:var(--text);font-weight:700;font-size:14px;text-decoration:none;background:var(--surface-2)}
.giris-don:hover,.giris-don:focus-visible{border-color:var(--accent);background:var(--surface);color:var(--accent)}
.giris-don .i{width:17px;height:17px}
.giris-don .ok{margin-left:auto;font-size:17px}
.giris-not{color:var(--muted);font-size:12px;margin:10px 0 0}
.islem-satir{flex-wrap:wrap}
@media (max-width:480px){
  .giris-sahne{margin-top:0}
  .giris-kart{padding:14px}
  .eposta-ek{padding:0 8px;font-size:12.5px}
  .islem-soru{min-width:0}
}
.islem-yenile{display:grid;place-items:center}.islem-yenile .i{width:18px;height:18px}

/* ── Görsel zenginleştirme: ortak ── */
.yan a .i{width:17px;height:17px;flex:none}
.y-kullanici{display:flex;align-items:center;gap:9px}
.y-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:800;font-size:13px}
.y-kim{display:flex;flex-direction:column;line-height:1.15}
.y-kim b{font-size:13px;color:var(--text)}
.y-kim small{font-size:11px;color:var(--muted)}
.y-cikis{display:inline-flex;align-items:center;gap:6px}
.y-cikis .i{width:16px;height:16px}
@media (max-width:900px){.y-kim,.y-cikis span{display:none}}
.panel-bas h2 .i{width:18px;height:18px;color:var(--accent)}

/* ── Pano ── */
.y-karsilama{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:26px 30px;color:#fff;background:linear-gradient(135deg,var(--hero-1) 0%,var(--hero-2) 55%,var(--hero-3) 100%);display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}
.y-karsilama>*{position:relative;z-index:1}
.y-karsilama>.hero-desen{position:absolute;inset:0;z-index:0}
.y-karsilama-ic{flex:1;min-width:240px}
.y-tarih{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:4px 10px;border-radius:20px}
.y-tarih .i{width:14px;height:14px}
.y-karsilama h1{font-size:24px;font-weight:800;margin:12px 0 4px;letter-spacing:-.3px}
.y-karsilama p{margin:0;opacity:.85;font-size:14px}
.y-hizli{display:flex;gap:8px;flex-wrap:wrap}
.y-hizli-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:10px;background:#fff;color:#1B3A6B;font-weight:700;font-size:13px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.15)}
.y-hizli-btn .i{width:16px;height:16px}
.y-hizli-btn.ikincil{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.3);box-shadow:none}
.y-hizli-btn:hover{transform:translateY(-1px)}
.y-ozet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
@media (max-width:1000px){.y-ozet{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.y-ozet{grid-template-columns:minmax(0,1fr)}}
.y-ozet-kart{position:relative;display:flex;align-items:center;gap:12px;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;text-decoration:none;color:var(--text);box-shadow:var(--shadow-sm);transition:border-color .15s,transform .15s}
.y-ozet-kart:hover{border-color:var(--accent);transform:translateY(-1px)}
.y-ozet-simge{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);color:var(--accent);flex:none}
.y-ozet-simge .i{width:21px;height:21px}
.y-ozet-metin{display:flex;flex-direction:column;min-width:0}
.y-ozet-metin b{font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums}
.y-ozet-metin span{font-size:12px;color:var(--muted)}
.y-ozet-durum{position:absolute;top:10px;right:10px;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--ok-bg);color:var(--ok)}
.y-ozet-kart.uyari{border-color:color-mix(in srgb,var(--amber) 45%,var(--line))}
.y-ozet-kart.uyari .y-ozet-simge{background:var(--amber-bg);color:var(--amber)}
.y-ozet-kart.uyari .y-ozet-durum{background:var(--amber-bg);color:var(--amber)}
.y-iki-sutun{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:1100px){.y-iki-sutun{grid-template-columns:minmax(0,1fr)}}
.y-cubuklar{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.y-cubuklar li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:12px;align-items:center}
.y-cubuk-ad{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.y-cubuk-ad .ikon{width:30px;height:30px;border-radius:9px;font-size:9.5px}
.y-cubuk{height:10px;border-radius:6px;background:var(--surface-2);overflow:hidden}
.y-cubuk-dolu{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,var(--accent),#2E8B3A);transition:width .6s ease}
.y-cubuk-sayi{font-weight:700;font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap}
.y-cubuk-sayi small{color:var(--muted);font-weight:500}
@media (max-width:560px){.y-cubuklar li{grid-template-columns:minmax(0,1fr) auto}.y-cubuk{grid-column:1/-1;order:3}}
.y-zaman{list-style:none;margin:0;padding:0;position:relative}
.y-zaman::before{content:"";position:absolute;left:16px;top:6px;bottom:6px;width:2px;background:var(--line)}
.y-zaman li{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0}
.y-zaman-simge{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--line);color:var(--accent);z-index:1}
.y-zaman-simge .i{width:16px;height:16px}
.y-zaman li.uyari .y-zaman-simge{color:var(--amber);border-color:var(--amber);background:var(--amber-bg)}
.y-zaman-metin{display:flex;flex-direction:column;font-size:13px;min-width:0}
.y-zaman-metin code{font-size:11.5px}
.y-zaman-metin small{color:var(--muted);font-size:11.5px}
.y-zaman time{font-size:11.5px;color:var(--muted);white-space:nowrap}
.y-bos{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--muted);padding:18px 10px}
.y-bos-simge{width:34px!important;height:34px!important;opacity:.5;margin-bottom:6px}
.y-bos p{margin:0;font-size:13px}
:root.e-durgun .y-ozet-kart,:root.e-durgun .y-hizli-btn{transform:none!important}

/* ── Ortak sayfa başlığı ── */
.y-bas{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:16px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.y-bas{border-left:4px solid var(--accent)}
.y-bas-simge{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,#1B3A6B,#2A4F8F);box-shadow:0 6px 16px rgba(27,58,107,.25)}
.y-bas-simge .i{width:24px;height:24px}
.y-bas-simge.uyari{background:linear-gradient(135deg,#B45309,#E8920A)}
.y-bas-metin{flex:1;min-width:220px}
.y-bas-metin .yol{font-size:12px;margin:0 0 2px}
.y-bas h1{font-size:21px;font-weight:800;margin:0;letter-spacing:-.2px}
.y-bas p{margin:4px 0 0;color:var(--muted);font-size:13.5px;max-width:780px}
.y-bas-eylem{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
.y-ikonlu{display:inline-flex;align-items:center;gap:6px}
.y-ikonlu .i{width:15px;height:15px}
.y-ikon-btn{display:inline-grid;place-items:center;width:34px;height:34px;padding:0}
.y-ikon-btn .i{width:16px;height:16px}
.y-tehlike:hover{border-color:#B91C1C;color:#B91C1C}
.y-kaydet-cubugu{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:14px;flex-wrap:wrap}
.y-form .y-kaydet-cubugu{position:sticky;bottom:0;background:var(--bg);padding:12px 0;border-top:1px solid var(--line);z-index:2}
.y-bolum{margin-bottom:16px}
.y-bolum .panel-bas h2 .i{width:18px;height:18px;color:var(--accent)}

/* ── Tablolar ── */
.panel>.tablo-kap,.panel>.y-tablo{border:0;border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.panel>.panel-bas+.tablo-kap{border-top:0}
.y-tablo .tablo td{vertical-align:middle}
.y-tablo .tablo tbody tr:hover{background:var(--surface-2)}
.y-tablo .tablo tbody tr.soluk{opacity:.6}
.y-sistem{display:flex;align-items:center;gap:10px;min-width:0}
.y-sistem .ikon{width:34px;height:34px;border-radius:10px;font-size:9.5px}
.y-sistem>span:last-child{display:flex;flex-direction:column;min-width:0}
.y-sistem code{font-size:11px;color:var(--muted)}
.y-kat{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.y-adres code{word-break:break-all;font-size:11.5px}
.y-adres .durum{margin-left:6px}
.y-tarih-hucre{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text-2)}
.y-eylem{white-space:nowrap;text-align:right}
.y-eylem>*+*{margin-left:6px}
.y-metin-hucre{max-width:360px}
.y-ara{flex:1;max-width:420px}
.y-ara .ara{margin:0}
.durum.vpn{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);margin-left:4px}
.durum.gecmis{background:var(--surface-2);color:var(--muted)}
.durum.bekliyor{background:color-mix(in srgb,#2A4F8F 14%,transparent);color:var(--accent)}
.durum.rol-y{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
.durum.rol-b{background:var(--ok-bg);color:var(--ok)}
.y-tur{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;white-space:nowrap}
.y-tur::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.y-tur.t-Bakim::before{background:var(--gold)}
.y-tur.t-Kesinti::before{background:#B91C1C}
.y-kisi{display:flex;align-items:center;gap:10px}
.y-kisi>span:last-child{display:flex;flex-direction:column}
.y-kisi code{font-size:11px;color:var(--muted)}
.y-avatar.ikincil{background:var(--ok);color:#fff}
.y-kod-cip{display:inline-block;font-size:11px;padding:1px 7px;border-radius:6px;background:var(--surface-2);margin:1px 3px 1px 0}
.y-islem{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.y-islem .i{width:15px;height:15px;color:var(--accent)}
.y-uyari-satir .y-islem .i{color:var(--amber)}
.y-deger{font-size:11px;word-break:break-all;color:var(--muted)}
.sayfalama{padding:12px 16px;align-items:center}

/* ── Kategoriler ── */
.y-kategori-kartlari{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin-bottom:16px}
.y-kategori{display:flex;align-items:center;gap:12px;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow-sm)}
.y-kategori .ikon{width:42px;height:42px;border-radius:12px}
.y-kategori-metin{flex:1;display:flex;flex-direction:column;min-width:0}
.y-kategori-metin small{color:var(--muted);font-size:11.5px}
.y-kategori-metin code{font-size:11px}
.y-kategori-sayi{display:flex;flex-direction:column;align-items:center;line-height:1.1}
.y-kategori-sayi b{font-size:18px}
.y-kategori-sayi small{font-size:10.5px;color:var(--muted)}
.y-kategori-eylem{display:flex;gap:6px}

/* ── Kısayollar ── */
.y-kisayollar{list-style:none;margin:0;padding:6px 0}
.y-kisayollar li{display:grid;grid-template-columns:36px minmax(0,1.2fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 18px;border-bottom:1px solid var(--line)}
.y-kisayollar li:last-child{border-bottom:0}
.y-kisayollar li:hover{background:var(--surface-2)}
.y-kisayol-sira{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-weight:800;font-size:12px;color:var(--accent)}
.y-kisayol-metin{display:flex;flex-direction:column}
.y-kisayol-metin small{color:var(--muted);font-size:12px}
@media (max-width:700px){.y-kisayollar li{grid-template-columns:30px minmax(0,1fr) auto}.y-kisayollar .y-sistem{display:none}}

/* ── En çok kullanılanlar ── */
.y-sabitler{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:800px){.y-sabitler{grid-template-columns:minmax(0,1fr)}}
.y-sabitler li{display:flex;align-items:center;gap:10px;border:1.5px dashed var(--line-2);border-radius:12px;padding:8px 10px;background:var(--surface)}
.y-sabitler li.dolu{border-style:solid;border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.y-sabit-no{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800;background:var(--surface-2);color:var(--accent);flex:none}
.y-sabitler li.dolu .y-sabit-no{background:var(--accent);color:var(--on-accent)}
.y-sabitler select{flex:1;min-width:0;font:500 13.5px var(--font);padding:8px 10px;border:1.5px solid var(--line-2);border-radius:9px;background:var(--surface);color:var(--text)}
.y-sabit-durum{font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap}
.y-sabitler li.dolu .y-sabit-durum{color:var(--accent)}

/* ── Seçim çipleri (hedef kitle) ── */
.y-secim-cipleri{display:flex;gap:8px;flex-wrap:wrap}
.y-cip{position:relative;cursor:pointer}
.y-cip input{position:absolute;opacity:0;inset:0;cursor:pointer}
.y-cip span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1.5px solid var(--line-2);border-radius:20px;font-size:13px;font-weight:600;background:var(--surface)}
.y-cip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.y-cip input:checked+span::before{content:"✓"}
.y-cip input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}

/* ── Yetkisiz ── */
.y-yetkisiz .panel-ic{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 20px}
.y-yetkisiz h1{font-size:20px;margin:14px 0 6px}
.y-yetkisiz p{color:var(--muted);margin:0 0 14px}

/* Duyuru formu: gösterim seçimi, araç çubuğu, önizleme */
.y-gosterim{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:700px){.y-gosterim{grid-template-columns:1fr}}
.y-gosterim-sec{position:relative;cursor:pointer}
.y-gosterim-sec input{position:absolute;opacity:0}
.y-gosterim-sec span{display:flex;flex-direction:column;gap:3px;border:1.5px solid var(--line-2);border-radius:12px;padding:10px 12px;background:var(--surface)}
.y-gosterim-sec b{display:flex;align-items:center;gap:7px}
.y-gosterim-sec b .i{width:16px;height:16px;color:var(--accent)}
.y-gosterim-sec small{color:var(--muted);font-size:12px}
.y-gosterim-sec input:checked+span{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.y-gosterim-sec input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
.y-bicim{display:flex;gap:4px;border:1.5px solid var(--line-2);border-bottom:0;border-radius:9px 9px 0 0;padding:4px;background:var(--surface-2)}
.y-bicim button{width:32px;height:30px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);cursor:pointer;display:grid;place-items:center;font:700 14px var(--font)}
.y-bicim button:hover,.y-bicim button:focus-visible{background:var(--surface);border-color:var(--line-2)}
.y-bicim button .i{width:16px;height:16px}
.y-bicim+textarea{border-top-left-radius:0;border-top-right-radius:0}
.y-onizleme{border:1.5px dashed var(--line-2);border-radius:12px;padding:10px 14px;margin-top:6px}
.y-onizleme-etiket{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.y-onizleme-kutu{margin-top:6px;font-size:14px;line-height:1.6}
.y-onizleme-kutu strong:empty{display:none}
.y-onizleme-kutu>strong{display:block;margin-bottom:2px}
.y-onizleme-kutu a,.y-bicimli a{color:var(--accent);font-weight:700}
.y-onizleme-kutu ul,.y-bicimli ul{margin:4px 0;padding-left:20px}

/* Sistem sıralama */
.y-sira-ipucu{display:flex;align-items:center;gap:8px;margin:0;padding:10px 18px;font-size:12.5px;color:var(--muted);border-bottom:1px solid var(--line);background:var(--surface-2)}
.y-sira-ipucu .i{width:16px;height:16px;color:var(--accent);flex:none}
.y-sira-th{width:76px}
.y-sira-hucre{white-space:nowrap}
.y-tutamak{display:inline-grid;place-items:center;width:22px;height:30px;cursor:grab;color:var(--muted);font-size:18px;user-select:none;vertical-align:middle;border-radius:6px}
.y-tutamak:hover{background:var(--surface-2);color:var(--accent)}
.y-tutamak:active{cursor:grabbing}
.y-sira-dugmeler{display:inline-flex;flex-direction:column;vertical-align:middle;margin-left:2px}
.y-ok-btn{width:24px;height:16px;padding:0;border:1px solid var(--line-2);background:var(--surface);color:var(--text-2);font-size:8px;line-height:1;cursor:pointer}
.y-ok-btn:first-child{border-radius:5px 5px 0 0}
.y-ok-btn:last-child{border-radius:0 0 5px 5px;border-top:0}
.y-ok-btn:hover,.y-ok-btn:focus-visible{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
tr[data-sira-satir]:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
tr.y-suruklenen{opacity:.45;background:var(--surface-2)}
tr.y-tasindi{background:color-mix(in srgb,var(--gold) 16%,transparent)!important;transition:background .6s}
.y-sira-cubugu{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin:12px;padding:10px 14px;border-radius:12px;background:var(--surface);border:1.5px solid var(--gold);box-shadow:var(--shadow-lg)}
.y-sira-cubugu>span{display:flex;align-items:center;gap:7px;margin-right:auto;font-weight:700;font-size:13px;color:var(--amber)}
.y-sira-cubugu .i{width:16px;height:16px}
:root.e-durgun tr.y-tasindi{transition:none}

/* Sistem silme bölümü */
.y-tehlike-bolum{border-color:color-mix(in srgb,#B91C1C 35%,var(--line))}
.y-tehlike-bolum .panel-bas h2 .i{color:#B91C1C}
.y-tehlike-bolum p{margin:0 0 12px;color:var(--text-2);font-size:13.5px}
.y-sil-btn{border-color:#B91C1C;color:#B91C1C}
.y-sil-btn:hover,.y-sil-btn:focus-visible{background:#B91C1C;color:#fff}

/* Sistem rozeti seçimi */
.y-simge-sec{border:1.5px solid var(--line);border-radius:12px;padding:10px 14px 14px;margin-top:10px}
.y-simge-sec legend{font-weight:700;padding:0 6px;font-size:13px}
.y-simge-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-top:8px;max-height:330px;overflow:auto;padding:2px}
.y-simge-kutu{position:relative;cursor:pointer}
.y-simge-kutu input{position:absolute;opacity:0;inset:0;cursor:pointer}
.y-simge-kutu>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:74px;padding:8px 4px;border:1.5px solid var(--line-2);border-radius:11px;background:var(--surface);text-align:center}
.y-simge-kutu svg{width:26px;height:26px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.y-simge-kutu small{font-size:10.5px;color:var(--muted);line-height:1.2}
.y-simge-kutu.kisa b{font-size:13px;font-weight:800;color:var(--accent);min-height:26px;display:grid;place-items:center}
.y-simge-kutu input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.y-simge-kutu input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
.y-simge-kutu:hover>span{border-color:var(--accent)}

/* ── Kategoriler (hedef kitleler) ── */
a.y-kategori{text-decoration:none;color:var(--text);transition:border-color .15s,background .15s,box-shadow .15s}
a.y-kategori:hover,a.y-kategori:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
a.y-kategori.secili{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-sm);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.y-kategori .ikon.simgeli .i{width:56%;height:56%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.y-kategori-eylem{color:var(--muted)}
.y-kategori-eylem .i{width:18px;height:18px}
.y-bos-not{color:var(--muted);font-size:14px;margin:6px 2px}
.y-uye-ara{margin:10px 0 14px;max-width:420px}
.y-uyeler{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.y-uyeler li[hidden]{display:none}
.y-uye{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;background:var(--surface);transition:border-color .15s,background .15s}
.y-uye:hover{border-color:var(--accent)}
.y-uye.secili{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.y-uye input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:0}
.y-uye input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.y-uye .ikon{width:34px;height:34px;border-radius:10px;font-size:10px}
.y-uye-metin{flex:1;min-width:0;display:flex;flex-direction:column}
.y-uye-metin b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.y-uye-metin small{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.durum.acik{background:color-mix(in srgb,var(--green) 16%,var(--surface));color:var(--green)}
@media (max-width:600px){.y-uyeler{grid-template-columns:1fr}}
.y-acik-dugme{font:inherit;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;margin-left:4px;cursor:pointer;border:1.5px dashed var(--line-2);background:none;color:var(--muted);white-space:nowrap}
.y-acik-dugme:not(.acik){opacity:.55}
.y-acik-dugme:not(.acik)::before{content:"○ "}
.y-acik-dugme:hover,.y-acik-dugme:focus-visible{border-color:var(--green);color:var(--green);opacity:1}
.y-acik-dugme.acik{border-style:solid;border-color:transparent;background:color-mix(in srgb,var(--green) 16%,var(--surface));color:var(--green)}
.y-acik-dugme.acik::before{content:"✓ "}

/* Yetkililer: personel araması, rol kartları ve sistem seçimi */
.y-yetkili{display:grid;gap:26px}
.y-adim-bolum{display:grid;gap:10px;min-width:0}
.y-adim{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.y-adim h3{margin:0;font-size:14.5px;font-weight:700}
.y-adim-no{width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}
.y-sayac-rozet{margin-left:auto}
.y-personel{display:grid;gap:6px;max-width:640px}
.y-ara-kutu{position:relative}
.y-ara-kutu .i{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}
.form .y-ara-kutu input{padding-left:40px}
.y-sonuc{list-style:none;margin:0;padding:0;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-md);overflow:hidden;max-height:420px;overflow-y:auto}
.y-sonuc li+li{border-top:1px solid var(--line)}
.y-sonuc button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;cursor:pointer;font-family:var(--font)}
.y-sonuc button:hover,.y-sonuc button:focus-visible,.y-sonuc button.etkin{background:var(--surface-2)}
.y-sonuc button:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.y-sonuc .y-avatar{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent);flex:none}
.y-sonuc-metin{display:flex;flex-direction:column;min-width:0;flex:1}
.y-sonuc-metin small{color:var(--muted);font-size:12px}
.y-sonuc code{font-size:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:var(--text-2)}
.y-sonuc-sec{font:600 12.5px var(--font);color:var(--accent);border:1.5px solid var(--accent);border-radius:9px;padding:5px 12px;flex:none}
.y-secilen{display:flex;align-items:center;gap:12px;max-width:640px;padding:12px 14px;border:1.5px solid var(--accent);border-radius:12px;background:var(--surface-2)}
.y-secilen .y-avatar{width:38px;height:38px;flex:none}
.y-secilen-metin{display:flex;flex-direction:column;flex:1;min-width:0}
.y-secilen-metin small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.y-secilen-metin span{font-size:12.5px;color:var(--text-2)}
.y-baglanti-dugme{justify-self:start;font:600 12.5px var(--font);color:var(--link);background:none;border:0;padding:2px 0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.y-elle{display:grid;gap:4px;max-width:760px}
.y-rol-kartlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:780px}
.form .y-rol-kart{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border:1.5px solid var(--line-2);border-radius:12px;background:var(--surface);cursor:pointer;margin:0;font-weight:400}
.y-rol-kart:has(input:checked){border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.form .y-rol-kart input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent);flex:none}
.y-rol-kart span{display:grid;gap:3px}
.y-rol-kart b{font-size:14px}
.y-rol-kart small{font-size:12.5px;color:var(--text-2)}
.y-sistem-ara{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.form .y-sistem-ara label{margin:0}
.form .y-sistem-ara input{max-width:320px}
.y-cipler{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.y-cipler:empty{display:none}
.y-cip{font:600 12px var(--font);padding:4px 10px;border-radius:20px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);border:0;cursor:pointer}
.y-cip:hover{background:color-mix(in srgb,var(--accent) 20%,var(--surface))}
.y-sistem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.form .y-sistem-grup{margin:0;align-content:start}
.y-sistem-grup legend{font-size:12.5px;color:var(--accent)}
.form .y-sistem{display:flex;gap:8px;align-items:center;font-weight:500;font-size:13px;color:var(--text-2);margin:0;padding:2px 0;cursor:pointer}
.form .y-sistem input{width:16px;height:16px;margin:0;accent-color:var(--accent);flex:none}
.y-aktif{margin-right:auto}
.y-liste-ara{font:500 13px var(--font);padding:7px 11px;border:1.5px solid var(--line-2);border-radius:9px;background:var(--surface);color:var(--text);width:220px}
@media (max-width:700px){.y-rol-kartlar{grid-template-columns:minmax(0,1fr)}.y-liste-ara{width:100%}}

/* Telefonda taşma: içerik sütunu ekrandan geniş olmasın; tablo yalnız kendi kutusunda kaysın */
.yonetim .icerik{grid-template-columns:minmax(0,1fr)}
.tablo-kap{position:relative}