/* FerizZ Canlı Destek: sayfalar.css. Ray sayfaları (Görevler, Telefon, Geçmiş, Müşteriler, Ekip, Raporlar, Ayarlar). Ön ek: fz-sy- */

.fz-sy-sayfa--genis { max-width: 1280px; }
.fz-sy-baslik-sag { display: flex; align-items: center; gap: var(--fz-b-3); flex-wrap: wrap; }
.fz-sy-bosluk { flex: 1; }
.fz-sy-govde { min-width: 0; }
.fz-sy-bos { min-height: 320px; }
.fz-sy-form { display: flex; flex-direction: column; gap: var(--fz-b-4); }
.fz-sy-form-iki { display: grid; grid-template-columns: 1fr 1fr; gap: var(--fz-b-3); }
.fz-sy-modal-not { margin: 0 0 var(--fz-b-3); color: var(--fz-yazi-2); }
.fz-sy-oneriler { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: var(--fz-b-3); }
.fz-sy-oneriler .fz-cip { cursor: pointer; height: 26px; }
.fz-sy-oneriler .fz-cip:hover { background: var(--fz-yuzey-3); }
.fz-sy-av-yok { background: var(--fz-yuzey-3); color: var(--fz-yazi-3); box-shadow: inset 0 0 0 1px var(--fz-cizgi-guclu); }
.fz-sy-av-asistan { background: var(--fz-asistanda); }
.fz-sy-tablo { overflow-x: auto; }
.fz-sy-tablo > * { min-width: 940px; }

/* ---------- Süzgeç çipleri ---------- */
.fz-sy-cipler { display: flex; flex-wrap: wrap; gap: var(--fz-b-2); margin-bottom: var(--fz-b-4); }
.fz-sy-cip {
  display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px 0 6px; border-radius: var(--fz-r-tam); border: 1px solid var(--fz-cizgi-guclu);
  background: var(--fz-yuzey); color: var(--fz-yazi-2); font-weight: 650; font-size: var(--fz-y-sm); transition: background var(--fz-sure-hizli), border-color var(--fz-sure-hizli);
}
.fz-sy-cip:hover { background: var(--fz-yuzey-3); }
.fz-sy-cip-sayi { min-width: 28px; height: 28px; padding: 0 6px; border-radius: var(--fz-r-tam); display: inline-grid; place-items: center; background: var(--fz-yuzey-3); color: var(--fz-yazi); font-weight: 750; font-variant-numeric: tabular-nums; }
.fz-sy-cip[aria-pressed="true"] { background: var(--fz-orman-800); border-color: var(--fz-orman-800); color: var(--fz-ray-yazi-aktif); }
.fz-sy-cip[aria-pressed="true"] .fz-sy-cip-sayi { background: var(--fz-altin-400); color: var(--fz-altin-900); }
.fz-sy-cip--uyari:not([aria-pressed="true"]) .fz-sy-cip-sayi { background: var(--fz-hata-zemin); color: var(--fz-hata); }
.fz-sy-cip--kucuk { height: 32px; padding: 0 12px; gap: 6px; }
.fz-sy-cip--kucuk b { font-variant-numeric: tabular-nums; color: var(--fz-yazi-3); font-weight: 700; }
.fz-sy-cip--kucuk[aria-pressed="true"] b { color: var(--fz-altin-200); }
.fz-sy-arac { display: flex; align-items: center; gap: var(--fz-b-4); margin-bottom: var(--fz-b-3); }
.fz-sy-arac .fz-arama { flex: 0 1 380px; }
.fz-sy-arac-sayi { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); font-variant-numeric: tabular-nums; }

/* ---------- Tablo satırları ---------- */
.fz-sy-tablo { --sy-kolon: 92px minmax(190px, 1fr) 136px 74px 82px 104px 128px 72px; --sy-min: 994px; }
.fz-sy-gecmis { --sy-kolon: minmax(190px, 1.1fr) minmax(140px, 1fr) 130px 128px 96px 124px 60px; --sy-min: 972px; }
.fz-sy-musteriler { --sy-kolon: minmax(240px, 1.5fr) 150px 100px 76px 120px 100px 44px; --sy-min: 934px; }
.fz-sy-satir {
  display: grid; grid-template-columns: var(--sy-kolon); min-width: var(--sy-min, 0); align-items: center; gap: var(--fz-b-3); min-height: 64px; padding: 8px var(--fz-b-4);
  border-bottom: 1px solid var(--fz-cizgi); background: var(--fz-yuzey); text-align: left; font-size: var(--fz-y-md);
}
.fz-sy-satir:last-child { border-bottom: 0; }
.fz-sy-satir[role="button"] { cursor: pointer; transition: background var(--fz-sure-hizli); }
.fz-sy-satir[role="button"]:hover { background: var(--fz-yuzey-2); }
.fz-sy-satir[role="button"]:focus-visible { outline: 2px solid var(--fz-odak); outline-offset: -2px; }
.fz-sy-satir--baslik { min-height: 40px; background: var(--fz-yuzey-2); color: var(--fz-yazi-3); font-size: var(--fz-y-xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; }
.fz-sy-satir--tamam { opacity: 0.72; }
.fz-sy-satir--yeni { background: var(--fz-vurgu-zemin); animation: fz-sy-vurgu 2.4s ease-out 1; }
@keyframes fz-sy-vurgu { from { box-shadow: inset 0 0 0 2px var(--fz-altin-400); } to { box-shadow: inset 0 0 0 2px transparent; } }
.fz-sy-satir > span { min-width: 0; }
.fz-sy-no { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); font-variant-numeric: tabular-nums; font-weight: 600; }
.fz-sy-konu, .fz-sy-gm, .fz-sy-gtem { display: flex; align-items: center; gap: var(--fz-b-3); }
.fz-sy-gtem { gap: 8px; font-weight: 600; }
.fz-sy-konu-metin { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.fz-sy-konu-metin b { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fz-sy-konu-metin small { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fz-sy-tur { flex: none; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--fz-vurgu-zemin); color: var(--fz-vurgu-yazi); }
.fz-sy-musteri, .fz-sy-gkonu { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 550; }
.fz-sy-kanal-ad { font-size: var(--fz-y-sm); color: var(--fz-yazi-2); }
.fz-sy-son { display: flex; flex-direction: column; line-height: 1.3; font-variant-numeric: tabular-nums; }
.fz-sy-son b { font-weight: 700; font-size: var(--fz-y-sm); }
.fz-sy-son small { color: var(--fz-yazi-3); font-size: var(--fz-y-xs); }
.fz-sy-son--gecikti b { color: var(--fz-hata); }
.fz-sy-son--tamam b { color: var(--fz-yazi-3); font-weight: 650; }
.fz-sy-sayi { font-variant-numeric: tabular-nums; font-weight: 600; }
.fz-sy-tel { font-variant-numeric: tabular-nums; color: var(--fz-yazi-2); }
.fz-sy-sayfalama { display: flex; align-items: center; gap: var(--fz-b-3); margin: var(--fz-b-3) 2px 0; font-size: var(--fz-y-sm); }
.fz-sy-sayfa-no { font-variant-numeric: tabular-nums; color: var(--fz-yazi-2); font-weight: 650; }
.fz-sy-puan { display: inline-flex; align-items: center; gap: 4px; color: var(--fz-altin-600); font-variant-numeric: tabular-nums; }
.fz-sy-puan b { color: var(--fz-yazi); font-weight: 700; }
.fz-sy-kanal-ikonlar { display: inline-flex; gap: 4px; }
.fz-sy-kanal-ikon { width: 24px; height: 24px; border-radius: 50%; display: inline-grid; place-items: center; color: #fff; flex: none; }
.fz-sy-kanal-ikon--wa { background: var(--fz-kanal-wa); }
.fz-sy-kanal-ikon--ig { background: var(--fz-kanal-ig); }
.fz-sy-kanal-ikon--site { background: var(--fz-kanal-site); }
.fz-sy-kanal-ikon--buyuk { width: 36px; height: 36px; }
.fz-sy-kanal-ikon--dev { width: 48px; height: 48px; }

.fz-sy-suzgec { display: flex; flex-wrap: wrap; align-items: center; gap: var(--fz-b-2); padding: var(--fz-b-3); margin-bottom: var(--fz-b-4); }
.fz-sy-suzgec .fz-girdi { width: auto; min-width: 140px; }
.fz-sy-suzgec-ara { flex: 1 1 260px; max-width: 360px; }
.fz-sy-suzgec-ara .fz-girdi { width: 100%; }
.fz-sy-ozel-tarih { display: inline-flex; align-items: center; gap: 6px; }
.fz-sy-ozel-tarih[hidden] { display: none; }

/* ---------- Pano ---------- */

/* ---------- Çekmece ---------- */
.fz-sy-cekmece-kok { position: absolute; inset: 0; z-index: var(--fz-z-panel); }
.fz-sy-perde { position: absolute; inset: 0; background: var(--fz-ortu); }
.fz-sy-cekmece { position: absolute; top: 0; right: 0; bottom: 0; width: min(480px, 100%); background: var(--fz-yuzey); box-shadow: var(--fz-golge-3); display: flex; flex-direction: column; border-left: 1px solid var(--fz-cizgi); }
.fz-sy-cekmece--gir { animation: fz-sy-cek-gir 240ms var(--fz-egri); }
@keyframes fz-sy-cek-gir { from { transform: translateX(32px); opacity: 0; } to { transform: none; opacity: 1; } }
.fz-sy-cek-ust { flex: none; padding: var(--fz-b-4) var(--fz-b-5) var(--fz-b-3); border-bottom: 1px solid var(--fz-cizgi); display: flex; flex-direction: column; gap: var(--fz-b-2); }
.fz-sy-cek-ustsatir { display: flex; align-items: center; justify-content: space-between; }
.fz-sy-cek-no { display: inline-flex; align-items: center; gap: 6px; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); font-weight: 650; }
.fz-sy-cek-baslik { font-size: var(--fz-y-xl); font-weight: 800; line-height: 1.25; margin: 0; }
.fz-sy-cek-cipler { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.fz-sy-cek-govde { flex: 1; min-height: 0; overflow: auto; padding: var(--fz-b-4) var(--fz-b-5); display: flex; flex-direction: column; gap: var(--fz-b-5); }
.fz-sy-cek-alt { flex: none; display: flex; align-items: center; gap: var(--fz-b-2); padding: var(--fz-b-3) var(--fz-b-5); border-top: 1px solid var(--fz-cizgi); background: var(--fz-yuzey-2); flex-wrap: wrap; }
.fz-sy-ozet { display: grid; grid-template-columns: 1fr 1fr; gap: var(--fz-b-3) var(--fz-b-4); margin: 0; }
.fz-sy-ozet dt, .fz-sy-bilgi dt { font-size: var(--fz-y-xs); font-weight: 700; color: var(--fz-yazi-3); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 4px; }
.fz-sy-ozet dd { margin: 0; display: flex; align-items: center; gap: 8px; font-weight: 600; min-height: 28px; }
.fz-sy-cek-acik { margin: 0; padding: var(--fz-b-3); background: var(--fz-yuzey-3); border-radius: var(--fz-r-sm); color: var(--fz-yazi-2); }
.fz-sy-bolum { display: flex; flex-direction: column; gap: var(--fz-b-2); }
.fz-sy-bolum .fz-bolum-baslik svg { color: var(--fz-vurgu-yazi); }
.fz-sy-bilgi { margin: 0; display: flex; flex-direction: column; gap: 10px; }
.fz-sy-bilgi > div { display: grid; grid-template-columns: 110px 1fr; gap: var(--fz-b-3); align-items: baseline; }
.fz-sy-bilgi dt { margin: 0; }
.fz-sy-bilgi dd { margin: 0; line-height: 1.45; }
.fz-sy-bilgi--iki { display: grid; grid-template-columns: 1fr 1fr; gap: var(--fz-b-4) var(--fz-b-5); }
.fz-sy-bilgi--iki > div { display: block; }
.fz-sy-bilgi-tam { grid-column: 1 / -1; }
.fz-sy-eksik { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.fz-sy-eksik li { padding: 8px 12px; background: var(--fz-uyari-zemin); color: var(--fz-yazi); border-radius: var(--fz-r-sm); font-size: var(--fz-y-md); }
.fz-sy-yapilacak { padding: 6px 0; align-items: flex-start; }
.fz-sy-yapilacak input { margin-top: 2px; flex: none; }
.fz-sy-yapilacak input:checked + span { color: var(--fz-yazi-3); text-decoration: line-through; }
.fz-sy-sonuc { margin: 6px 0 0; padding: var(--fz-b-3); background: var(--fz-bende-zemin); color: var(--fz-bende-yazi); border-radius: var(--fz-r-sm); }
.fz-sy-zaman { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.fz-sy-zaman li { display: grid; grid-template-columns: 16px 1fr; gap: var(--fz-b-3); padding-bottom: var(--fz-b-3); position: relative; }
.fz-sy-zaman li:not(:last-child)::before { content: ""; position: absolute; left: 7px; top: 18px; bottom: 0; width: 2px; background: var(--fz-cizgi); }
.fz-sy-zaman-nokta { width: 12px; height: 12px; margin: 4px 2px 0; border-radius: 50%; background: var(--fz-vurgu); box-shadow: 0 0 0 3px var(--fz-vurgu-zemin-2); }
.fz-sy-zaman b { display: block; font-weight: 600; line-height: 1.4; }
.fz-sy-zaman small { color: var(--fz-yazi-3); font-size: var(--fz-y-xs); }
.fz-sy-okuma-kisi { display: flex; align-items: center; gap: var(--fz-b-3); }
.fz-sy-okuma-meta { display: inline-flex; align-items: center; gap: 6px; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-sy-okuma-bilgi { display: inline-flex; align-items: center; gap: 6px; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }

/* ---------- Okuma görünümü balonları ---------- */
.fz-sy-yazisma { display: flex; flex-direction: column; gap: 8px; }
.fz-sy-gun { text-align: center; margin: 4px 0; }
.fz-sy-gun span { display: inline-block; padding: 3px 12px; border-radius: var(--fz-r-tam); background: var(--fz-yuzey-3); color: var(--fz-yazi-3); font-size: var(--fz-y-xs); font-weight: 650; }
.fz-sy-sistem { text-align: center; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); padding: 2px 12px; }
.fz-sy-bal { max-width: 86%; padding: 8px 12px 6px; border-radius: var(--fz-r-md); background: var(--fz-balon-musteri); border: 1px solid var(--fz-balon-musteri-cizgi); align-self: flex-start; display: flex; flex-direction: column; gap: 3px; }
.fz-sy-bal p { margin: 0; line-height: 1.45; overflow-wrap: anywhere; }
.fz-sy-bal time { align-self: flex-end; font-size: 11px; color: var(--fz-yazi-3); }
.fz-sy-bal-kim { font-size: var(--fz-y-xs); font-weight: 750; color: var(--fz-yazi-2); }
.fz-sy-bal--temsilci { align-self: flex-end; background: var(--fz-balon-temsilci); border-color: transparent; }
.fz-sy-bal--asistan { align-self: flex-end; background: var(--fz-balon-asistan); border-color: transparent; }
.fz-sy-bal--not { align-self: center; max-width: 94%; background: var(--fz-not-zemin); border-color: var(--fz-not-cizgi); color: var(--fz-not-yazi); }
.fz-sy-bal--not .fz-sy-bal-kim, .fz-sy-bal--not time { color: var(--fz-not-yazi); }
.fz-sy-ek { border-radius: var(--fz-r-sm); overflow: hidden; }
.fz-sy-ek--dosya { display: flex; align-items: center; gap: 8px; padding: 6px 8px; background: var(--fz-yuzey-3); }
.fz-sy-ek--dosya span { display: flex; flex-direction: column; font-weight: 600; font-size: var(--fz-y-sm); }
.fz-sy-ek--dosya small { color: var(--fz-yazi-3); font-weight: 500; }

/* ---------- Telefon ---------- */
.fz-sy-telefon { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: var(--fz-b-4); align-items: start; }
.fz-sy-tuslar { padding: var(--fz-b-5); display: flex; flex-direction: column; gap: var(--fz-b-3); position: sticky; top: var(--fz-b-4); }
.fz-sy-no-alan { display: flex; align-items: center; gap: 4px; border-bottom: 2px solid var(--fz-cizgi); padding-bottom: 6px; }
.fz-sy-no-alan:focus-within { border-bottom-color: var(--fz-altin-600); }
.fz-sy-no-girdi { flex: 1; min-width: 0; border: 0; background: transparent; font: inherit; font-size: 26px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: 0.01em; color: var(--fz-yazi); height: 48px; outline: none; }
.fz-sy-no-girdi::placeholder { font-size: var(--fz-y-lg); font-weight: 500; color: var(--fz-yazi-3); }
.fz-sy-eslesme { min-height: 46px; display: flex; align-items: center; gap: var(--fz-b-3); padding: 0 var(--fz-b-3); border-radius: var(--fz-r-sm); background: var(--fz-yuzey-2); font-size: var(--fz-y-sm); }
.fz-sy-eslesme-metin { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.fz-sy-eslesme-metin b { font-size: var(--fz-y-md); }
.fz-sy-eslesme-metin small { color: var(--fz-yazi-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fz-sy-eslesme-yok { display: inline-flex; align-items: center; gap: 6px; color: var(--fz-uyari); font-weight: 600; }
.fz-sy-tus-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--fz-b-2); }
.fz-sy-tus { height: 62px; border-radius: var(--fz-r-md); border: 1px solid var(--fz-cizgi); background: var(--fz-yuzey); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; transition: background var(--fz-sure-hizli), transform var(--fz-sure-hizli); }
.fz-sy-tus:hover { background: var(--fz-yuzey-3); }
.fz-sy-tus:active { transform: scale(0.96); background: var(--fz-vurgu-zemin-2); }
.fz-sy-tus b { font-size: 22px; font-weight: 700; line-height: 1; }
.fz-sy-tus small { font-size: 10px; letter-spacing: 0.14em; color: var(--fz-yazi-3); min-height: 12px; }
.fz-sy-ipucu-satir { margin: 0; text-align: center; font-size: var(--fz-y-xs); color: var(--fz-yazi-3); }
.fz-sy-aramalar { min-width: 0; overflow: hidden; }
.fz-sy-aramalar-ust { display: flex; align-items: center; justify-content: space-between; gap: var(--fz-b-3); flex-wrap: wrap; padding: var(--fz-b-4) var(--fz-b-4) var(--fz-b-3); border-bottom: 1px solid var(--fz-cizgi); }
.fz-sy-aramalar-ust h2 { font-size: var(--fz-y-lg); font-weight: 800; margin: 0; }
.fz-sy-aramalar-ust .fz-sayac { margin-left: 4px; }
.fz-sy-arama-satir { display: grid; grid-template-columns: 40px minmax(0, 1fr) 128px auto; gap: var(--fz-b-3); align-items: center; padding: 10px var(--fz-b-4); min-height: 68px; border-bottom: 1px solid var(--fz-cizgi); }
.fz-sy-arama-satir:last-child { border-bottom: 0; }
.fz-sy-arama-ik { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--fz-yuzey-3); color: var(--fz-yazi-2); position: relative; }
.fz-sy-arama-ik--gelen { background: var(--fz-bende-zemin); color: var(--fz-bende); }
.fz-sy-arama-ik--giden { background: var(--fz-asistanda-zemin); color: var(--fz-asistanda); }
.fz-sy-arama-ik--cevapsiz { background: var(--fz-hata-zemin); color: var(--fz-hata); }
.fz-sy-arama-metin { display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
.fz-sy-arama-metin b { font-weight: 700; }
.fz-sy-arama-satir--cevapsiz .fz-sy-arama-metin b { color: var(--fz-hata); }
.fz-sy-arama-metin small { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); font-variant-numeric: tabular-nums; }
.fz-sy-arama-metin em { display: flex; align-items: center; gap: 4px; font-style: normal; color: var(--fz-yazi-2); font-size: var(--fz-y-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fz-sy-arama-metin em svg { flex: none; color: var(--fz-yazi-3); }
.fz-sy-arama-zaman { display: flex; flex-direction: column; text-align: right; line-height: 1.35; font-variant-numeric: tabular-nums; }
.fz-sy-arama-zaman b { font-size: var(--fz-y-sm); font-weight: 650; }
.fz-sy-arama-zaman small { color: var(--fz-yazi-3); font-size: var(--fz-y-xs); }
.fz-sy-arama-eylem { display: flex; align-items: center; gap: 2px; }

/* ---------- Arama ekranı ---------- */
.fz-sy-arama-kok { position: absolute; inset: 0; z-index: calc(var(--fz-z-panel) + 2); background: var(--fz-ray-zemin); color: var(--fz-ray-yazi-aktif); display: grid; place-items: center; overflow: auto; padding: var(--fz-b-4); animation: fz-sy-arama-gir 220ms var(--fz-egri); }
@keyframes fz-sy-arama-gir { from { opacity: 0; transform: scale(0.985); } to { opacity: 1; transform: none; } }
.fz-sy-arama-kart { width: min(440px, 100%); display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--fz-b-2); padding: var(--fz-b-4) 0; }
.fz-sy-arama-etiket { margin: 0; font-size: var(--fz-y-sm); font-weight: 650; color: var(--fz-ray-yazi); letter-spacing: 0.04em; text-transform: uppercase; }
.fz-sy-halka-av { position: relative; padding: 6px; border-radius: 50%; margin: var(--fz-b-3) 0 var(--fz-b-2); box-shadow: 0 0 0 2px var(--fz-ray-aktif); }
.fz-sy-halka-av--nabiz::before, .fz-sy-halka-av--nabiz::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 2px solid var(--fz-altin-400); opacity: 0; animation: fz-sy-nabiz 1.8s ease-out infinite; }
.fz-sy-halka-av--nabiz::after { animation-delay: 0.9s; }
@keyframes fz-sy-nabiz { from { transform: scale(0.96); opacity: 0.7; } to { transform: scale(1.35); opacity: 0; } }
.fz-sy-av-buyuk { color: var(--fz-yazi-3); }
.fz-sy-arama-kart h2 { margin: 0; font-size: var(--fz-y-2xl); font-weight: 800; }
.fz-sy-arama-no { margin: 0; color: var(--fz-ray-yazi); font-size: var(--fz-y-lg); font-variant-numeric: tabular-nums; }
.fz-sy-arama-durum { margin: 4px 0 0; font-size: var(--fz-y-xl); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--fz-altin-400); }
.fz-sy-arama-alt { margin: var(--fz-b-2) 0 0; color: var(--fz-ray-yazi); }
.fz-sy-arama-bilgi { list-style: none; margin: var(--fz-b-3) 0 0; padding: var(--fz-b-3) var(--fz-b-4); width: 100%; background: var(--fz-ray-hover); border-radius: var(--fz-r-md); display: flex; flex-direction: column; gap: 8px; text-align: left; }
.fz-sy-arama-bilgi li { display: flex; align-items: center; gap: 10px; font-size: var(--fz-y-md); }
.fz-sy-arama-bilgi svg { flex: none; color: var(--fz-altin-400); }
.fz-sy-arama-cipler { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; margin-top: 4px; }
.fz-sy-arama-islemler { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--fz-b-2); width: 100%; margin-top: var(--fz-b-3); }
.fz-sy-arama-islem { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 4px; border: 0; border-radius: var(--fz-r-md); background: var(--fz-ray-hover); color: var(--fz-ray-yazi-aktif); font-size: var(--fz-y-sm); font-weight: 650; }
.fz-sy-arama-islem:hover:not(:disabled) { background: var(--fz-ray-aktif); }
.fz-sy-arama-islem[aria-pressed="true"] { background: var(--fz-altin-400); color: var(--fz-altin-900); }
.fz-sy-arama-islem:disabled { opacity: 0.4; cursor: not-allowed; }
.fz-sy-arama-not { width: 100%; margin-top: var(--fz-b-3); background: var(--fz-ray-hover); border-color: var(--fz-ray-aktif); color: var(--fz-ray-yazi-aktif); }
.fz-sy-arama-not::placeholder { color: var(--fz-ray-yazi); }
.fz-sy-arama-dugmeler { display: flex; gap: var(--fz-b-8); justify-content: center; margin-top: var(--fz-b-5); }
.fz-sy-arama-dugmeler > div { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: var(--fz-y-sm); font-weight: 650; color: var(--fz-ray-yazi); }
.fz-sy-yuvarlak { width: 68px; height: 68px; border-radius: 50%; border: 0; display: grid; place-items: center; color: #fff; box-shadow: var(--fz-golge-2); transition: transform var(--fz-sure-hizli); }
.fz-sy-yuvarlak:hover { transform: scale(1.06); }
.fz-sy-yuvarlak--kirmizi { background: var(--fz-bekliyor); }
.fz-sy-yuvarlak--yesil { background: var(--fz-bende); }
.fz-sy-yuvarlak:focus-visible { outline: 3px solid var(--fz-altin-400); outline-offset: 3px; }

/* ---------- WhatsApp şablon modalı ---------- */
.fz-sy-wa { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: var(--fz-b-4); }
.fz-sy-wa-kime { display: flex; align-items: center; gap: 10px; margin: 0 0 var(--fz-b-2); }
.fz-sy-wa-kime span { display: flex; flex-direction: column; line-height: 1.3; }
.fz-sy-wa-kime small { color: var(--fz-yazi-3); }
.fz-sy-sablonlar { max-height: 340px; overflow: auto; display: flex; flex-direction: column; gap: 2px; margin-right: -4px; padding-right: 4px; }
.fz-sy-sablon-grup > span { display: block; padding: 8px 4px 4px; font-size: var(--fz-y-xs); font-weight: 750; letter-spacing: 0.04em; text-transform: uppercase; color: var(--fz-yazi-3); }
.fz-sy-sablon { width: 100%; text-align: left; border: 1px solid transparent; background: transparent; border-radius: var(--fz-r-sm); padding: 7px 10px; display: flex; flex-direction: column; gap: 1px; }
.fz-sy-sablon:hover { background: var(--fz-yuzey-3); }
.fz-sy-sablon[aria-pressed="true"] { background: var(--fz-vurgu-zemin); border-color: var(--fz-altin-400); }
.fz-sy-sablon small { color: var(--fz-yazi-3); font-size: var(--fz-y-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------- Müşteri detay / ekle ---------- */
.fz-sy-kirinti { margin: -8px 0 var(--fz-b-2) -8px; }
.fz-sy-detay-ust { display: flex; align-items: center; gap: var(--fz-b-4); padding: var(--fz-b-5); flex-wrap: wrap; }
.fz-sy-detay-ad { flex: 1; min-width: 220px; }
.fz-sy-detay-ad h1 { font-size: var(--fz-y-2xl); font-weight: 800; margin: 0; line-height: 1.2; }
.fz-sy-detay-ad p { margin: 2px 0 8px; color: var(--fz-yazi-3); display: flex; align-items: center; gap: 8px; }
.fz-sy-detay-dugme { display: flex; gap: var(--fz-b-2); flex-wrap: wrap; }
.fz-sy-detay-ozet { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--fz-b-3); margin: var(--fz-b-3) 0; }
.fz-sy-detay-ozet .fz-kart { padding: var(--fz-b-3) var(--fz-b-4); display: flex; flex-direction: column; gap: 2px; }
.fz-sy-detay-ozet small { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-sy-detay-ozet b { font-size: var(--fz-y-xl); font-variant-numeric: tabular-nums; }
.fz-sy-detay-sekme { margin-bottom: var(--fz-b-3); border-bottom: 1px solid var(--fz-cizgi); overflow-x: auto; }
.fz-sy-detay-icerik { padding: var(--fz-b-4) var(--fz-b-5); min-height: 180px; }
.fz-sy-siparis { border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-md); margin-bottom: var(--fz-b-3); overflow: hidden; }
.fz-sy-siparis > header { display: flex; align-items: center; gap: var(--fz-b-3); padding: 10px var(--fz-b-4); background: var(--fz-yuzey-2); flex-wrap: wrap; }
.fz-sy-siparis > header span:not(.fz-cip):not(.fz-sy-bosluk) { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-sy-siparis ul { list-style: none; margin: 0; padding: 4px var(--fz-b-4); }
.fz-sy-siparis li { display: flex; align-items: center; gap: var(--fz-b-3); padding: 8px 0; border-bottom: 1px solid var(--fz-cizgi); }
.fz-sy-siparis li:last-child { border-bottom: 0; }
.fz-sy-siparis li > span:first-of-type:not(:last-child) { flex: 1; }
.fz-sy-siparis li span:nth-child(2) { flex: 1; display: flex; flex-direction: column; }
.fz-sy-siparis li small { color: var(--fz-yazi-3); }
.fz-sy-siparis footer { display: flex; align-items: center; gap: 8px; padding: 10px var(--fz-b-4); border-top: 1px solid var(--fz-cizgi); color: var(--fz-yazi-2); font-size: var(--fz-y-sm); }
.fz-sy-liste-oge { display: flex; align-items: center; gap: var(--fz-b-3); width: 100%; padding: 10px var(--fz-b-2); border: 0; border-bottom: 1px solid var(--fz-cizgi); background: transparent; text-align: left; border-radius: 0; }
.fz-sy-liste-oge:last-child { border-bottom: 0; }
button.fz-sy-liste-oge:hover { background: var(--fz-yuzey-2); }
.fz-sy-liste-oge > span:nth-child(2) { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.35; }
.fz-sy-liste-oge b { font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fz-sy-liste-oge small { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-sy-mod-liste { display: flex; flex-direction: column; }
.fz-sy-bos-ic { text-align: center; padding: var(--fz-b-6) 0; color: var(--fz-yazi-3); }
.fz-sy-uyari-kutu { background: var(--fz-uyari-zemin); border-radius: var(--fz-r-sm); padding: var(--fz-b-3); display: flex; flex-direction: column; gap: var(--fz-b-2); }
.fz-sy-uyari-kutu[hidden] { display: none; }
.fz-sy-uyari-kutu > div:first-child { display: flex; gap: 10px; align-items: flex-start; }
.fz-sy-uyari-kutu svg { flex: none; color: var(--fz-uyari); margin-top: 1px; }
.fz-sy-uyari-kutu p { margin: 0; }
.fz-sy-uyari-dugme { display: flex; gap: var(--fz-b-2); flex-wrap: wrap; }
.fz-sy-telgirdi { display: flex; align-items: stretch; }
.fz-sy-telgirdi > span { display: grid; place-items: center; padding: 0 12px; background: var(--fz-yuzey-3); border: 1px solid var(--fz-cizgi-guclu); border-right: 0; border-radius: var(--fz-r-sm) 0 0 var(--fz-r-sm); font-weight: 650; color: var(--fz-yazi-2); }
.fz-sy-telgirdi .fz-girdi { border-radius: 0 var(--fz-r-sm) var(--fz-r-sm) 0; flex: 1; min-width: 0; }
.fz-sy-etiket-sec { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.fz-sy-etiket-ekle { cursor: pointer; height: 24px; }
.fz-sy-wa-baslat { border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-md); padding: var(--fz-b-3); display: flex; flex-direction: column; gap: var(--fz-b-3); }
.fz-sy-wa-alan { display: flex; flex-direction: column; gap: var(--fz-b-3); }
.fz-sy-wa-alan[hidden] { display: none; }

/* ---------- Ekip ---------- */
.fz-sy-yonetici { display: inline-flex; align-items: center; gap: 10px; font-weight: 650; color: var(--fz-yazi-2); }
.fz-sy-ekip { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--fz-b-4); }
.fz-sy-uye { padding: var(--fz-b-5); display: flex; flex-direction: column; gap: var(--fz-b-4); }
.fz-sy-uye > header { display: flex; align-items: center; gap: var(--fz-b-3); }
.fz-sy-uye-ad { flex: 1; min-width: 0; }
.fz-sy-uye-ad h2 { font-size: var(--fz-y-lg); font-weight: 800; margin: 0; }
.fz-sy-uye-ad h2 small { font-weight: 600; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-sy-uye-ad p { margin: 2px 0 0; color: var(--fz-yazi-3); }
.fz-sy-durum-dugme { display: inline-flex; align-items: center; gap: 2px; border: 1px solid var(--fz-cizgi-guclu); background: var(--fz-yuzey); border-radius: var(--fz-r-tam); padding: 2px 6px 2px 2px; color: var(--fz-yazi-3); }
.fz-sy-durum-dugme:hover { background: var(--fz-yuzey-3); }
.fz-sy-uye-ist { display: grid; grid-template-columns: 1fr 1fr; gap: var(--fz-b-3); margin: 0; }
.fz-sy-uye-ist div { background: var(--fz-yuzey-2); border-radius: var(--fz-r-sm); padding: 10px 12px; }
.fz-sy-uye-ist dt { font-size: var(--fz-y-xs); color: var(--fz-yazi-3); font-weight: 650; }
.fz-sy-uye-ist dd { margin: 2px 0 0; font-size: var(--fz-y-xl); font-weight: 800; font-variant-numeric: tabular-nums; display: flex; align-items: center; gap: 4px; }
.fz-sy-uye-ist dd svg { color: var(--fz-altin-500); }
.fz-sy-yuk { display: flex; align-items: center; gap: var(--fz-b-3); }
.fz-sy-yuk-iz { flex: 1; height: 8px; border-radius: 4px; background: var(--fz-yuzey-3); overflow: hidden; }
.fz-sy-yuk-iz span { display: block; height: 100%; background: var(--fz-yardimci); border-radius: 4px; }
.fz-sy-yuk small { color: var(--fz-yazi-3); font-variant-numeric: tabular-nums; white-space: nowrap; }
.fz-sy-uye > footer { display: flex; gap: var(--fz-b-2); margin-top: auto; }
.fz-sy-uye--davet { border-style: dashed; background: var(--fz-yuzey-2); box-shadow: none; }

/* ---------- Raporlar ---------- */
.fz-sy-kpi { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--fz-b-3); margin-bottom: var(--fz-b-4); }
.fz-sy-kpi .fz-kart { padding: var(--fz-b-4) var(--fz-b-5); display: flex; flex-direction: column; gap: 4px; }
.fz-sy-kpi small { color: var(--fz-yazi-3); font-weight: 650; }
.fz-sy-kpi b { font-size: 30px; font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
.fz-sy-delta { font-size: var(--fz-y-sm); color: var(--fz-yazi-3); font-weight: 600; }
.fz-sy-delta--iyi { color: var(--fz-bende-yazi); }
.fz-sy-delta--kotu { color: var(--fz-hata); }
.fz-sy-rapor { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--fz-b-4); }
.fz-sy-rk { padding: var(--fz-b-4) var(--fz-b-5) var(--fz-b-5); min-width: 0; display: flex; flex-direction: column; gap: var(--fz-b-3); }
.fz-sy-rk--8 { grid-column: span 8; }
.fz-sy-rk--4 { grid-column: span 4; }
.fz-sy-rk--7 { grid-column: span 7; }
.fz-sy-rk--5 { grid-column: span 5; }
.fz-sy-rk > header h2 { font-size: var(--fz-y-lg); font-weight: 800; margin: 0; }
.fz-sy-rk > header p { margin: 2px 0 0; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-sy-grafik-kap { overflow-x: auto; }
.fz-sy-grafik { display: block; width: 100%; min-width: 440px; height: auto; }
.fz-sy-izgara { stroke: var(--fz-cizgi); stroke-width: 1; }
.fz-sy-izgara--taban { stroke: var(--fz-cizgi-guclu); }
.fz-sy-eksen { fill: var(--fz-yazi-3); font-size: 11.5px; font-family: inherit; font-variant-numeric: tabular-nums; }
.fz-sy-deger { fill: var(--fz-yazi-2); font-size: 11.5px; font-weight: 700; font-family: inherit; font-variant-numeric: tabular-nums; }
.fz-sy-bar { fill: var(--fz-altin-400); transition: fill var(--fz-sure-hizli); outline: none; }
.fz-sy-bar:hover, .fz-sy-bar:focus-visible { fill: var(--fz-altin-600); }
.fz-sy-bar--tepe { fill: var(--fz-yardimci); }
.fz-sy-bar--tepe:hover, .fz-sy-bar--tepe:focus-visible { fill: var(--fz-yardimci-hover); }
.fz-sy-hedef { stroke: var(--fz-hata); stroke-width: 1.4; stroke-dasharray: 5 4; opacity: 0.8; }
.fz-sy-hedef-yazi { fill: var(--fz-hata); font-size: 11.5px; font-weight: 700; font-family: inherit; }
.fz-sy-alan { fill: var(--fz-vurgu-zemin-2); opacity: 0.7; stroke: none; }
.fz-sy-cizgi { fill: none; stroke: var(--fz-altin-600); stroke-width: 2.4; stroke-linejoin: round; stroke-linecap: round; }
.fz-sy-nokta { fill: var(--fz-yuzey); stroke: var(--fz-altin-600); stroke-width: 2; outline: none; }
.fz-sy-nokta--asim { stroke: var(--fz-hata); }
.fz-sy-nokta:hover, .fz-sy-nokta:focus-visible { fill: var(--fz-altin-400); stroke-width: 3; }
.fz-sy-halka-kap { display: flex; align-items: center; gap: var(--fz-b-4); flex-wrap: wrap; justify-content: center; }
.fz-sy-halka-grafik { width: 168px; height: 168px; flex: none; }
.fz-sy-halka-iz { fill: none; stroke: var(--fz-yuzey-3); stroke-width: 22; }
.fz-sy-halka-dilim { fill: none; stroke-width: 22; outline: none; transition: stroke-width var(--fz-sure-hizli); }
.fz-sy-halka-dilim:hover, .fz-sy-halka-dilim:focus-visible { stroke-width: 26; }
.fz-sy-halka-buyuk { fill: var(--fz-yazi); font-size: 27px; font-weight: 800; font-family: inherit; font-variant-numeric: tabular-nums; }
.fz-sy-d-cozdu { stroke: var(--fz-asistanda); }
.fz-sy-d-devir { stroke: var(--fz-altin-500); }
.fz-sy-d-wa { stroke: var(--fz-kanal-wa); }
.fz-sy-d-ig { stroke: var(--fz-kanal-ig); }
.fz-sy-d-site { stroke: var(--fz-kanal-site); }
.fz-sy-aciklama { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; flex: 1; min-width: 156px; }
.fz-sy-aciklama li { display: flex; align-items: center; gap: 8px; white-space: nowrap; color: var(--fz-yazi-2); }
.fz-sy-aciklama li b { margin-left: auto; color: var(--fz-yazi); font-variant-numeric: tabular-nums; }
.fz-sy-aciklama small { color: var(--fz-yazi-3); font-variant-numeric: tabular-nums; min-width: 32px; text-align: right; }
.fz-sy-aciklama i { width: 10px; height: 10px; border-radius: 3px; flex: none; }
.fz-sy-nokta-cozdu { background: var(--fz-asistanda); }
.fz-sy-nokta-devir { background: var(--fz-altin-500); }
.fz-sy-nokta-wa { background: var(--fz-kanal-wa); }
.fz-sy-nokta-ig { background: var(--fz-kanal-ig); }
.fz-sy-nokta-site { background: var(--fz-kanal-site); }
.fz-sy-neden { border-top: 1px solid var(--fz-cizgi); padding-top: var(--fz-b-3); display: flex; flex-direction: column; gap: 6px; }
.fz-sy-neden > small { font-weight: 700; color: var(--fz-yazi-3); text-transform: uppercase; letter-spacing: 0.04em; font-size: var(--fz-y-xs); }
.fz-sy-neden > div { display: grid; grid-template-columns: 106px 1fr 30px; gap: 8px; align-items: center; font-size: var(--fz-y-sm); color: var(--fz-yazi-2); }
.fz-sy-neden i { display: block; height: 6px; border-radius: 3px; background: var(--fz-altin-500); }
.fz-sy-neden b { text-align: right; color: var(--fz-yazi); font-variant-numeric: tabular-nums; }
.fz-sy-etiket-yazi { fill: var(--fz-yazi-2); font-size: 13px; font-weight: 600; font-family: inherit; }
.fz-sy-yatay-iz { fill: var(--fz-yuzey-3); }
.fz-sy-yatay { fill: var(--fz-altin-400); outline: none; }
.fz-sy-yatay:hover, .fz-sy-yatay:focus-visible { fill: var(--fz-altin-600); }
.fz-sy-yatay--birinci { fill: var(--fz-yardimci); }
.fz-sy-yatay--iyi { fill: var(--fz-bende); }
.fz-sy-yatay--kotu { fill: var(--fz-hata); }
.fz-sy-deger-yatay { fill: var(--fz-yazi); font-size: 13px; font-weight: 750; font-family: inherit; font-variant-numeric: tabular-nums; }
.fz-sy-ipucu { position: fixed; z-index: var(--fz-z-ipucu); transform: translate(-50%, -100%); padding: 5px 10px; border-radius: 7px; background: var(--fz-toast-zemin); color: var(--fz-toast-yazi); font-size: 12px; font-weight: 650; white-space: nowrap; pointer-events: none; }
.fz-sy-ipucu[hidden] { display: none; }

/* ---------- Ayarlar ---------- */
.fz-sy-sayfa--ayar .fz-sayfa-baslik { position: sticky; top: 0; z-index: 3; background: var(--fz-zemin); padding: var(--fz-b-3) 0; margin-top: calc(var(--fz-b-3) * -1); }
.fz-sy-kaydet { display: flex; align-items: center; gap: var(--fz-b-2); }
.fz-sy-kaydet-durum { font-size: var(--fz-y-sm); color: var(--fz-yazi-3); margin-right: var(--fz-b-2); }
.fz-sy-kaydet--kirli .fz-sy-kaydet-durum { color: var(--fz-uyari); font-weight: 650; }
.fz-sy-ayar { display: grid; grid-template-columns: 236px minmax(0, 1fr); gap: var(--fz-b-6); align-items: start; }
.fz-sy-ayar-menu { position: sticky; top: 92px; display: flex; flex-direction: column; gap: 2px; padding: var(--fz-b-2); background: var(--fz-yuzey); border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-md); }
.fz-sy-ayar-oge { display: flex; align-items: center; gap: 12px; height: 42px; padding: 0 12px; border: 0; background: transparent; border-radius: var(--fz-r-sm); color: var(--fz-yazi-2); font-weight: 650; text-align: left; white-space: nowrap; }
.fz-sy-ayar-oge:hover { background: var(--fz-yuzey-3); color: var(--fz-yazi); }
.fz-sy-ayar-oge[aria-current="page"] { background: var(--fz-vurgu-zemin-2); color: var(--fz-yazi); font-weight: 750; }
.fz-sy-ayar-oge[aria-current="page"] svg { color: var(--fz-vurgu-yazi); }
.fz-sy-ayar-icerik { display: flex; flex-direction: column; gap: var(--fz-b-4); min-width: 0; }
.fz-sy-bolum-ad { font-size: var(--fz-y-xl); font-weight: 800; margin: 0; }
.fz-sy-ayar-kart { padding: var(--fz-b-5); display: flex; flex-direction: column; gap: var(--fz-b-4); }
.fz-sy-ayar-kart > header h2 { font-size: var(--fz-y-lg); font-weight: 800; margin: 0; }
.fz-sy-ayar-kart > header p { margin: 4px 0 0; color: var(--fz-yazi-3); max-width: 70ch; }
.fz-sy-ayar-satir { display: flex; align-items: center; justify-content: space-between; gap: var(--fz-b-4); min-height: 48px; padding: 6px 0; }
.fz-sy-ayar-satir + .fz-sy-ayar-satir { border-top: 1px solid var(--fz-cizgi); }
.fz-sy-ayar-satir > span:first-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fz-sy-ayar-satir small { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); line-height: 1.4; }
.fz-sy-ayar-satir select.fz-girdi, .fz-sy-ayar-satir .fz-sy-sayi-girdi { width: auto; min-width: 190px; flex: none; }
.fz-sy-ayar-satir--ana { padding: var(--fz-b-3); background: var(--fz-vurgu-zemin); border-radius: var(--fz-r-md); border: 0 !important; }
.fz-sy-alt-grup { display: flex; flex-direction: column; gap: var(--fz-b-1); }
.fz-sy-alt-grup.fz-sy-pasif { opacity: 0.55; pointer-events: none; }
.fz-sy-kanal-bas { flex-direction: row !important; align-items: center; gap: 12px !important; }
.fz-sy-kanal-bas > span:last-child { display: flex; flex-direction: column; }
.fz-sy-sayi-girdi { max-width: 90px; min-width: 90px !important; text-align: center; font-variant-numeric: tabular-nums; }
.fz-sy-aralik { width: 200px; accent-color: var(--fz-yardimci); flex: none; }
.fz-sy-oniz-baslik { font-size: var(--fz-y-xs); font-weight: 700; color: var(--fz-yazi-3); text-transform: uppercase; letter-spacing: 0.04em; }
.fz-sy-onizleme { align-self: flex-start; max-width: 460px; padding: 8px 14px 10px; background: var(--fz-balon-asistan); border-radius: var(--fz-r-md); display: flex; flex-direction: column; gap: 3px; }
.fz-sy-onizleme p { margin: 0; line-height: 1.45; overflow-wrap: anywhere; }
.fz-sy-onizleme-satir { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: var(--fz-yuzey-2); border-radius: var(--fz-r-sm); color: var(--fz-yazi-2); }
.fz-sy-onizleme-satir svg { flex: none; color: var(--fz-vurgu-yazi); }
.fz-sy-kurallar { display: flex; flex-direction: column; }
.fz-sy-kural { display: grid; grid-template-columns: minmax(0, 1fr) 210px 40px 32px; gap: var(--fz-b-3); align-items: center; padding: 10px 0; border-top: 1px solid var(--fz-cizgi); }
.fz-sy-kural:first-child { border-top: 0; }
.fz-sy-kural--pasif .fz-sy-kural-ad, .fz-sy-kural--pasif select { opacity: 0.5; }
.fz-sy-kural-ad { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-width: 0; }
.fz-sy-kural-ad small { flex-basis: 100%; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fz-sy-kilit { color: var(--fz-yazi-3); display: inline-flex; }
.fz-sy-sil-yer { display: block; width: 30px; }
.fz-sy-ekle-btn { align-self: flex-start; }
.fz-sy-secenekler { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--fz-b-3); }
.fz-sy-secenek { position: relative; cursor: pointer; display: block; }
.fz-sy-secenek input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; z-index: 1; }
.fz-sy-secenek-kutu { display: flex; flex-direction: column; gap: 4px; padding: var(--fz-b-4); border: 1.5px solid var(--fz-cizgi-guclu); border-radius: var(--fz-r-md); background: var(--fz-yuzey); height: 100%; transition: border-color var(--fz-sure-hizli), background var(--fz-sure-hizli); }
.fz-sy-secenek-kutu svg { color: var(--fz-yazi-3); margin-bottom: 4px; }
.fz-sy-secenek-kutu small { color: var(--fz-yazi-3); line-height: 1.4; }
.fz-sy-secenek:hover .fz-sy-secenek-kutu { background: var(--fz-yuzey-2); }
.fz-sy-secenek input:checked + .fz-sy-secenek-kutu { border-color: var(--fz-altin-600); background: var(--fz-vurgu-zemin); box-shadow: 0 0 0 3px var(--fz-vurgu-zemin-2); }
.fz-sy-secenek input:checked + .fz-sy-secenek-kutu svg { color: var(--fz-vurgu-yazi); }
.fz-sy-secenek input:focus-visible + .fz-sy-secenek-kutu { outline: 2px solid var(--fz-odak); outline-offset: 2px; }
.fz-sy-sira { list-style: none; margin: 0; padding: 0; counter-reset: sira; display: flex; flex-direction: column; gap: 6px; }
.fz-sy-sira li { counter-increment: sira; display: flex; align-items: center; gap: var(--fz-b-3); padding: 8px 12px; border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-sm); background: var(--fz-yuzey-2); }
.fz-sy-sira li::before { content: counter(sira); width: 22px; font-weight: 800; color: var(--fz-yazi-3); font-variant-numeric: tabular-nums; }
.fz-sy-sira li > span:nth-child(2) { display: flex; flex-direction: column; line-height: 1.3; }
.fz-sy-sira small { color: var(--fz-yazi-3); }
.fz-sy-sesler { display: flex; flex-direction: column; gap: var(--fz-b-3); }
.fz-sy-ses { border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-md); padding: var(--fz-b-3) var(--fz-b-4); display: flex; flex-direction: column; gap: var(--fz-b-3); }
.fz-sy-ses--kapali { background: var(--fz-yuzey-2); }
.fz-sy-ses--kapali .fz-sy-ses-alt { opacity: 0.45; pointer-events: none; }
.fz-sy-ses-ust { display: flex; align-items: center; gap: var(--fz-b-3); }
.fz-sy-ses-ik { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--fz-vurgu-zemin); color: var(--fz-vurgu-yazi); flex: none; }
.fz-sy-ses--kapali .fz-sy-ses-ik { background: var(--fz-yuzey-3); color: var(--fz-yazi-3); }
.fz-sy-ses-ad { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.35; }
.fz-sy-ses-ad small { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-sy-ses-alt { display: flex; flex-wrap: wrap; align-items: center; gap: var(--fz-b-3) var(--fz-b-6); padding-left: 50px; }
.fz-sy-seviye { display: inline-flex; align-items: center; gap: 10px; color: var(--fz-yazi-2); font-size: var(--fz-y-sm); font-weight: 600; }
.fz-sy-seviye .fz-sy-aralik { width: 150px; }
.fz-sy-seviye b { min-width: 40px; font-variant-numeric: tabular-nums; color: var(--fz-yazi); }
.fz-sy-seviye select.fz-girdi { width: auto; height: 32px; }
.fz-sy-ana-ses { display: flex; align-items: center; gap: var(--fz-b-3); color: var(--fz-vurgu-yazi); }
.fz-sy-ana-ses .fz-sy-aralik { flex: 1; max-width: 420px; }
.fz-sy-ana-ses b { color: var(--fz-yazi); font-variant-numeric: tabular-nums; min-width: 44px; }
.fz-sy-izin { display: inline-flex; align-items: center; gap: var(--fz-b-3); flex: none; }
.fz-sy-mesai-durum { display: flex; align-items: center; gap: var(--fz-b-3); padding: 10px 14px; background: var(--fz-yuzey-2); border-radius: var(--fz-r-sm); }
.fz-sy-gunler { display: flex; flex-direction: column; }
.fz-sy-gun-satir { display: grid; grid-template-columns: 130px 52px minmax(0, 1fr); align-items: center; gap: var(--fz-b-3); min-height: 52px; border-top: 1px solid var(--fz-cizgi); }
.fz-sy-gun-satir:first-child { border-top: 0; }
.fz-sy-gun-satir > b { font-weight: 650; }
.fz-sy-gun-satir--kapali > b { color: var(--fz-yazi-3); }
.fz-sy-saatler { display: inline-flex; align-items: center; gap: 8px; }
.fz-sy-saatler .fz-girdi { width: 110px; }
.fz-sy-tatiller { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.fz-sy-tatiller li, .fz-sy-etiketler li { display: flex; align-items: center; gap: var(--fz-b-3); padding: 10px 0; border-top: 1px solid var(--fz-cizgi); }
.fz-sy-tatiller li:first-child, .fz-sy-etiketler li:first-child { border-top: 0; }
.fz-sy-tatiller li > span:nth-child(2), .fz-sy-etiketler li > span:nth-child(2) { display: flex; flex-direction: column; line-height: 1.3; }
.fz-sy-tatiller small, .fz-sy-etiketler small { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-sy-tatil-tarih { width: 56px; height: 52px; border-radius: var(--fz-r-sm); background: var(--fz-yuzey-3); display: flex !important; flex-direction: column; align-items: center; justify-content: center; line-height: 1.1; flex: none; }
.fz-sy-tatil-tarih b { font-size: var(--fz-y-lg); font-variant-numeric: tabular-nums; }
.fz-sy-tatil-tarih small { font-size: 10.5px; }
.fz-sy-tatil-ekle { display: grid; grid-template-columns: 180px minmax(0, 1fr) auto; gap: var(--fz-b-3); align-items: end; }
.fz-sy-hazir-arac { display: flex; align-items: center; justify-content: space-between; gap: var(--fz-b-3); flex-wrap: wrap; }
.fz-sy-hazir-arac .fz-arama { flex: 1 1 260px; max-width: 380px; }
.fz-sy-kategoriler { display: flex; flex-wrap: wrap; gap: 6px; }
.fz-sy-hazir-liste { display: flex; flex-direction: column; }
.fz-sy-hazir { padding: 12px 0; border-top: 1px solid var(--fz-cizgi); display: flex; flex-direction: column; gap: 6px; }
.fz-sy-hazir:first-child { border-top: 0; }
.fz-sy-hazir-baslik { display: flex; align-items: center; gap: 10px; }
.fz-sy-hazir code { font-family: inherit; font-weight: 700; font-size: var(--fz-y-sm); background: var(--fz-vurgu-zemin-2); color: var(--fz-vurgu-yazi); padding: 2px 8px; border-radius: var(--fz-r-xs); }
.fz-sy-hazir p { margin: 0; color: var(--fz-yazi-2); line-height: 1.5; max-width: 80ch; }
.fz-sy-kar { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--fz-b-4); align-items: start; padding-bottom: var(--fz-b-4); border-bottom: 1px solid var(--fz-cizgi); }
.fz-sy-kar:last-child { border-bottom: 0; padding-bottom: 0; }
.fz-sy-kar .fz-sy-onizleme { margin-top: 26px; }
.fz-sy-etiketler { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.fz-sy-renk { display: inline-block; width: 14px; height: 14px; border-radius: 50%; flex: none; }
.fz-sy-renk-0 { background: var(--fz-altin-500); }
.fz-sy-renk-1 { background: var(--fz-orman-500); }
.fz-sy-renk-2 { background: var(--fz-asistanda); }
.fz-sy-renk-3 { background: var(--fz-bekliyor); }
.fz-sy-renk-4 { background: var(--fz-kanal-ig); }
.fz-sy-renk-5 { background: var(--fz-ekipte); }
.fz-sy-renk-6 { background: var(--fz-mesgul); }
.fz-sy-renk-7 { background: var(--fz-cevrimdisi); }
.fz-sy-renkler { display: flex; gap: 8px; flex-wrap: wrap; }
.fz-sy-renk-sec { width: 36px; height: 36px; border-radius: 50%; border: 2px solid transparent; background: var(--fz-yuzey); display: grid; place-items: center; padding: 0; }
.fz-sy-renk-sec .fz-sy-renk { width: 22px; height: 22px; }
.fz-sy-renk-sec[aria-checked="true"] { border-color: var(--fz-yazi); }
.fz-sy-yetki-kap { overflow-x: auto; }
.fz-sy-yetki { width: 100%; border-collapse: collapse; min-width: 820px; }
.fz-sy-yetki th, .fz-sy-yetki td { padding: 10px 8px; border-top: 1px solid var(--fz-cizgi); text-align: left; vertical-align: middle; }
.fz-sy-yetki thead th { border-top: 0; font-size: var(--fz-y-xs); color: var(--fz-yazi-3); font-weight: 700; vertical-align: bottom; }
.fz-sy-yetki th[scope="row"] { font-weight: 400; }
.fz-sy-yetki-hucre { text-align: center !important; width: 92px; }
.fz-sy-yetki-hucre span { display: block; line-height: 1.25; }
.fz-sy-yetki-hucre .fz-onay { justify-content: center; }
.fz-sy-yetki-kisi { display: flex; align-items: center; gap: 10px; }
.fz-sy-yetki-kisi > span:last-child { display: flex; flex-direction: column; line-height: 1.3; }
.fz-sy-yetki-kisi small { color: var(--fz-yazi-3); }
.fz-sy-yetki select.fz-girdi { min-width: 160px; }
.fz-sy-ara-baslik { margin-top: var(--fz-b-2); }
.fz-sy-kanallar { display: flex; flex-direction: column; gap: var(--fz-b-4); }
.fz-sy-kanal-kart { padding: var(--fz-b-5); display: flex; flex-direction: column; gap: var(--fz-b-4); }
.fz-sy-kanal-kart > header { display: flex; align-items: center; gap: var(--fz-b-3); }
.fz-sy-kanal-kart > header h2 { font-size: var(--fz-y-lg); font-weight: 800; margin: 0; }
.fz-sy-kanal-kart > header p { margin: 2px 0 0; color: var(--fz-yazi-3); }
.fz-sy-kanal-kart > footer { display: flex; align-items: center; gap: var(--fz-b-2); flex-wrap: wrap; padding-top: var(--fz-b-3); border-top: 1px solid var(--fz-cizgi); }
.fz-sy-kanal-ayar { display: flex; flex-direction: column; gap: var(--fz-b-3); padding: var(--fz-b-4); background: var(--fz-yuzey-2); border-radius: var(--fz-r-md); }
.fz-sy-kod { display: flex; align-items: center; gap: var(--fz-b-3); padding: 8px 8px 8px 12px; background: var(--fz-yuzey-3); border-radius: var(--fz-r-sm); }
.fz-sy-kod code { flex: 1; min-width: 0; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12px; overflow: auto; white-space: nowrap; }
.fz-sy-yakinda { display: flex; align-items: center; gap: 8px; color: var(--fz-yazi-3); margin: var(--fz-b-3) 0 0; }

/* ---------- Dar ekranlar ---------- */
@media (max-width: 1100px) {
  .fz-sy-telefon { grid-template-columns: 320px minmax(0, 1fr); }
  .fz-sy-arama-satir { grid-template-columns: 40px minmax(0, 1fr) auto; }
  .fz-sy-arama-zaman { display: none; }
  .fz-sy-rk--8, .fz-sy-rk--7 { grid-column: span 12; }
  .fz-sy-rk--4, .fz-sy-rk--5 { grid-column: span 6; }
  .fz-sy-kpi { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .fz-sy-ayar { grid-template-columns: minmax(0, 1fr); }
  .fz-sy-ayar-menu { position: static; flex-direction: row; overflow-x: auto; }
  .fz-sy-telefon { grid-template-columns: minmax(0, 1fr); }
  .fz-sy-tuslar { position: static; }
  .fz-sy-secenekler { grid-template-columns: minmax(0, 1fr); }
  .fz-sy-kar { grid-template-columns: minmax(0, 1fr); }
  .fz-sy-kar .fz-sy-onizleme { margin-top: 0; }
  .fz-sy-detay-ozet { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .fz-sy-rk--4, .fz-sy-rk--5 { grid-column: span 12; }
  .fz-sy-kpi b { font-size: 24px; }
  .fz-sy-form-iki, .fz-sy-bilgi--iki, .fz-sy-ozet, .fz-sy-wa { grid-template-columns: minmax(0, 1fr); }
  .fz-sy-kural { grid-template-columns: minmax(0, 1fr) 40px 32px; }
  .fz-sy-kural select { grid-column: 1 / -1; grid-row: 2; }
  .fz-sy-tatil-ekle { grid-template-columns: minmax(0, 1fr); }
  .fz-sy-ayar-satir { flex-wrap: wrap; }
  .fz-sy-ses-alt { padding-left: 0; }
  .fz-sy-arama-satir { grid-template-columns: 36px minmax(0, 1fr); }
  .fz-sy-arama-eylem { grid-column: 1 / -1; padding-left: 48px; }
  .fz-sy-sayfa--ayar .fz-sayfa-baslik { position: static; }
  .fz-sy-kaydet { flex-wrap: wrap; }
}

.fz-sy-tutar { display: flex; align-items: center; gap: 8px; color: var(--fz-yazi-2); }
.fz-sy-tutar input { width: 120px; text-align: right; font-variant-numeric: tabular-nums; }

/* ================= Görevler: pano, liste, benim işlerim, kart penceresi (ön ek fz-sy-g-) ================= */
:root {
  --gv-kirmizi-d: #c9483c; --gv-kirmizi-z: #fbe5e2; --gv-kirmizi-y: #8e2b21;
  --gv-turuncu-d: #d9772b; --gv-turuncu-z: #fbead9; --gv-turuncu-y: #8a4a12;
  --gv-altin-d: #b8892d; --gv-altin-z: #f6ecd2; --gv-altin-y: #7a5a14;
  --gv-yesil-d: #4f8a5f; --gv-yesil-z: #e0efe3; --gv-yesil-y: #2d6240;
  --gv-turkuaz-d: #2f8f8c; --gv-turkuaz-z: #dbf0ee; --gv-turkuaz-y: #1e6360;
  --gv-mavi-d: #4a7bb5; --gv-mavi-z: #e0ebf7; --gv-mavi-y: #2b5183;
  --gv-mor-d: #8a6aa8; --gv-mor-z: #ece4f4; --gv-mor-y: #5d4478;
  --gv-gul-d: #c4607f; --gv-gul-z: #f9e3ea; --gv-gul-y: #8d3552;
  --gv-gri-d: #7d7a72; --gv-gri-z: #ebe9e4; --gv-gri-y: #55524b;
}
:root[data-theme="dark"] {
  --gv-kirmizi-d: #e0675a; --gv-kirmizi-z: #3d1f1b; --gv-kirmizi-y: #f3a89f;
  --gv-turuncu-d: #e8914a; --gv-turuncu-z: #3b2a18; --gv-turuncu-y: #f2c196;
  --gv-altin-d: #d4a64a; --gv-altin-z: #38301a; --gv-altin-y: #ecd08a;
  --gv-yesil-d: #6fae80; --gv-yesil-z: #1d3325; --gv-yesil-y: #a9d6b6;
  --gv-turkuaz-d: #4fb3b0; --gv-turkuaz-z: #16332f; --gv-turkuaz-y: #9bdcd9;
  --gv-mavi-d: #6f9bd1; --gv-mavi-z: #1c2a3d; --gv-mavi-y: #a9c6e8;
  --gv-mor-d: #a98bc6; --gv-mor-z: #2c2236; --gv-mor-y: #cdb8e2;
  --gv-gul-d: #db7f9b; --gv-gul-z: #3a1f29; --gv-gul-y: #efb0c3;
  --gv-gri-d: #9a968c; --gv-gri-z: #2a2823; --gv-gri-y: #c4c0b6;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --gv-kirmizi-d: #e0675a; --gv-kirmizi-z: #3d1f1b; --gv-kirmizi-y: #f3a89f;
    --gv-turuncu-d: #e8914a; --gv-turuncu-z: #3b2a18; --gv-turuncu-y: #f2c196;
    --gv-altin-d: #d4a64a; --gv-altin-z: #38301a; --gv-altin-y: #ecd08a;
    --gv-yesil-d: #6fae80; --gv-yesil-z: #1d3325; --gv-yesil-y: #a9d6b6;
    --gv-turkuaz-d: #4fb3b0; --gv-turkuaz-z: #16332f; --gv-turkuaz-y: #9bdcd9;
    --gv-mavi-d: #6f9bd1; --gv-mavi-z: #1c2a3d; --gv-mavi-y: #a9c6e8;
    --gv-mor-d: #a98bc6; --gv-mor-z: #2c2236; --gv-mor-y: #cdb8e2;
    --gv-gul-d: #db7f9b; --gv-gul-z: #3a1f29; --gv-gul-y: #efb0c3;
    --gv-gri-d: #9a968c; --gv-gri-z: #2a2823; --gv-gri-y: #c4c0b6;
  }
}
.fz-sy-g-c--kirmizi { --gv-d: var(--gv-kirmizi-d); --gv-z: var(--gv-kirmizi-z); --gv-y: var(--gv-kirmizi-y); }
.fz-sy-g-c--turuncu { --gv-d: var(--gv-turuncu-d); --gv-z: var(--gv-turuncu-z); --gv-y: var(--gv-turuncu-y); }
.fz-sy-g-c--altin { --gv-d: var(--gv-altin-d); --gv-z: var(--gv-altin-z); --gv-y: var(--gv-altin-y); }
.fz-sy-g-c--yesil { --gv-d: var(--gv-yesil-d); --gv-z: var(--gv-yesil-z); --gv-y: var(--gv-yesil-y); }
.fz-sy-g-c--turkuaz { --gv-d: var(--gv-turkuaz-d); --gv-z: var(--gv-turkuaz-z); --gv-y: var(--gv-turkuaz-y); }
.fz-sy-g-c--mavi { --gv-d: var(--gv-mavi-d); --gv-z: var(--gv-mavi-z); --gv-y: var(--gv-mavi-y); }
.fz-sy-g-c--mor { --gv-d: var(--gv-mor-d); --gv-z: var(--gv-mor-z); --gv-y: var(--gv-mor-y); }
.fz-sy-g-c--gul { --gv-d: var(--gv-gul-d); --gv-z: var(--gv-gul-z); --gv-y: var(--gv-gul-y); }
.fz-sy-g-c--gri { --gv-d: var(--gv-gri-d); --gv-z: var(--gv-gri-z); --gv-y: var(--gv-gri-y); }

.fz-sy-g { height: 100%; min-height: 0; display: flex; flex-direction: column; padding: var(--fz-b-6) var(--fz-b-6) 0; }
.fz-sy-g--benim, .fz-sy-g--liste { padding-bottom: 0; }
.fz-sy-g-ust { flex: none; display: flex; align-items: flex-end; justify-content: space-between; gap: var(--fz-b-4); flex-wrap: wrap; margin-bottom: var(--fz-b-4); }
.fz-sy-g-baslik h1 { font-size: var(--fz-y-2xl); font-weight: 800; line-height: var(--fz-a-siki); }
.fz-sy-g-baslik p { color: var(--fz-yazi-3); margin-top: 4px; }
.fz-sy-g-ust-sag { display: flex; align-items: center; gap: var(--fz-b-3); flex-wrap: wrap; }
.fz-sy-g-sekme-say { margin-left: 6px; min-width: 20px; height: 20px; padding: 0 6px; border-radius: var(--fz-r-tam); display: inline-grid; place-items: center; background: var(--fz-vurgu-zemin-2); color: var(--fz-vurgu-yazi); font-size: 11.5px; font-weight: 750; font-variant-numeric: tabular-nums; }

.fz-sy-g-panolar { flex: none; display: flex; align-items: center; gap: var(--fz-b-1); margin-bottom: var(--fz-b-3); overflow-x: auto; padding: 2px 2px 6px; }
.fz-sy-g-pano-sek { flex: none; display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 8px 0 12px; border-radius: var(--fz-r-tam); border: 1px solid transparent; background: transparent; color: var(--fz-yazi-2); font-weight: 650; white-space: nowrap; transition: background var(--fz-sure-hizli); }
.fz-sy-g-pano-sek:hover { background: var(--fz-yuzey-3); }
.fz-sy-g-pano-sek[aria-selected="true"] { background: var(--fz-yuzey); border-color: var(--fz-cizgi-guclu); color: var(--fz-yazi); box-shadow: var(--fz-golge-1); }
.fz-sy-g-pano-say { min-width: 22px; height: 20px; padding: 0 6px; border-radius: var(--fz-r-tam); display: inline-grid; place-items: center; background: var(--fz-yuzey-3); color: var(--fz-yazi-2); font-size: 11.5px; font-weight: 750; font-variant-numeric: tabular-nums; }
.fz-sy-g-pano-sek[aria-selected="true"] .fz-sy-g-pano-say { background: var(--fz-vurgu-zemin-2); color: var(--fz-vurgu-yazi); }
.fz-sy-g-pano-tum { display: inline-grid; place-items: center; color: var(--fz-yazi-3); }
.fz-sy-g-pano-yeni { flex: none; }
.fz-sy-g-nokta { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--gv-d); display: inline-block; }
.fz-sy-g-panorozet { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; min-width: 0; font-size: 12px; font-weight: 650; color: var(--fz-yazi-2); }

.fz-sy-g-arac { flex: none; display: flex; align-items: center; gap: var(--fz-b-2); flex-wrap: wrap; margin-bottom: var(--fz-b-4); }
.fz-sy-g-arac .fz-arama { flex: 0 1 280px; min-width: 200px; }
.fz-sy-g-arac .fz-girdi { height: 34px; font-size: 13px; }
.fz-sy-g-suzler { display: contents; }
.fz-sy-g-suz { display: block; }
.fz-sy-g-suz select.fz-girdi { width: auto; min-width: 128px; padding-top: 0; padding-bottom: 0; background-position: calc(100% - 17px) 14px, calc(100% - 12px) 14px; }
.fz-sy-g-arac .fz-arama .fz-girdi { padding-left: 36px; }
.fz-sy-g-arac .fz-sy-arac-sayi { margin-left: auto; }

.fz-sy-g-icerik { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.fz-sy-g--liste .fz-sy-g-icerik, .fz-sy-g--benim .fz-sy-g-icerik { overflow: auto; padding-bottom: 64px; }

.fz-sy-g-pano { flex: 1; min-height: 0; display: flex; align-items: flex-start; gap: var(--fz-b-3); overflow-x: auto; overflow-y: hidden; padding: 2px 2px var(--fz-b-4); margin: 0 -2px; }
.fz-sy-g-sutun { flex: 0 0 296px; width: 296px; max-height: 100%; display: flex; flex-direction: column; background: var(--fz-yuzey-3); border-radius: var(--fz-r-lg); border: 2px solid transparent; transition: border-color var(--fz-sure-hizli), background var(--fz-sure-hizli); }
.fz-sy-g-sutun.fz-sy-g-birak { border-color: var(--fz-altin-500); background: var(--fz-vurgu-zemin); }
.fz-sy-g-sutun-ust { flex: none; display: flex; align-items: center; gap: var(--fz-b-2); padding: 10px 8px 6px 14px; }
.fz-sy-g-sutun-ad { flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 750; padding: 5px 6px; margin-left: -6px; border-radius: var(--fz-r-xs); cursor: text; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fz-sy-g-sutun-ad:hover { background: var(--fz-yuzey-2); }
.fz-sy-g-sutun--bitti .fz-sy-g-sutun-ad { color: var(--fz-bende-yazi); }
.fz-sy-g-sutun-girdi { flex: 1; min-width: 0; height: 34px; font-weight: 700; margin-left: -6px; }
.fz-sy-g-sutun-say { min-width: 24px; height: 22px; padding: 0 7px; border-radius: var(--fz-r-tam); display: inline-grid; place-items: center; background: var(--fz-yuzey); color: var(--fz-yazi-2); font-size: 12px; font-weight: 750; font-variant-numeric: tabular-nums; }
.fz-sy-g-kartlar { flex: 1 1 auto; min-height: 56px; overflow-y: auto; padding: 4px 10px; display: flex; flex-direction: column; gap: var(--fz-b-2); }
.fz-sy-g-sutun-alt { flex: none; padding: 6px 10px 10px; }
.fz-sy-g-ekle, .fz-sy-g-sutun-ekle { width: 100%; height: 38px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 0; border-radius: var(--fz-r-sm); background: transparent; color: var(--fz-yazi-2); font-weight: 650; text-align: left; }
.fz-sy-g-ekle:hover, .fz-sy-g-sutun-ekle:hover { background: var(--fz-yuzey-2); color: var(--fz-yazi); }
.fz-sy-g-sutun-yeni { flex: 0 0 296px; width: 296px; padding-right: var(--fz-b-4); }
.fz-sy-g-sutun-yeni > .fz-sy-g-sutun-ekle { border: 2px dashed var(--fz-cizgi-guclu); height: 46px; border-radius: var(--fz-r-lg); }
.fz-sy-g-sutun-yeni > .fz-sy-g-hizli { background: var(--fz-yuzey-3); border-radius: var(--fz-r-lg); padding: 10px; }
.fz-sy-g-hizli { display: flex; flex-direction: column; gap: 8px; }
.fz-sy-g-hizli textarea.fz-girdi { min-height: 64px; }
.fz-sy-g-hizli-dugme { display: flex; align-items: center; gap: 6px; }
.fz-sy-g-bos { border: 1px dashed var(--fz-cizgi-guclu); border-radius: var(--fz-r-md); padding: var(--fz-b-5) var(--fz-b-3); text-align: center; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-sy-g-yer { flex: none; height: 52px; border: 2px dashed var(--fz-altin-500); border-radius: var(--fz-r-md); background: var(--fz-vurgu-zemin-2); }

.fz-sy-g-kart { position: relative; flex: none; display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; background: var(--fz-yuzey); border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-md); box-shadow: var(--fz-golge-1); cursor: grab; transition: box-shadow var(--fz-sure-hizli), border-color var(--fz-sure-hizli); }
.fz-sy-g-kart:hover { border-color: var(--fz-cizgi-guclu); box-shadow: var(--fz-golge-2); }
.fz-sy-g-kart:active { cursor: grabbing; }
.fz-sy-g-kart:focus-visible { outline: 2px solid var(--fz-odak); outline-offset: 2px; }
.fz-sy-g-kart.fz-sy-g-surukleniyor { opacity: 0.4; }
.fz-sy-g-kart--bitti { background: var(--fz-yuzey-2); }
.fz-sy-g-kart--bitti h4 { color: var(--fz-yazi-3); }
.fz-sy-g-etiketler { display: flex; flex-wrap: wrap; gap: 4px; }
.fz-sy-g-etiket { display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0 8px; border-radius: var(--fz-r-tam); background: var(--gv-z); color: var(--gv-y); font-size: 11.5px; font-weight: 700; line-height: 1; white-space: nowrap; }
.fz-sy-g-etiket--sec { height: 28px; padding: 0 12px; font-size: 12.5px; border: 1px solid transparent; cursor: pointer; opacity: 0.7; }
.fz-sy-g-etiket--sec:hover { opacity: 1; }
.fz-sy-g-etiket--acik { opacity: 1; border-color: var(--gv-d); }
.fz-sy-g-kart-ust { display: flex; align-items: flex-start; gap: 6px; }
.fz-sy-g-kart-ust h4 { flex: 1; min-width: 0; font-size: 14px; font-weight: 650; line-height: 1.38; overflow-wrap: anywhere; }
.fz-sy-g-kart-tik { display: inline-grid; place-items: center; width: 18px; height: 18px; margin-right: 6px; border-radius: 50%; background: var(--fz-bende); color: #fff; vertical-align: -3px; }
.fz-sy-g-kart-menu { margin: -4px -6px -4px 0; opacity: 0; transition: opacity var(--fz-sure-hizli); }
.fz-sy-g-kart:hover .fz-sy-g-kart-menu, .fz-sy-g-kart:focus-within .fz-sy-g-kart-menu, .fz-sy-g-kart-menu[aria-expanded="true"] { opacity: 1; }
@media (hover: none) { .fz-sy-g-kart-menu { opacity: 1; } }
.fz-sy-g-baglanti { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; align-self: flex-start; height: 22px; padding: 0 8px; border: 0; border-radius: var(--fz-r-tam); background: var(--fz-yuzey-3); color: var(--fz-yazi-2); font-size: 12px; font-weight: 650; }
button.fz-sy-g-baglanti:hover { background: var(--fz-vurgu-zemin-2); color: var(--fz-vurgu-yazi); }
.fz-sy-g-baglanti--satir { height: 20px; }
.fz-sy-g-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 24px; }
.fz-sy-g-chler { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; min-width: 0; }
.fz-sy-g-ch { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 4px; color: var(--fz-yazi-3); font-size: 12px; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fz-sy-g-ch--tamam { padding: 0 7px; border-radius: 6px; background: var(--fz-bende-zemin); color: var(--fz-bende-yazi); }
.fz-sy-g-ch--yuksek { color: var(--fz-hata); }
.fz-sy-g-son { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 7px; border-radius: 6px; background: var(--fz-yuzey-3); color: var(--fz-yazi-2); font-size: 12px; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fz-sy-g-son--yakin { background: var(--fz-uyari-zemin); color: var(--fz-uyari); }
.fz-sy-g-son--gecikti { background: var(--fz-hata-zemin); color: var(--fz-hata); }
.fz-sy-g-son--tamam { background: var(--fz-bende-zemin); color: var(--fz-bende-yazi); }
.fz-sy-g-son--yok { background: transparent; color: var(--fz-yazi-3); font-weight: 550; }
.fz-sy-g-avs { display: inline-flex; flex: none; margin-left: auto; }
.fz-sy-g-avs .fz-avatar { box-shadow: 0 0 0 2px var(--fz-yuzey); margin-left: -6px; }
.fz-sy-g-avs .fz-avatar:first-child { margin-left: 0; }
.fz-sy-g-av-fazla { background: var(--fz-yuzey-3); color: var(--fz-yazi-2); font-size: 10.5px; }
.fz-sy-g-durumcip { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: var(--fz-r-tam); background: var(--fz-yuzey-3); color: var(--fz-yazi-2); font-size: 12px; font-weight: 700; white-space: nowrap; }
.fz-sy-g-durumcip--bitti { background: var(--fz-bende-zemin); color: var(--fz-bende-yazi); }
.fz-sy-g-uyari { color: var(--fz-hata); font-weight: 700; }

.fz-sy-g-daire { position: relative; flex: none; width: 22px; height: 22px; padding: 0; display: grid; place-items: center; border-radius: 50%; border: 2px solid var(--fz-cizgi-guclu); background: transparent; color: transparent; transition: background var(--fz-sure-hizli), border-color var(--fz-sure-hizli), color var(--fz-sure-hizli); }
.fz-sy-g-daire::after { content: ""; position: absolute; inset: -8px; }
.fz-sy-g-daire:hover { border-color: var(--fz-bende); color: var(--fz-bende); }
.fz-sy-g-daire--dolu, .fz-sy-g-daire--dolu:hover { background: var(--fz-bende); border-color: var(--fz-bende); color: #fff; }
.fz-sy-g-daire--kare { border-radius: 6px; width: 20px; height: 20px; }

.fz-sy-g-tablo { overflow-x: auto; flex: none; }
.fz-sy-g-tablo > * { min-width: 1040px; }
.fz-sy-g-satir { display: grid; grid-template-columns: 36px 84px minmax(240px, 1fr) 170px 118px 150px 100px 130px; align-items: center; gap: var(--fz-b-3); padding: 8px 16px; min-height: 60px; border-bottom: 1px solid var(--fz-cizgi); cursor: pointer; }
.fz-sy-g-satir:not(.fz-sy-g-satir--baslik):hover { background: var(--fz-yuzey-2); }
.fz-sy-g-satir:not(.fz-sy-g-satir--baslik):focus-visible { outline: 2px solid var(--fz-odak); outline-offset: -2px; }
.fz-sy-g-satir:last-child { border-bottom: 0; }
.fz-sy-g-satir--baslik { min-height: 44px; cursor: default; color: var(--fz-yazi-3); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; background: var(--fz-yuzey-2); border-radius: var(--fz-r-md) var(--fz-r-md) 0 0; }
.fz-sy-g-sirala { border: 0; background: transparent; padding: 6px 0; font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit; display: inline-flex; gap: 4px; align-items: center; }
.fz-sy-g-sirala:hover { color: var(--fz-yazi); }
.fz-sy-g-no { color: var(--fz-yazi-3); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.fz-sy-g-konu { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.fz-sy-g-konu-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
.fz-sy-g-satir--bitti .fz-sy-g-konu b { text-decoration: line-through; color: var(--fz-yazi-3); }
.fz-sy-g-atanan { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-weight: 600; }
.fz-sy-g-atanan .fz-sy-g-avs { margin-left: 0; }
.fz-sy-g-liste-not { margin: var(--fz-b-3) 4px 0; color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }

.fz-sy-g-benim { width: 100%; max-width: 860px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--fz-b-5); }
.fz-sy-g-benim-ust { display: flex; align-items: center; gap: var(--fz-b-4); }
.fz-sy-g-benim-ust h2 { font-size: var(--fz-y-xl); font-weight: 800; }
.fz-sy-g-benim-ust p { color: var(--fz-yazi-3); margin-top: 2px; }
.fz-sy-g-grup { display: flex; flex-direction: column; gap: var(--fz-b-2); }
.fz-sy-g-grup-ad { display: flex; align-items: center; gap: 8px; font-size: var(--fz-y-md); font-weight: 750; }
.fz-sy-g-grup--uyari .fz-sy-g-grup-ad { color: var(--fz-hata); }
.fz-sy-g-grup-say { min-width: 22px; height: 20px; padding: 0 6px; border-radius: var(--fz-r-tam); display: inline-grid; place-items: center; background: var(--fz-yuzey-3); color: var(--fz-yazi-2); font-size: 11.5px; font-weight: 750; font-variant-numeric: tabular-nums; }
.fz-sy-g-grup--uyari .fz-sy-g-grup-say { background: var(--fz-hata-zemin); color: var(--fz-hata); }
.fz-sy-g-isler { padding: 0; overflow: hidden; }
.fz-sy-g-is { display: flex; align-items: center; gap: var(--fz-b-3); padding: 10px 16px; min-height: 64px; border-bottom: 1px solid var(--fz-cizgi); cursor: pointer; }
.fz-sy-g-is:last-child { border-bottom: 0; }
.fz-sy-g-is:hover { background: var(--fz-yuzey-2); }
.fz-sy-g-is:focus-visible { outline: 2px solid var(--fz-odak); outline-offset: -2px; }
.fz-sy-g-is-orta { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.fz-sy-g-is-baslik { font-weight: 650; overflow-wrap: anywhere; }
.fz-sy-g-is--bitti .fz-sy-g-is-baslik { text-decoration: line-through; color: var(--fz-yazi-3); font-weight: 550; }
.fz-sy-g-is-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.fz-sy-g-is-sag { flex: none; display: flex; align-items: center; gap: 8px; }
.fz-sy-g-biten-ac { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; height: 36px; padding: 0 8px; border: 0; border-radius: var(--fz-r-sm); background: transparent; font-weight: 750; color: var(--fz-yazi-2); }
.fz-sy-g-biten-ac:hover { background: var(--fz-yuzey-3); }

.fz-sy-g-md { display: grid; grid-template-columns: minmax(0, 1fr) 264px; gap: var(--fz-b-6); color: var(--fz-yazi); padding-top: 4px; }
.fz-sy-g-md-ana { display: flex; flex-direction: column; gap: var(--fz-b-5); min-width: 0; }
.fz-sy-g-md-ana > [data-b] { display: flex; flex-direction: column; gap: var(--fz-b-2); }
.fz-sy-g-md-baslik { width: 100%; resize: none; overflow: hidden; border: 1px solid transparent; border-radius: var(--fz-r-sm); background: transparent; padding: 4px 8px; margin-left: -8px; font-size: 20px; font-weight: 800; line-height: 1.3; }
.fz-sy-g-md-baslik:hover { background: var(--fz-yuzey-3); }
.fz-sy-g-md-baslik:focus { outline: none; background: var(--fz-yuzey); border-color: var(--fz-altin-600); box-shadow: 0 0 0 3px var(--fz-vurgu-zemin-2); }
.fz-sy-g-md-konum { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: var(--fz-yazi-3); }
.fz-sy-g-md-bolum { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 750; color: var(--fz-yazi); }
.fz-sy-g-md-bolum svg { color: var(--fz-yazi-3); }
.fz-sy-g-md-say { margin-left: 2px; color: var(--fz-yazi-3); font-weight: 650; font-size: var(--fz-y-sm); font-variant-numeric: tabular-nums; }
.fz-sy-g-md-dugmeler { display: flex; align-items: center; gap: 8px; margin-top: 6px; flex-wrap: wrap; }
.fz-sy-g-aciklama { min-height: 64px; padding: 10px 12px; border-radius: var(--fz-r-sm); background: var(--fz-yuzey-3); white-space: pre-wrap; overflow-wrap: anywhere; cursor: text; line-height: var(--fz-a-normal); }
.fz-sy-g-aciklama:hover { background: var(--fz-yuzey-2); box-shadow: inset 0 0 0 1px var(--fz-cizgi-guclu); }
.fz-sy-g-aciklama--bos { color: var(--fz-yazi-3); }
.fz-sy-g-ilerleme { height: 6px; border-radius: 6px; background: var(--fz-yuzey-3); overflow: hidden; }
.fz-sy-g-ilerleme i { display: block; height: 100%; background: var(--fz-bende); border-radius: 6px; transition: width var(--fz-sure) var(--fz-egri); }
.fz-sy-g-maddeler { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.fz-sy-g-madde { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 0 4px 0 6px; border-radius: var(--fz-r-sm); }
.fz-sy-g-madde:hover { background: var(--fz-yuzey-2); }
.fz-sy-g-madde-metin { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.fz-sy-g-madde--bitti .fz-sy-g-madde-metin { text-decoration: line-through; color: var(--fz-yazi-3); }
.fz-sy-g-madde .fz-ikon-btn { opacity: 0; }
.fz-sy-g-madde:hover .fz-ikon-btn, .fz-sy-g-madde .fz-ikon-btn:focus-visible { opacity: 1; }
@media (hover: none) { .fz-sy-g-madde .fz-ikon-btn { opacity: 1; } }
.fz-sy-g-madde-ekle { display: flex; gap: 8px; margin-top: 4px; }
.fz-sy-g-madde-ekle .fz-girdi { flex: 1; min-width: 0; }
.fz-sy-g-ekler { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.fz-sy-g-ek { display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 10px; border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-sm); }
.fz-sy-g-ek-ikon { flex: none; width: 36px; height: 36px; border-radius: var(--fz-r-sm); display: grid; place-items: center; background: var(--fz-yuzey-3); color: var(--fz-yazi-2); }
.fz-sy-g-ek-ad { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.fz-sy-g-ek-ad small { color: var(--fz-yazi-3); }
.fz-sy-g-ek-ekle { position: relative; align-self: flex-start; cursor: pointer; }
.fz-sy-g-ek-ekle:focus-within { outline: 2px solid var(--fz-odak); outline-offset: 2px; }
.fz-sy-g-md-yorum-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.fz-sy-g-yorum-form { display: flex; gap: 10px; align-items: flex-start; }
.fz-sy-g-yorum-alan { position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; }
.fz-sy-g-yorum-alan .fz-soluk { font-size: var(--fz-y-xs); }
.fz-sy-g-yorum-kap { position: relative; }
.fz-sy-g-bahset-liste { position: absolute; top: 100%; left: 0; z-index: 5; min-width: 240px; margin-top: 4px; padding: 6px; background: var(--fz-yuzey); border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-md); box-shadow: var(--fz-golge-3); }
.fz-sy-g-bahset-oge { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; padding: 0 8px; border: 0; background: transparent; border-radius: var(--fz-r-sm); text-align: left; }
.fz-sy-g-bahset-oge span { display: flex; flex-direction: column; line-height: 1.25; }
.fz-sy-g-bahset-oge small { color: var(--fz-yazi-3); font-size: var(--fz-y-xs); }
.fz-sy-g-bahset-oge[aria-selected="true"], .fz-sy-g-bahset-oge:hover { background: var(--fz-vurgu-zemin); }
.fz-sy-g-yorumlar, .fz-sy-g-akis { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--fz-b-3); }
.fz-sy-g-yorum { display: flex; gap: 10px; align-items: flex-start; }
.fz-sy-g-yorum-govde { flex: 1; min-width: 0; padding: 8px 12px; background: var(--fz-yuzey-2); border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-md); }
.fz-sy-g-yorum-ust { display: flex; align-items: baseline; gap: 8px; margin-bottom: 2px; }
.fz-sy-g-yorum-ust time, .fz-sy-g-akis-oge time { color: var(--fz-yazi-3); font-size: var(--fz-y-xs); }
.fz-sy-g-yorum-govde p { white-space: pre-wrap; overflow-wrap: anywhere; line-height: var(--fz-a-normal); }
.fz-sy-g-yorum-bos { color: var(--fz-yazi-3); padding: 4px 0; }
.fz-sy-g-bahset { padding: 0 4px; border-radius: 4px; background: var(--fz-vurgu-zemin); color: var(--fz-vurgu-yazi); font-weight: 700; }
.fz-sy-g-bahset--ben { background: var(--fz-vurgu); color: var(--fz-vurgu-ustu); }
.fz-sy-g-akis-oge { display: flex; align-items: flex-start; gap: 10px; line-height: 1.4; }
.fz-sy-g-akis-oge > span:last-child { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; padding-top: 2px; }
.fz-sy-g-akis-oge time { margin-left: 4px; }
.fz-sy-g-md-yan { display: flex; flex-direction: column; gap: var(--fz-b-4); padding: var(--fz-b-4); background: var(--fz-yuzey-2); border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-md); align-self: start; }
.fz-sy-g-yan-bolum { display: flex; flex-direction: column; gap: 6px; }
.fz-sy-g-yan-not { font-size: var(--fz-y-sm); color: var(--fz-yazi-3); }
.fz-sy-g-yan-islem { gap: 8px; padding-top: var(--fz-b-3); border-top: 1px solid var(--fz-cizgi); }
.fz-sy-g-secimler { display: flex; flex-wrap: wrap; gap: 6px; }
.fz-sy-g-secim { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px 0 4px; border-radius: var(--fz-r-tam); border: 1px solid var(--fz-cizgi-guclu); background: var(--fz-yuzey); font-size: 12.5px; font-weight: 650; color: var(--fz-yazi-2); }
.fz-sy-g-secim:hover { background: var(--fz-yuzey-3); }
.fz-sy-g-secim--acik { background: var(--fz-vurgu-zemin); border-color: var(--fz-altin-500); color: var(--fz-vurgu-yazi); }
.fz-sy-g-hizli-tarih { display: flex; flex-wrap: wrap; gap: 6px; }
.fz-sy-g-mini { height: 26px; padding: 0 10px; border-radius: var(--fz-r-tam); border: 1px solid var(--fz-cizgi); background: var(--fz-yuzey); font-size: 12px; font-weight: 650; color: var(--fz-yazi-2); }
.fz-sy-g-mini:hover { background: var(--fz-yuzey-3); }
.fz-sy-g-oncelik { width: 100%; }
.fz-sy-g-oncelik .fz-sekme { flex: 1; padding: 0 6px; }
.fz-sy-g-musteri-dugme { justify-content: flex-start; max-width: 100%; }
.fz-sy-g-renkler { display: flex; flex-wrap: wrap; gap: 8px; }
.fz-sy-g-renk { width: 32px; height: 32px; padding: 0; border-radius: 50%; border: 2px solid transparent; background: var(--gv-d); color: #fff; display: grid; place-items: center; }
.fz-sy-g-renk[aria-checked="true"] { box-shadow: 0 0 0 2px var(--fz-yuzey), 0 0 0 4px var(--gv-d); }
.fz-sy-g-uyeler { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.fz-sy-g-uye { padding: 6px 8px; border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-sm); min-width: 0; }
.fz-sy-g-uye span { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.fz-sy-g-uye small { color: var(--fz-yazi-3); font-size: var(--fz-y-xs); }
.fz-sy-g-arsiv { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.fz-sy-g-arsiv li { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 8px; border: 1px solid var(--fz-cizgi); border-radius: var(--fz-r-sm); }
.fz-sy-g-tehlike { padding-top: var(--fz-b-3); border-top: 1px solid var(--fz-cizgi); }

@media (max-width: 1100px) {
  .fz-sy-g { padding: var(--fz-b-5) var(--fz-b-4) 0; }
}
@media (max-width: 900px) {
  .fz-sy-g-md { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .fz-sy-g { padding: var(--fz-b-4) var(--fz-b-3) 0; height: auto; min-height: 100%; }
  .fz-sy-g-baslik { display: none; }
  .fz-sy-g-ust { margin-bottom: var(--fz-b-3); align-items: center; flex-wrap: nowrap; }
  .fz-sy-g-ust-sag { flex: 1; min-width: 0; justify-content: space-between; flex-wrap: nowrap; gap: var(--fz-b-2); }
  .fz-sy-g-ust-sag .fz-sekmeler--hap { overflow-x: auto; }
  .fz-sy-g-ust-sag .fz-sekmeler--hap .fz-sekme { padding: 0 9px; white-space: nowrap; }
  .fz-sy-g-yeni { width: 40px; padding: 0; flex: none; }
  .fz-sy-g-yeni-yazi { display: none; }
  .fz-sy-g-icerik { flex: none; }
  .fz-sy-g-pano { flex: none; padding-bottom: var(--fz-b-6); }
  .fz-sy-g-sutun, .fz-sy-g-sutun-yeni { flex-basis: 84vw; width: 84vw; max-width: 320px; }
  .fz-sy-g-sutun { max-height: none; }
  .fz-sy-g-kartlar { overflow: visible; }
  .fz-sy-g--liste .fz-sy-g-icerik, .fz-sy-g--benim .fz-sy-g-icerik { overflow: visible; }
  .fz-sy-g-panolar { margin-bottom: var(--fz-b-2); }
  .fz-sy-g-arac { gap: var(--fz-b-2); margin-bottom: var(--fz-b-3); }
  .fz-sy-g-arac .fz-arama { flex: 1 1 100%; }
  .fz-sy-g-suzler { display: flex; gap: var(--fz-b-2); flex: 1 1 100%; overflow-x: auto; padding-bottom: 2px; }
  .fz-sy-g-suz { flex: none; }
  .fz-sy-g-arac .fz-sy-arac-sayi { margin-left: 0; }
  .fz-sy-g-is { flex-wrap: wrap; padding: 10px 12px; }
  .fz-sy-g-is-orta { flex: 1 1 calc(100% - 44px); }
  .fz-sy-g-is-sag { flex: 0 0 100%; margin-left: 34px; }
  .fz-sy-g-uyeler { grid-template-columns: 1fr; }
  .fz-sy-g-benim-ust { gap: var(--fz-b-3); }
}

/* ================= Tur 3: canlı izleme, haftalık e-posta, ayar bölümleri ================= */
.fz-sy-ekip-sek, .fz-sy-rg { align-self: flex-start; }
.fz-sy-ekip-sek { margin-bottom: var(--fz-b-4); }
.fz-sy-canli-nokta { display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: var(--fz-bekliyor); animation: fz-sy-nabiz 1.6s infinite; }
@keyframes fz-sy-nabiz { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
.fz-sy-canli-not { display: flex; align-items: center; gap: 8px; margin-bottom: var(--fz-b-4); padding: 10px 14px; border-radius: var(--fz-r-md); background: var(--fz-fisilti-zemin); color: var(--fz-fisilti-yazi); font-size: var(--fz-y-sm); }
.fz-sy-canli { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--fz-b-4); align-items: start; }
.fz-sy-canli-uye { padding: 0; overflow: hidden; }
.fz-sy-canli-uye > header { display: flex; align-items: center; gap: var(--fz-b-3); padding: var(--fz-b-3) var(--fz-b-4); border-bottom: 1px solid var(--fz-cizgi); }
.fz-sy-canli-uye > header div { display: flex; flex-direction: column; }
.fz-sy-canli-uye > header small { color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-sy-canli-uye ul { list-style: none; margin: 0; padding: 4px; display: flex; flex-direction: column; gap: 2px; }
.fz-sy-canli-sohbet { display: flex; align-items: center; gap: var(--fz-b-3); width: 100%; min-height: 58px; padding: 8px var(--fz-b-3); border: 0; border-radius: var(--fz-r-sm); background: transparent; text-align: left; color: inherit; font: inherit; cursor: pointer; }
.fz-sy-canli-sohbet:hover { background: var(--fz-yuzey-3); }
.fz-sy-canli-metin { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.fz-sy-canli-metin small { color: var(--fz-yazi-3); font-size: 12px; }
.fz-sy-canli-izle { flex: none; display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 11px; border-radius: var(--fz-r-tam); background: var(--fz-fisilti-zemin); color: var(--fz-fisilti-yazi); font-size: 12.5px; font-weight: 700; }
.fz-sy-canli-izle--siz { background: var(--fz-yuzey-3); color: var(--fz-yazi-2); }
.fz-sy-canli-bos { padding: var(--fz-b-4); color: var(--fz-yazi-3); font-size: var(--fz-y-sm); }
.fz-sy-canli-kilit { max-width: 520px; margin: var(--fz-b-8) auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.fz-sy-canli-kilit p { margin: 0; color: var(--fz-yazi-2); line-height: 1.5; }

/* haftalık e-posta önizlemesi: gerçek e-posta gibi, temadan bağımsız açık kâğıt */
.fz-sy-ep-uyari { display: flex; align-items: center; gap: 8px; margin-bottom: var(--fz-b-3); padding: 10px 14px; border-radius: var(--fz-r-md); background: var(--fz-uyari-zemin); color: var(--fz-not-yazi); font-size: var(--fz-y-sm); }
.fz-sy-eposta { max-width: 760px; margin: 0 auto; border: 1px solid var(--fz-cizgi-guclu); border-radius: var(--fz-r-lg); overflow: hidden; background: var(--fz-yuzey); box-shadow: var(--fz-golge-2); }
.fz-sy-eposta-baslik { padding: var(--fz-b-3) var(--fz-b-5); border-bottom: 1px solid var(--fz-cizgi); background: var(--fz-yuzey-2); }
.fz-sy-eposta-baslik dl { margin: 0; display: flex; flex-direction: column; gap: 3px; }
.fz-sy-eposta-baslik dl > div { display: flex; gap: var(--fz-b-3); font-size: 13px; }
.fz-sy-eposta-baslik dt { flex: none; width: 70px; color: var(--fz-yazi-3); }
.fz-sy-eposta-baslik dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.fz-sy-eposta-kagit { background: #f3f1ea; padding: var(--fz-b-5) var(--fz-b-4); color: #211e17; }
.fz-sy-ep-ust, .fz-sy-ep-govde, .fz-sy-ep-alt { max-width: 600px; margin: 0 auto; background: #ffffff; }
.fz-sy-ep-ust { display: flex; align-items: center; gap: 12px; padding: 20px 28px; border-radius: 14px 14px 0 0; background: #0e2a22; color: #fff; }
.fz-sy-ep-ust span:not(.fz-sy-ep-logo) { display: block; font-size: 13px; color: #a9c0b6; }
.fz-sy-ep-logo { flex: none; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: #cfa13a; color: #3f2d08; font-weight: 800; font-size: 18px; }
.fz-sy-ep-govde { padding: 24px 28px 8px; }
.fz-sy-ep-govde h2 { margin: 0 0 8px; font-size: 20px; line-height: 1.25; color: #211e17; }
.fz-sy-ep-govde h3 { margin: 24px 0 8px; font-size: 14px; color: #5a5547; text-transform: uppercase; letter-spacing: 0.05em; }
.fz-sy-ep-giris { margin: 0 0 16px; color: #3b372c; line-height: 1.55; font-size: 14.5px; }
.fz-sy-ep-kpiler { width: 100%; border-collapse: separate; border-spacing: 8px 0; margin: 0 -8px; }
.fz-sy-ep-kpi { width: 33.33%; padding: 14px 12px; border-radius: 10px; background: #faf7ee; vertical-align: top; }
.fz-sy-ep-kpi b { display: block; font-size: 26px; line-height: 1.1; color: #8a6314; font-variant-numeric: tabular-nums; }
.fz-sy-ep-kpi span { display: block; margin-top: 4px; font-size: 12.5px; font-weight: 700; color: #3b372c; }
.fz-sy-ep-kpi i { display: block; margin-top: 2px; font-style: normal; font-size: 11.5px; color: #766f5e; }
.fz-sy-ep-liste { width: 100%; border-collapse: collapse; }
.fz-sy-ep-liste td { padding: 5px 0; font-size: 13.5px; vertical-align: middle; }
.fz-sy-ep-ad { width: 130px; color: #3b372c; }
.fz-sy-ep-bar { padding: 5px 10px !important; }
.fz-sy-ep-bar span { display: block; height: 10px; border-radius: 5px; background: #cfa13a; }
.fz-sy-ep-bar--ikinci span { background: #2f6b58; }
.fz-sy-ep-say { width: 76px; text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.fz-sy-ep-say small { color: #766f5e; font-weight: 500; margin-left: 2px; }
.fz-sy-ep-madde, .fz-sy-ep-dikkat { margin: 0; padding-left: 18px; font-size: 13.5px; line-height: 1.55; color: #3b372c; }
.fz-sy-ep-madde li, .fz-sy-ep-dikkat li { margin: 4px 0; }
.fz-sy-ep-dikkat li::marker { color: #c8372d; }
.fz-sy-ep-dugme { margin: 24px 0 16px; }
.fz-sy-ep-dugme span { display: inline-block; padding: 11px 20px; border-radius: 8px; background: #cfa13a; color: #3f2d08; font-weight: 750; font-size: 14px; }
.fz-sy-ep-alt { padding: 14px 28px 22px; border-radius: 0 0 14px 14px; font-size: 12px; line-height: 1.5; color: #766f5e; border-top: 1px solid #ece8da; }

/* ayar bölümleri */
.fz-sy-diller { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.fz-sy-diller li { display: grid; grid-template-columns: 32px 100px 1fr; align-items: center; gap: var(--fz-b-3); padding: 9px 0; border-top: 1px solid var(--fz-cizgi); }
.fz-sy-diller li:first-child { border-top: 0; }
.fz-sy-diller small { color: var(--fz-yazi-3); }
.fz-sy-bayrak { font-size: 22px; }
.fz-sy-ceviri-ornek { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--fz-b-3); align-items: center; }
.fz-sy-ceviri-ornek > div:not(.fz-sy-ceviri-ok) { padding: 10px 12px; border-radius: var(--fz-r-md); background: var(--fz-yuzey-2); border: 1px solid var(--fz-cizgi); }
.fz-sy-ceviri-ornek small { color: var(--fz-yazi-3); font-size: 11.5px; font-weight: 650; }
.fz-sy-ceviri-ornek p { margin: 4px 0 0; font-size: 14px; line-height: 1.45; }
.fz-sy-ceviri-ok { color: var(--fz-yazi-3); }
.fz-sy-pz-sonuc { display: flex; flex-direction: column; gap: 6px; min-height: 28px; }
.fz-sy-pz-ok, .fz-sy-pz-hata { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: var(--fz-r-sm); font-size: 13px; font-weight: 650; }
.fz-sy-pz-ok { background: var(--fz-bende-zemin); color: var(--fz-bende-yazi); }
.fz-sy-pz-hata { background: var(--fz-hata-zemin); color: var(--fz-hata); }
.fz-sy-sup-kap { overflow-x: auto; }
.fz-sy-sup { width: 100%; border-collapse: collapse; min-width: 640px; }
.fz-sy-sup th, .fz-sy-sup td { padding: 10px 8px; text-align: left; vertical-align: top; border-top: 1px solid var(--fz-cizgi); font-size: var(--fz-y-sm); font-weight: 500; }
.fz-sy-sup thead th { border-top: 0; color: var(--fz-yazi-3); font-weight: 700; font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.04em; }
.fz-sy-sup th[scope="row"] b { font-size: var(--fz-y-md); }
.fz-sy-sup small { display: block; color: var(--fz-yazi-3); }
.fz-sy-alici-ekle { display: flex; gap: var(--fz-b-3); align-items: end; margin-top: var(--fz-b-3); }
.fz-sy-alici-ekle .fz-alan { flex: 1; min-width: 0; }
.fz-sy-hf-dugme { display: flex; gap: var(--fz-b-3); flex-wrap: wrap; }
.fz-sy-hf-son { margin: var(--fz-b-3) 0 0; }

@media (max-width: 760px) {
  .fz-sy-ep-kpiler, .fz-sy-ep-kpiler tbody, .fz-sy-ep-kpiler tr { display: block; }
  .fz-sy-ep-kpi { display: block; width: auto; margin-bottom: 8px; }
  .fz-sy-ep-ust, .fz-sy-ep-govde { padding-inline: 16px; }
  .fz-sy-ep-alt { padding-inline: 16px; }
  .fz-sy-ep-ad { width: 90px; }
  .fz-sy-ceviri-ornek { grid-template-columns: 1fr; }
  .fz-sy-ceviri-ok { transform: rotate(90deg); justify-self: center; }
  .fz-sy-eposta-baslik dt { width: 60px; }
}

.fz-sy-ayar-icerik, .fz-sy-ayar-kart { min-width: 0; }
.fz-sy-sup-kap { max-width: 100%; }
.fz-sy-sup-kap { position: relative; }