/* ============================================================
   css/mz-tanbih.css — Tanbih T2: takip ve bildirim arayuzu
   (inc/mz-tanbih-site.php). YALNIZCA oz_tanbih acikken baglanir
   (header.php). Her kural .mz-tbs* siniflari altinda; kuresel secici
   yok. Renkler pazarin degiskenlerinden (--mz-brand, --mz-cizgi ...),
   tasarimdaki hex degerleri yalniz yedek.
   Telefon ve masaustu ayri tasarlandi (Main / MasaKategori vb.):
   kirilma 992px - temanin visible-md esigi.
   ============================================================ */

/* ---------- ortak ---------- */
.mz-tbs-gizli {
	position: absolute !important;
	inline-size: 1px; block-size: 1px;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.mz-tbs-ikon {
	inline-size: 18px; block-size: 18px; flex: none;
	fill: none; stroke: currentColor; stroke-width: 2;
	stroke-linecap: round; stroke-linejoin: round;
}
.mz-tbs-masa, .mz-tbs-masa-etiket {display: none;}
@media (min-width: 992px) {
	.mz-tbs-masa {display: inline;}
	.mz-tbs-tel {display: none;}
}

.mz-tbs-dugme {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	min-block-size: 44px; padding: 0 16px;
	border-radius: 10px; border: 1px solid transparent;
	font: inherit; font-size: 15px; font-weight: 600; line-height: 1.2;
	text-decoration: none; cursor: pointer; background: transparent;
	color: var(--mz-ink, #18222d);
}
.mz-tbs-dugme:hover, .mz-tbs-dugme:focus {text-decoration: none;}
a.mz-tbs-dugme.mz-tbs-ikincil, a.mz-tbs-dugme.mz-tbs-ikincil:hover, a.mz-tbs-dugme.mz-tbs-ikincil:focus {color: var(--mz-ink, #18222d);}
a.mz-tbs-dugme.mz-tbs-birincil, a.mz-tbs-dugme.mz-tbs-birincil:hover, a.mz-tbs-dugme.mz-tbs-birincil:focus {color: var(--mz-brand-yazi, #fff);}
.mz-tbs-birincil {background: var(--mz-brand, #0b6b57); color: var(--mz-brand-yazi, #fff);}
.mz-tbs-birincil:hover, .mz-tbs-birincil:focus {background: var(--mz-brand-koyu, #07493b); color: var(--mz-brand-yazi, #fff);}
.mz-tbs-ikincil {background: var(--mz-yuzey, #fff); border-color: var(--mz-cizgi, #cbd3db); color: var(--mz-ink, #18222d);}
.mz-tbs-sade {font-weight: 400; color: #45505c;}
.mz-tbs-tehlike {font-weight: 400; color: #a1361e;}
.mz-tbs-kucuk {min-block-size: 40px; font-size: 14px; padding: 0 12px; border-radius: 8px;}
.mz-tbs-genis {inline-size: 100%;}
.mz-tbs-baglanti {font: inherit; font-size: 13px; border: 0; background: transparent; color: var(--mz-brand, #0b6b57); cursor: pointer; min-block-size: 32px; padding: 0 4px;}
.mz-tbs-dugme:focus-visible, .mz-tbs-baglanti:focus-visible, .mz-tbs-kat-dugme:focus-visible,
.mz-tbs-hucre:focus-visible, .mz-tbs-mzil:focus-visible, .mz-tbs-anahtar-satir:focus-visible {
	outline: 3px solid var(--mz-brand, #0b6b57); outline-offset: 2px;
}
.mz-tbs-not {font-size: 13px; color: #56616d; line-height: 1.6; text-align: center; margin: 12px 8px 0;}
.mz-tbs-bos-kisa {padding: 24px 16px; text-align: center; font-size: 15px; color: #45505c; margin: 0;}

/* ============================================================
   1. KATEGORI: «تابع هذا القسم» (Main, MasaKategori, Zaer)
   ============================================================ */
.mz-fz-bas > .mz-tbs-kat {align-self: center;}
.mz-tbs-kat > summary {list-style: none;}
.mz-tbs-kat > summary::-webkit-details-marker,
.mz-tbs-duzen > summary::-webkit-details-marker {display: none;}
.mz-tbs-kat-dugme {
	display: inline-flex; align-items: center; gap: 6px;
	min-block-size: 44px; padding: 0 14px;
	border-radius: 10px; border: 1px solid var(--mz-brand, #0b6b57);
	background: var(--mz-yuzey, #fff); color: var(--mz-brand, #0b6b57);
	font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; user-select: none;
}
.mz-tbs-takipte > .mz-tbs-kat-dugme {border-color: transparent; background: var(--mz-brand-acik, #e3f2ee); color: var(--mz-brand-koyu, #07493b);}
.mz-tbs-takipte > .mz-tbs-kat-dugme .mz-tbs-ikon {stroke-width: 2.5; color: var(--mz-brand, #0b6b57);}

/* levha / menu ortak ici */
.mz-tbs-pencere {
	background: var(--mz-yuzey, #fff); color: var(--mz-ink, #18222d);
	display: flex; flex-direction: column; gap: 14px;
	text-align: start; font-size: 14px; line-height: 1.5;
}
.mz-tbs-form {display: flex; flex-direction: column; gap: 14px; margin: 0;}
.mz-tbs-pencere-bas {display: flex; flex-direction: column; gap: 4px;}
.mz-tbs-pencere-baslik {margin: 0; font-size: 18px; font-weight: 600; line-height: 1.4; color: inherit;}
.mz-tbs-pencere-not {margin: 0; font-size: 14px; color: #45505c; line-height: 1.6;}
.mz-tbs-kume {border: 0; margin: 0; padding: 0; min-inline-size: 0;}
.mz-tbs-kume > legend {border: 0; margin: 0 0 8px; padding: 0; inline-size: auto; font-size: 15px; font-weight: 600; color: inherit; line-height: 1.4;}
.mz-tbs-kume > legend small {font-size: 12px; font-weight: 400; color: #56616d;}
.mz-tbs-kanallar {display: flex; flex-direction: column; border: 1px solid var(--mz-cizgi, #dde3e8); border-radius: 12px; overflow: hidden;}
.mz-tbs-kanal {
	position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px;
	min-block-size: 54px; margin: 0; padding: 6px 14px; font-weight: 400; cursor: pointer;
}
.mz-tbs-kanal + .mz-tbs-kanal {border-top: 1px solid #eef1f4;}
.mz-tbs-kanal input {position: absolute; opacity: 0; inline-size: 1px; block-size: 1px; margin: 0;}
.mz-tbs-kanal-m {display: flex; flex-direction: column; gap: 2px;}
.mz-tbs-kanal-ad {font-size: 15px;}
.mz-tbs-kanal-alt {font-size: 12px; color: #56616d;}
.mz-tbs-kutu {
	flex: none; inline-size: 24px; block-size: 24px; border-radius: 6px;
	display: inline-flex; align-items: center; justify-content: center;
	border: 2px solid #8c97a3; background: var(--mz-yuzey, #fff); color: transparent;
}
.mz-tbs-kutu .mz-tbs-ikon {inline-size: 16px; block-size: 16px; stroke-width: 3;}
.mz-tbs-kanal input:checked ~ .mz-tbs-kutu {background: var(--mz-brand, #0b6b57); border-color: var(--mz-brand, #0b6b57); color: var(--mz-brand-yazi, #fff);}
.mz-tbs-kanal input:focus-visible ~ .mz-tbs-kutu {outline: 3px solid var(--mz-brand, #0b6b57); outline-offset: 2px;}
.mz-tbs-kanal.mz-tbs-pasif {cursor: not-allowed; color: #8c97a3;}
.mz-tbs-kanal.mz-tbs-pasif .mz-tbs-kutu {border-style: dashed; background: #f4f6f8;}
.mz-tbs-siklik {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;}
.mz-tbs-secenek {position: relative; margin: 0; font-weight: 400;}
.mz-tbs-secenek input {position: absolute; opacity: 0; inline-size: 1px; block-size: 1px;}
.mz-tbs-secenek span {
	display: flex; align-items: center; justify-content: center; min-block-size: 48px; padding: 0 8px;
	border-radius: 10px; border: 1px solid #cbd3db; background: var(--mz-yuzey, #fff); cursor: pointer; text-align: center;
}
.mz-tbs-secenek input:checked + span {border: 2px solid var(--mz-brand, #0b6b57); background: var(--mz-brand-acik, #e3f2ee); color: var(--mz-brand-koyu, #07493b); font-weight: 600;}
.mz-tbs-secenek input:focus-visible + span {outline: 3px solid var(--mz-brand, #0b6b57); outline-offset: 2px;}
.mz-tbs-eylemler {display: flex; flex-direction: column; gap: 6px;}
.mz-tbs-eylemler .mz-tbs-birincil {min-block-size: 48px; font-size: 16px;}
.mz-tbs-eylemler .mz-tbs-tehlike {order: 2;}
.mz-tbs-eylemler .mz-tbs-sade {order: 3;}

/* TELEFON: alttan levha + karartma (Main, Zaer) */
@media (max-width: 991px) {
	.mz-tbs-kat[open] > .mz-tbs-ortu, .mz-tbs-duzen[open] > .mz-tbs-ortu {
		position: fixed; inset: 0; z-index: 1095; background: rgba(24, 34, 45, .45);
	}
	.mz-tbs-kat > .mz-tbs-pencere, .mz-tbs-duzen > .mz-tbs-pencere {
		position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 1096;
		max-block-size: 88vh; overflow-y: auto; overscroll-behavior: contain;
		border-radius: 18px 18px 0 0; padding: 18px 16px calc(22px + env(safe-area-inset-bottom, 0px));
		box-shadow: 0 -8px 30px rgba(24, 34, 45, .18);
	}
	.mz-tbs-kat > .mz-tbs-pencere > .mz-tbs-dugme {min-block-size: 48px;}
}
/* MASAUSTU: dugmenin altinda kucuk menu (MasaKategori) */
@media (min-width: 992px) {
	.mz-fz-bas > .mz-tbs-kat {margin-inline-end: auto;}
	.mz-tbs-kat, .mz-tbs-duzen {position: relative;}
	.mz-tbs-kat-dugme {min-block-size: 40px;}
	.mz-tbs-ortu {display: none;}
	.mz-tbs-kat > .mz-tbs-pencere, .mz-tbs-duzen > .mz-tbs-pencere {
		position: absolute; inset-block-start: calc(100% + 8px); inset-inline-start: 0; z-index: 1000;
		inline-size: 360px; padding: 16px; gap: 12px;
		border: 1px solid var(--mz-cizgi, #dde3e8); border-radius: 14px;
		box-shadow: 0 12px 32px rgba(24, 34, 45, .16);
	}
	.mz-tbs-duzen > .mz-tbs-pencere {inset-inline-start: auto; inset-inline-end: 0;}
	.mz-tbs-kat .mz-tbs-pencere-baslik:empty, .mz-tbs-kat .mz-tbs-pencere-baslik .mz-tbs-tel {display: none;}
	.mz-tbs-kanallar {border: 0; border-radius: 0;}
	.mz-tbs-kanal {min-block-size: 36px; padding: 0;}
	.mz-tbs-kanal + .mz-tbs-kanal {border-top: 0;}
	.mz-tbs-kanal {flex-direction: row-reverse; justify-content: flex-end;}
	.mz-tbs-kanal-alt {display: none;}
	.mz-tbs-kanal.mz-tbs-pasif .mz-tbs-kanal-alt {display: block;}
	.mz-tbs-kutu {inline-size: 18px; block-size: 18px; border-radius: 4px;}
	.mz-tbs-kutu .mz-tbs-ikon {inline-size: 12px; block-size: 12px;}
	.mz-tbs-kume > legend {font-size: 14px;}
	.mz-tbs-secenek span {min-block-size: 40px; border-radius: 8px;}
	.mz-tbs-eylemler {flex-direction: row; align-items: center; gap: 8px;}
	.mz-tbs-eylemler .mz-tbs-birincil {min-block-size: 42px; font-size: 15px; padding: 0 20px;}
	.mz-tbs-eylemler .mz-tbs-sade {order: 2; min-block-size: 42px;}
	.mz-tbs-eylemler .mz-tbs-tehlike {order: 3; margin-inline-start: auto; min-block-size: 42px; padding: 0 10px;}
	/* misafir menusu masaustunde de ayni: baslik + iki dugme */
	.mz-tbs-kat > .mz-tbs-pencere > .mz-tbs-dugme {inline-size: 100%;}
}

/* ---------- bildirim seridi (toast) ---------- */
.mz-tbs-toast {
	position: fixed; z-index: 1100; inset-block-end: 24px; inset-inline: 16px;
	display: flex; flex-direction: column; gap: 2px; margin-inline: auto; max-inline-size: 420px;
	padding: 12px 14px; border-radius: 10px;
	background: var(--mz-ink, #18222d); color: #fff;
	font-size: 14px; line-height: 1.6; box-shadow: 0 6px 20px rgba(15, 23, 42, .25);
}
.mz-tbs-toast[hidden], .mz-tbs-toast-l[hidden] {display: none;}
.mz-tbs-toast.mz-tbs-hata {background: #8f2a24;}
.mz-tbs-toast-l, .mz-tbs-toast-l:hover, .mz-tbs-toast-l:focus {color: var(--mz-brand-acik, #7fe0c2); text-decoration: underline;}
@media (max-width: 991px) {
	/* mobil alt cubugun ustunde */
	.mz-tbs-toast {inset-block-end: calc(80px + env(safe-area-inset-bottom, 0px));}
}
@media (min-width: 992px) {
	.mz-tbs-toast {inset-inline: auto 40px; inline-size: 380px; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px;}
	.mz-tbs-toast-l {white-space: nowrap;}
}

/* ============================================================
   2. ZIL (MasaIshaarat) + telefon zili
   ============================================================ */
.mz-tbs-zil {position: relative;}
.mz-tbs-zil-dugme {display: inline-flex; align-items: center; gap: 2px; position: relative; min-block-size: 32px; padding: 0 4px; border-radius: 6px;}
.mz-tbs-zil-dugme[aria-expanded="true"] {background: rgba(255, 255, 255, .14); color: #fff;}
.mz-tbs-sayac[hidden] {display: none !important;}
.mz-tbs-zil .mz-tbs-zil-panel {
	position: absolute; z-index: 1050; inset-block-start: calc(100% + 10px); inset-inline-end: -8px;
	inline-size: 400px; max-inline-size: calc(100vw - 24px);
	display: flex; flex-direction: column; overflow: hidden;
	background: var(--mz-yuzey, #fff); color: var(--mz-ink, #18222d);
	border: 1px solid var(--mz-cizgi, #dde3e8); border-radius: 14px;
	box-shadow: 0 16px 40px rgba(24, 34, 45, .18);
	font-size: 14px; white-space: normal; text-align: start;
}
.mz-tbs-zil .mz-tbs-zil-panel[hidden] {display: none;}
.mz-tbs-zil-bas {display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 16px; border-bottom: 1px solid #eef1f4;}
.mz-tbs-zil-bas b {font-size: 16px; font-weight: 600;}
.mz-tbs-zil-bas form {margin: 0;}
.mz-tbs-zil .mz-tbs-zil-panel a {color: var(--mz-ink, #18222d);}
.mz-tbs-zil .mz-tbs-zil-panel .mz-tbs-baglanti {color: var(--mz-brand, #0b6b57);}
.mz-tbs-zil .mz-tbs-zil-panel a.mz-tbs-zil-alt {display: block; padding: 12px 16px; text-align: center; font-weight: 600; color: var(--mz-brand, #0b6b57); text-decoration: none;}
.mz-tbs-zil .mz-tbs-zil-panel a.mz-tbs-zil-alt:hover {background: #f4f6f8;}
.mz-tbs-liste-zil {max-block-size: min(420px, 60vh); overflow-y: auto;}
.mz-tbs-mobil-zil {position: relative; text-decoration: none;}
.mz-tbs-mobil-zil:hover, .mz-tbs-mobil-zil:focus {color: #fff; text-decoration: none;}
.mz-tbs-mobil-zil-sayi {
	position: absolute; inset-block-start: 1px; inset-inline-end: 0;
	min-inline-size: 16px; block-size: 16px; padding: 0 4px; border-radius: 999px;
	background: var(--mz-danger, #e74c3c); color: #fff; font-size: 10.5px; font-weight: 700; line-height: 16px; text-align: center;
	direction: ltr; unicode-bidi: isolate;
}

/* ============================================================
   3. BILDIRIM LISTESI (Ishaarat, TumIshaarat, MasaTumIshaarat)
   ============================================================ */
.mz-tbs-liste {list-style: none; margin: 0; padding: 0;}
.mz-tbs-b {
	position: relative; display: flex; align-items: flex-start; gap: 10px;
	padding: 14px 16px; border-bottom: 1px solid var(--mz-cizgi, #dde3e8); background: var(--mz-yuzey, #fff);
}
.mz-tbs-b.mz-tbs-yeni {background: var(--mz-brand-usul, #eaf5f1);}
.mz-tbs-b:hover {background: #f7f9fa;}
.mz-tbs-b.mz-tbs-yeni:hover {background: var(--mz-brand-acik, #e3f2ee);}
.mz-tbs-b-ikon {
	flex: none; inline-size: 40px; block-size: 40px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	background: #eef1f4; color: #45505c;
}
.mz-tbs-b-ikon .mz-tbs-ikon {inline-size: 20px; block-size: 20px;}
.mz-tbs-yeni .mz-tbs-b-ikon {background: var(--mz-brand, #0b6b57); color: var(--mz-brand-yazi, #fff);}
.mz-tbs-b-govde {display: flex; flex-direction: column; gap: 3px; flex: 1; min-inline-size: 0;}
.mz-tbs-b-ana {font-size: 15px; line-height: 1.5; color: var(--mz-ink, #18222d); text-decoration: none; overflow-wrap: anywhere;}
.mz-tbs-yeni .mz-tbs-b-ana {font-weight: 600;}
a.mz-tbs-b-ana::after {content: ""; position: absolute; inset: 0;}
a.mz-tbs-b-ana:hover, a.mz-tbs-b-ana:focus {color: var(--mz-ink, #18222d); text-decoration: none;}
a.mz-tbs-b-ana:focus-visible {outline: none;}
a.mz-tbs-b-ana:focus-visible::after {outline: 3px solid var(--mz-brand, #0b6b57); outline-offset: -3px;}
.mz-tbs-b-metin {font-size: 14px; color: var(--mz-ink, #18222d); overflow-wrap: anywhere;}
.mz-tbs-b-zaman {font-size: 13px; color: #56616d;}
.mz-tbs-b-resimler {display: flex; gap: 6px; margin-block-start: 6px;}
.mz-tbs-b-resim {
	inline-size: 64px; block-size: 48px; border-radius: 6px; overflow: hidden; background: #cbd6de;
	display: inline-flex; align-items: center; justify-content: center; font-size: 13px; color: var(--mz-ink, #18222d);
}
.mz-tbs-b-resim img {inline-size: 100%; block-size: 100%; object-fit: cover;}
.mz-tbs-b-eylem {
	position: relative; z-index: 1; flex: none; align-self: center;
	font-size: 14px; font-weight: 600; padding: 6px 12px; border-radius: 8px;
	border: 1px solid var(--mz-brand, #0b6b57); color: var(--mz-brand, #0b6b57); text-decoration: none; background: var(--mz-yuzey, #fff);
}
.mz-tbs-b-eylem:hover, .mz-tbs-b-eylem:focus {background: var(--mz-brand-acik, #e3f2ee); color: var(--mz-brand-koyu, #07493b); text-decoration: none;}
.mz-tbs-b-nokta {flex: none; inline-size: 10px; block-size: 10px; border-radius: 50%; background: var(--mz-brand, #0b6b57); margin-block-start: 6px;}
/* satir basina sil + «حذف كل الإشعارات» */
.mz-tbs-b-sil-form {position: relative; z-index: 1; flex: none; margin: 0;}
.mz-tbs-b-sil {
	inline-size: 36px; block-size: 36px; border: 0; border-radius: 50%; padding: 0; cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center; background: transparent; color: #8c97a3;
}
.mz-tbs-b-sil::after {content: ""; position: absolute; inset: -4px;}
.mz-tbs-b-sil:hover, .mz-tbs-b-sil:focus-visible {background: #f4e7e4; color: #a1361e;}
.mz-tbs-b-sil:focus-visible {outline: 3px solid var(--mz-brand, #0b6b57); outline-offset: 2px;}
.mz-tbs-b-sil .mz-tbs-ikon {inline-size: 16px; block-size: 16px;}
/* basliktaki eylem grubu: «تعليم الكل كمقروء» + «حذف كل الإشعارات» */
.mz-tbs-bildirimler .mz-tbs-bas {position: relative;}
.mz-tbs-bas-eylem {display: flex; flex-direction: column; align-items: flex-end; gap: 0;}
.mz-tbs-sil-hepsi > summary {list-style: none; display: inline-flex; min-block-size: 40px; padding: 0 8px; font-size: 14px;}
.mz-tbs-sil-hepsi > summary::-webkit-details-marker {display: none;}
.mz-tbs-sil-onay {
	position: absolute; z-index: 20; inset-inline-end: 16px; inset-block-start: calc(100% - 4px);
	inline-size: min(340px, calc(100vw - 32px)); box-sizing: border-box;
	padding: 14px 16px; text-align: start;
	background: var(--mz-yuzey, #fff); border: 1px solid #e6c3bb; border-radius: 12px;
	box-shadow: 0 12px 32px rgba(24, 34, 45, .16);
}
.mz-tbs-sil-onay p {margin: 0 0 12px; font-size: 14px; line-height: 1.6;}
.mz-tbs-sil-hepsi-form {display: flex; flex-wrap: wrap; gap: 8px; margin: 0;}
.mz-tbs-sil-evet {background: #a1361e; color: #fff;}
.mz-tbs-sil-evet:hover, .mz-tbs-sil-evet:focus {background: #7f2a17; color: #fff;}

/* zildeki kompakt satirlar */
.mz-tbs-liste-zil .mz-tbs-b {padding: 12px 16px; border-bottom-color: #eef1f4;}
.mz-tbs-liste-zil .mz-tbs-b-ikon {inline-size: 36px; block-size: 36px;}
.mz-tbs-liste-zil .mz-tbs-b-ikon .mz-tbs-ikon {inline-size: 18px; block-size: 18px;}
.mz-tbs-liste-zil .mz-tbs-b-ana {font-size: 14px;}
.mz-tbs-liste-zil .mz-tbs-b-zaman {font-size: 12px;}
.mz-tbs-liste-zil .mz-tbs-b-resim {inline-size: 56px; block-size: 42px;}

/* sayfa basligi (Mutabaati, Ishaarat) */
.mz-tbs {color: var(--mz-ink, #18222d); font-size: 14px;}
.mz-tbs h1 {margin: 0; font-size: 20px; font-weight: 600; line-height: 1.4;}
.mz-tbs-bas {display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; padding: 16px; background: var(--mz-yuzey, #fff); border-bottom: 1px solid var(--mz-cizgi, #dde3e8);}
.mz-tbs-bas form {margin: 0;}
.mz-tbs-yol {display: block; font-size: 13px; color: #56616d;}
.mz-tbs-alt-baslik {margin: 4px 0 0; font-size: 14px; color: #56616d;}
.mz-tbs-okundu-dugme {min-block-size: 44px; padding: 0 8px; border: 0; background: transparent; font-weight: 400; font-size: 14px; color: var(--mz-brand, #0b6b57);}

/* filtre haplari (telefon) / yan menu (masaustu) */
.mz-tbs-filtre-hap {display: flex; gap: 6px; overflow-x: auto; padding: 0 16px 12px; background: var(--mz-yuzey, #fff); border-bottom: 1px solid var(--mz-cizgi, #dde3e8); scrollbar-width: none;}
.mz-tbs-filtre-hap a {
	flex: none; display: inline-flex; align-items: center; min-block-size: 40px; padding: 0 12px;
	border-radius: 20px; border: 1px solid #cbd3db; background: var(--mz-yuzey, #fff); color: var(--mz-ink, #18222d); font-size: 14px; text-decoration: none;
}
.mz-tbs-filtre-hap a.mz-tbs-secili {border-color: var(--mz-brand, #0b6b57); background: var(--mz-brand-acik, #e3f2ee); color: var(--mz-brand-koyu, #07493b); font-weight: 600;}
.mz-tbs-filtre-yan {display: none;}
.mz-tbs-devam {text-align: center; margin: 16px 0 0;}
.mz-tbs-bildirimler .mz-tbs-bas {border-bottom: 0; padding-bottom: 12px;}

@media (max-width: 991px) {
	/* telefonda eylem dugmesi metnin ALTINDA (TumIshaarat) */
	.mz-tbs-liste-sayfa .mz-tbs-b {flex-wrap: wrap;}
	/* satir 1: ikon 40 + metin + nokta 10 + sil 36 + uc bosluk 30 */
	.mz-tbs-liste-sayfa .mz-tbs-b-govde {flex: 1 1 calc(100% - 120px);}
	.mz-tbs-liste-sayfa .mz-tbs-b-eylem {order: 5; margin-inline-start: 50px; margin-block-start: -4px;}
}
@media (min-width: 992px) {
	.mz-tbs-bildirimler {display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 24px; align-items: start;}
	.mz-tbs-filtre-hap {display: none;}
	.mz-tbs-filtre-yan {
		display: block; background: var(--mz-yuzey, #fff); border: 1px solid var(--mz-cizgi, #dde3e8); border-radius: 12px; padding: 8px;
		position: sticky; inset-block-start: 90px;
	}
	.mz-tbs-filtre-yan ul {list-style: none; margin: 0; padding: 0;}
	.mz-tbs-filtre-yan li a {
		display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border-radius: 8px;
		font-size: 15px; color: var(--mz-ink, #18222d); text-decoration: none;
	}
	.mz-tbs-filtre-yan li a:hover {background: #f4f6f8;}
	.mz-tbs-filtre-yan li a.mz-tbs-secili {background: var(--mz-brand-acik, #e3f2ee); color: var(--mz-brand-koyu, #07493b); font-weight: 600;}
	.mz-tbs-filtre-sayi {font-size: 13px; color: #56616d; font-weight: 400;}
	.mz-tbs-filtre-ayar {display: block; margin-block-start: 8px; padding: 10px 12px; border-top: 1px solid #eef1f4; font-size: 14px;}
	.mz-tbs-bildirimler .mz-tbs-bas {background: transparent; padding: 0 0 12px; align-items: center;}
	.mz-tbs-bildirimler h1, .mz-tbs-takiplerim h1 {font-size: 24px;}
	.mz-tbs-bildirimler .mz-tbs-yol, .mz-tbs-takiplerim .mz-tbs-yol {display: none;}
	.mz-tbs-okundu-dugme {min-block-size: 40px; padding: 0 14px; border: 1px solid #cbd3db; border-radius: 8px; background: var(--mz-yuzey, #fff); color: var(--mz-ink, #18222d);}
	.mz-tbs-liste-sayfa {background: var(--mz-yuzey, #fff); border: 1px solid var(--mz-cizgi, #dde3e8); border-radius: 12px; overflow: hidden;}
	.mz-tbs-liste-sayfa .mz-tbs-b {align-items: center; gap: 14px; padding: 14px 18px; border-bottom-color: #eef1f4;}
	.mz-tbs-liste-sayfa .mz-tbs-b:last-child {border-bottom: 0;}
	.mz-tbs-liste-sayfa .mz-tbs-b-govde {flex-direction: row; flex-wrap: wrap; align-items: baseline; column-gap: 14px;}
	.mz-tbs-liste-sayfa .mz-tbs-b-ana {flex: 1 1 60%;}
	.mz-tbs-liste-sayfa .mz-tbs-b-zaman {order: 2; white-space: nowrap;}
	.mz-tbs-liste-sayfa .mz-tbs-b-metin {order: 3; flex-basis: 100%; color: #45505c;}
	.mz-tbs-liste-sayfa .mz-tbs-b-resimler {order: 4; flex-basis: 100%;}
	.mz-tbs-liste-sayfa .mz-tbs-b-eylem {padding: 8px 14px;}
	.mz-tbs-bildirimler .mz-tbs-not {text-align: start; margin-inline: 0;}
	.mz-tbs-bas-eylem {flex-direction: row; align-items: center; gap: 8px;}
	.mz-tbs-sil-hepsi > summary {min-block-size: 40px; border: 1px solid #e6c3bb; border-radius: 8px; padding: 0 14px; background: var(--mz-yuzey, #fff);}
	.mz-tbs-sil-onay {inset-inline-end: 0; inset-block-start: calc(100% + 4px);}
}

/* ============================================================
   4. «متابعاتي» (Mutabaati, MasaMutabaati, Faragh)
   ============================================================ */
.mz-tbs-takiplerim .mz-tbs-bas {border-bottom: 0; padding-bottom: 0;}
.mz-tbs-sekmeler {display: flex; gap: 4px; padding: 12px 16px 0; background: var(--mz-yuzey, #fff); border-bottom: 1px solid var(--mz-cizgi, #dde3e8);}
.mz-tbs-sekmeler a {
	display: inline-flex; align-items: center; font-size: 15px; min-block-size: 44px; padding: 0 14px;
	border-bottom: 3px solid transparent; color: #45505c; text-decoration: none;
}
.mz-tbs-sekmeler a:hover, .mz-tbs-sekmeler a:focus {text-decoration: none; color: var(--mz-ink, #18222d);}
.mz-tbs-sekmeler a[aria-selected="true"] {border-bottom-color: var(--mz-brand, #0b6b57); color: var(--mz-brand-koyu, #07493b); font-weight: 600;}
.mz-tbs-izgara {padding: 14px 16px;}
.mz-tbs-kart-bas {display: none;}
.mz-tbs-panel-gizli {display: none;}
.mz-tbs-tk-baslik {display: none;}
.mz-tbs-tk-liste, .mz-tbs-mg-liste {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px;}
.mz-tbs-tk {
	background: var(--mz-yuzey, #fff); border: 1px solid var(--mz-cizgi, #dde3e8); border-radius: 12px; padding: 12px 14px;
	display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "ad yeni" "kanal kanal" "eylem eylem"; gap: 10px;
}
.mz-tbs-tk-ad {grid-area: ad; display: flex; flex-direction: column; gap: 3px; min-inline-size: 0;}
.mz-tbs-tk-ad a {font-size: 16px; font-weight: 600; color: var(--mz-ink, #18222d); text-decoration: none; overflow-wrap: anywhere;}
.mz-tbs-tk-alt {font-size: 13px; color: #56616d;}
.mz-tbs-tk-yeni {grid-area: yeni; align-self: start;}
.mz-tbs-tk-kanal {grid-area: kanal; display: flex; flex-wrap: wrap; gap: 6px;}
.mz-tbs-tk-siklik {display: none;}
.mz-tbs-tk-eylem {grid-area: eylem; display: flex; align-items: center; gap: 8px; border-top: 1px solid #eef1f4; padding-top: 10px;}
.mz-tbs-tk-eylem form {margin: 0;}
.mz-tbs-duzen > summary {list-style: none;}
.mz-tbs-cip {font-size: 12px; padding: 3px 9px; border-radius: 12px; background: #eef1f4; color: #45505c;}
.mz-tbs-cip-yok {background: transparent; border: 1px dashed #cbd3db;}
.mz-tbs-rozet {
	display: inline-block; min-inline-size: 24px; text-align: center; font-size: 13px; font-weight: 600;
	padding: 4px 10px; border-radius: 14px; background: var(--mz-brand, #0b6b57); color: var(--mz-brand-yazi, #fff); text-decoration: none; white-space: nowrap;
}
a.mz-tbs-rozet:hover, a.mz-tbs-rozet:focus {color: var(--mz-brand-yazi, #fff); text-decoration: none;}
.mz-tbs-rozet.mz-tbs-rozet-yok {display: none;}
.mz-tbs-mg {background: var(--mz-yuzey, #fff); border: 1px solid var(--mz-cizgi, #dde3e8); border-radius: 12px; padding: 12px 14px; display: flex; align-items: center; gap: 12px;}
.mz-tbs-mg-avatar {
	flex: none; inline-size: 48px; block-size: 48px; border-radius: 50%; background: #dce3e9;
	display: inline-flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; color: #45505c;
}
.mz-tbs-mg-m {display: flex; flex-direction: column; gap: 3px; flex: 1; min-inline-size: 0;}
.mz-tbs-mg-m a, .mz-tbs-mg-m b {font-size: 16px; font-weight: 600; color: var(--mz-ink, #18222d); text-decoration: none;}
.mz-tbs-mg-alt {font-size: 13px; color: #56616d;}
.mz-tbs-mg form {margin: 0;}
.mz-tbs-mzil {
	flex: none; inline-size: 44px; block-size: 44px; border-radius: 22px; cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	background: var(--mz-yuzey, #fff); border: 1px solid #cbd3db; color: #8c97a3; font: inherit;
}
.mz-tbs-mzil .mz-tbs-ikon {inline-size: 20px; block-size: 20px;}
.mz-tbs-mzil.mz-tbs-acik {background: var(--mz-brand-acik, #e3f2ee); border-color: var(--mz-brand, #0b6b57); color: var(--mz-brand, #0b6b57);}
.mz-tbs-mzil[aria-busy="true"], .mz-tbs-hucre[aria-busy="true"], .mz-tbs-anahtar-satir[aria-busy="true"] {opacity: .6; cursor: progress;}
/* bos hal (Faragh) */
.mz-tbs-bos {display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 40px 28px; text-align: center;}
.mz-tbs-bos h2 {margin: 0; font-size: 18px; font-weight: 600;}
.mz-tbs-bos p {margin: 0; font-size: 15px; color: #45505c; line-height: 1.8;}
.mz-tbs-bos-ikon {inline-size: 72px; block-size: 72px; border-radius: 50%; background: var(--mz-brand-acik, #e3f2ee); color: var(--mz-brand, #0b6b57); display: inline-flex; align-items: center; justify-content: center;}
.mz-tbs-bos-ikon .mz-tbs-ikon {inline-size: 34px; block-size: 34px; stroke-width: 1.8;}
.mz-tbs-adimlar {
	counter-reset: mz-tbs-adim; list-style: none; margin: 0; padding: 14px; inline-size: 100%; box-sizing: border-box;
	display: flex; flex-direction: column; gap: 8px; text-align: start;
	background: var(--mz-yuzey, #fff); border: 1px solid var(--mz-cizgi, #dde3e8); border-radius: 12px;
}
.mz-tbs-adimlar li {counter-increment: mz-tbs-adim; display: flex; gap: 10px; font-size: 14px;}
.mz-tbs-adimlar li::before {
	content: counter(mz-tbs-adim); flex: none; inline-size: 24px; block-size: 24px; border-radius: 50%;
	background: var(--mz-brand-acik, #e3f2ee); color: var(--mz-brand-koyu, #07493b); font-size: 13px;
	display: inline-flex; align-items: center; justify-content: center;
}
.mz-tbs-bos .mz-tbs-genis {min-block-size: 48px; font-size: 16px;}

@media (min-width: 992px) {
	.mz-tbs-takiplerim .mz-tbs-bas {background: transparent; padding: 0 0 16px;}
	.mz-tbs-sekmeler {display: none;}
	.mz-tbs-panel-gizli {display: block;}
	.mz-tbs-izgara {padding: 0; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 16px; align-items: start;}
	.mz-tbs-kart {background: var(--mz-yuzey, #fff); border: 1px solid var(--mz-cizgi, #dde3e8); border-radius: 12px;}
	.mz-tbs-kart .mz-tbs-not {padding: 0 18px 14px; text-align: start; margin: 12px 0 0;}
	.mz-tbs-kart-bas {display: block; margin: 0; padding: 14px 18px; font-size: 16px; font-weight: 600; border-bottom: 1px solid #eef1f4;}
	.mz-tbs-tk-baslik, .mz-tbs-tk {display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.6fr) minmax(0, 1fr) 64px auto; grid-template-areas: none; align-items: center; gap: 0 8px;}
	.mz-tbs-tk-baslik {padding: 10px 18px; font-size: 14px; color: #56616d; font-weight: 500;}
	.mz-tbs-tk-liste {gap: 0;}
	.mz-tbs-tk {border: 0; border-top: 1px solid #eef1f4; border-radius: 0; padding: 14px 18px;}
	.mz-tbs-tk > * {grid-area: auto;}
	.mz-tbs-tk-ad .mz-tbs-tk-alt .mz-tbs-tel {display: none;}
	.mz-tbs-tk-ad a {font-size: 14px;}
	.mz-tbs-tk-kanal {display: block; font-size: 14px; color: #45505c;}
	.mz-tbs-tk-kanal .mz-tbs-cip {background: transparent; padding: 0; font-size: 14px;}
	.mz-tbs-tk-kanal .mz-tbs-cip + .mz-tbs-cip::before {content: "، ";}
	html:not([dir="rtl"]) .mz-tbs-tk-kanal .mz-tbs-cip + .mz-tbs-cip::before {content: ", ";}
	.mz-tbs-tk-siklik {display: block; font-size: 14px; color: #45505c;}
	.mz-tbs-rozet.mz-tbs-rozet-yok {display: inline-block; background: #eef1f4; color: #56616d; font-weight: 400;}
	.mz-tbs-tk-eylem {border: 0; padding: 0; justify-content: flex-end; white-space: nowrap; gap: 4px;}
	.mz-tbs-tk-eylem .mz-tbs-dugme {border: 0; background: transparent; padding: 0 6px; min-block-size: 36px; font-weight: 400; color: var(--mz-link, #0b6b57);}
	.mz-tbs-tk-eylem .mz-tbs-tehlike {color: #a1361e;}
	.mz-tbs-mg-liste {gap: 0;}
	.mz-tbs-mg {border: 0; border-top: 1px solid #eef1f4; border-radius: 0; padding: 12px 18px;}
	.mz-tbs-mg:first-child {border-top: 0;}
	.mz-tbs-mg-avatar {inline-size: 40px; block-size: 40px; font-size: 16px;}
	.mz-tbs-mg-m a, .mz-tbs-mg-m b {font-size: 15px;}
	.mz-tbs-mzil {inline-size: auto; block-size: auto; min-block-size: 32px; padding: 4px 10px; border-radius: 12px; border: 0; background: #eef1f4; color: #45505c; font-size: 13px;}
	.mz-tbs-mzil .mz-tbs-ikon {display: none;}
	.mz-tbs-mzil.mz-tbs-acik {background: var(--mz-brand-acik, #e3f2ee); color: var(--mz-brand-koyu, #07493b);}
	.mz-tbs-bos {max-inline-size: 520px; margin: 0 auto;}
}

/* ============================================================
   5. ANAHTAR SATIRI (Matjar magaza, Mufaddala favori)
   ============================================================ */
.mz-tbs-anahtar-form {margin: 8px 0 0;}
.mz-tbs-anahtar-satir {
	inline-size: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px;
	min-block-size: 56px; padding: 6px 12px; border-radius: 10px; border: 1px solid var(--mz-cizgi, #dde3e8);
	background: var(--mz-yuzey, #fff); color: var(--mz-ink, #18222d); font: inherit; text-align: start; cursor: pointer;
}
.mz-tbs-anahtar-m {display: flex; flex-direction: column; gap: 2px; font-size: 15px; line-height: 1.4;}
.mz-tbs-anahtar-m small {font-size: 12px; color: #56616d;}
.mz-tbs-ray {flex: none; position: relative; inline-size: 46px; block-size: 28px; border-radius: 14px; background: #8c97a3; transition: background var(--mz-gecis, .15s ease);}
.mz-tbs-ray i {position: absolute; inset-block-start: 3px; inset-inline-start: 3px; inline-size: 22px; block-size: 22px; border-radius: 50%; background: #fff; transition: inset-inline-start var(--mz-gecis, .15s ease);}
.mz-tbs-anahtar-satir[aria-checked="true"] .mz-tbs-ray {background: var(--mz-brand, #0b6b57);}
.mz-tbs-anahtar-satir[aria-checked="true"] .mz-tbs-ray i {inset-inline-start: 21px;}
.mz-tbs-fav-anahtar .mz-tbs-anahtar-satir {min-block-size: 44px; border: 0; border-top: 1px solid #eef1f4; border-radius: 0; padding: 6px 2px 0;}
.mz-tbs-fav-anahtar .mz-tbs-anahtar-m {font-size: 14px;}
.mz-tbs-dusus {display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 6px 0 2px;}
.mz-tbs-dusus-yeni {font-size: 15px; font-weight: 600; color: var(--mz-fiyat, var(--mz-brand, #0b6b57));}
.mz-tbs-dusus-eski {font-size: 13px; color: #56616d;}
.mz-tbs-dusus-rozet {font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 10px; background: var(--mz-brand-acik, #e3f2ee); color: var(--mz-brand-koyu, #07493b);}
.mz-tbs-fav-not {margin-block: 12px;}

/* ============================================================
   6. AYARLAR MATRISI (AyarTanbih)
   ============================================================ */
.mz-tbs-matris {margin: 0; padding: 0 16px;}
.mz-tbs-matris-tablo {inline-size: 100%; border-collapse: collapse; font-size: 14px;}
.mz-tbs-matris-tablo th, .mz-tbs-matris-tablo td {padding: 6px 4px; border-bottom: 1px solid #eef1f4; text-align: center; vertical-align: middle;}
.mz-tbs-matris-tablo thead th {font-size: 12px; font-weight: 500; color: #56616d; inline-size: 64px;}
.mz-tbs-matris-tablo .mz-tbs-matris-tur {text-align: start; inline-size: auto; font-weight: 400; line-height: 1.4; color: var(--mz-ink, #18222d);}
.mz-tbs-matris-tablo thead .mz-tbs-matris-tur {color: #56616d; font-size: 12px;}
.mz-tbs-hucre {
	inline-size: 32px; block-size: 32px; border-radius: 8px; cursor: pointer; padding: 0;
	display: inline-flex; align-items: center; justify-content: center; position: relative;
	background: var(--mz-yuzey, #fff); border: 2px solid #8c97a3; color: transparent;
}
.mz-tbs-hucre::after {content: ""; position: absolute; inset: -6px;}
.mz-tbs-hucre .mz-tbs-ikon {inline-size: 18px; block-size: 18px; stroke-width: 3;}
.mz-tbs-hucre.mz-tbs-acik {background: var(--mz-brand, #0b6b57); border-color: var(--mz-brand, #0b6b57); color: var(--mz-brand-yazi, #fff);}
.mz-tbs-hucre-yok {cursor: help; border: 2px dashed #cbd3db; background: #f4f6f8; color: #8c97a3; font-size: 14px;}
.mz-tbs-matris-siklik {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; padding: 12px 0; font-size: 14px;}
.mz-tbs-ms-dugmeler {display: inline-flex; gap: 6px;}
.mz-tbs-secenek-d {font: inherit; font-size: 14px; min-block-size: 40px; padding: 0 12px; border-radius: 8px; border: 1px solid #cbd3db; background: var(--mz-yuzey, #fff); color: var(--mz-ink, #18222d); cursor: pointer;}
.mz-tbs-secenek-d.mz-tbs-acik {border: 2px solid var(--mz-brand, #0b6b57); background: var(--mz-brand-acik, #e3f2ee); color: var(--mz-brand-koyu, #07493b); font-weight: 600;}
.mz-tbs-matris-anahtar {list-style: none; margin: 0; padding: 0 16px; font-size: 12.5px; color: #56616d; display: flex; flex-direction: column; gap: 2px;}
.mz-tbs-matris-anahtar span {display: inline-block; inline-size: 14px; text-align: center; font-weight: 600;}
.mz-tbs-matris-not {text-align: start; margin: 8px 16px 14px;}

/* ============================================================
   7. SATICI KARTI (BaiaIhsaat)
   ============================================================ */
.mz-tbs-satici-sayilar {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
.mz-tbs-satici-sayilar > div {background: #f4f6f8; border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 2px;}
.mz-tbs-satici-sayilar b {font-size: 24px; font-weight: 600; font-variant-numeric: tabular-nums; unicode-bidi: isolate;}
.mz-tbs-satici-sayilar span {font-size: 13px; color: #45505c;}
.mz-tbs-satici-bilgi {margin: 12px 0 0; font-size: 13px; color: #45505c; line-height: 1.7; background: var(--mz-brand-acik, #e3f2ee); border-radius: 8px; padding: 10px 12px;}
.mz-tbs-satici-son {display: flex; flex-direction: column; gap: 3px; margin-block-start: 12px; padding-block-start: 12px; border-top: 1px solid #eef1f4;}
.mz-tbs-satici-ilan {font-size: 15px; font-weight: 600;}
.mz-tbs-satici-olcu {font-size: 13px; color: #45505c;}
.mz-tbs-satici .mz-tbs-not {margin-inline: 0;}