/*! Metastaz Design 2.7.2 — Metastaz web modüllerinin ortak tasarım standardı — YALNIZ belirteçler (yazı tipini modül kendi yükler: @font-face "Metastaz Sans").
 * TEK KAYNAK: C:/dev/metastaz-design (kaynak/belirtecler.json + kaynak/bilesenler.css). Bu dosya üretilir, elle düzeltilmez.
 * Belge: C:/dev/stazos/docs/tasarim/metastaz-design.md  ·  Denetim: python C:/dev/metastaz-design/denetim/denetle.py
 * Sınıflar "mz-" önekli; tema sistem temasını izler, <html data-theme="light|dark"> zorlar. Yazı Metastaz Sans (fonts/).
 */
:root {
  color-scheme: light dark;
  /* --- renk (açık) --- */
  --mz-bg: #F2F2F7;
  --mz-bg-plain: #FFFFFF;
  --mz-surface: #FFFFFF;
  --mz-elevated: #FFFFFF;
  --mz-elevated-2: #FFFFFF;
  --mz-fill: #E9E9EE;
  --mz-ctl-track: rgba(120, 120, 128, 0.2);
  --mz-field-bg: #FFFFFF;
  --mz-field-border: #86868B;
  --mz-seg-on: #FFFFFF;
  --mz-press: rgba(0, 0, 0, 0.059);
  --mz-text: #111113;
  --mz-body: #3A3A40;
  --mz-muted: #6E6E73;
  --mz-off: #8E8E93;
  --mz-hairline: #C6C6C8;
  --mz-border: rgba(60, 60, 67, 0.302);
  --mz-primary: #0071E3;
  --mz-primary-fill: #0071E3;
  --mz-switch-on: #0077F0;
  --mz-on-primary: #FFFFFF;
  --mz-on-tone: #FFFFFF;
  --mz-link: #0066CC;
  --mz-tint: rgba(0, 113, 227, 0.122);
  --mz-danger: #FF3B30;
  --mz-danger-text: #D70015;
  --mz-ok: #34C759;
  --mz-ok-text: #1F7A35;
  --mz-wait: #FF9F0A;
  --mz-wait-text: #C93400;
  --mz-scrim: rgba(0, 0, 0, 0.2);
  --mz-toast-bg: #FFFFFF;
  --mz-toast-text: #111113;
  --mz-icon-edge: rgba(0, 0, 0, 0.078);
  --mz-t-blue: #0040DD;
  --mz-t-indigo: #3634A3;
  --mz-t-purple: #8944AB;
  --mz-t-pink: #D30F45;
  --mz-t-red: #D70015;
  --mz-t-orange: #C93400;
  --mz-t-yellow: #B25000;
  --mz-t-green: #248A3D;
  --mz-t-cyan: #0071A4;
  --mz-t-gray: #6C6C70;
  --mz-sheet-bg: #F2F2F7;
  --mz-sheet-surface: #FFFFFF;
  --mz-field: var(--mz-fill);  /* 1.0 adı */
  --mz-float: 0 0 0 .5px rgba(0, 0, 0, .08), 0 10px 30px rgba(0, 0, 0, .14);
  --mz-card-shadow: 0 2px 10px rgba(0, 0, 0, .08), 0 0 0 .5px rgba(0, 0, 0, .04); --mz-hairline-w: 1px; --mz-icon-stroke: 2.0;  /* sahip seçimi tur 2 */
  /* --- köşe (seçenek B) --- */
  --mz-r-xs: 8px; --mz-r-s: 12px; --mz-r-m: 16px; --mz-r-l: 17px; --mz-r-full: 999px;
  --mz-r-card: var(--mz-r-l); --mz-r-ctl: var(--mz-r-m); --mz-r-alert: var(--mz-r-l); --mz-r-chip: var(--mz-r-full);
  --mz-r-sheet: 26px;  /* alt sayfa üst köşesi (sahip seçimi 2026-10-07: 26 + tutamak) */
  --mz-r-kisa: 14px;  /* oranlı köşe: tek satırlık kısa kart/grup (Labs 2026-10-08: 52 px → 14) */
  --mz-r-ic: 16px; --mz-r-field: 13px;  /* Labs Tune 2026-10-11: kart içindeki düğme/segment SABİT 16 (eş merkezli kural iptal), yazı alanı 13 */
  --mz-r-ic-min: var(--mz-r-ic);  /* 2.5.1 adı (eş merkezli taban) — artık sabit iç köşe */
  --mz-radius-card: var(--mz-r-card); --mz-radius-btn: var(--mz-r-ctl); --mz-radius-field: var(--mz-r-ctl);  /* 0.1 adları */
  /* --- boşluk: 4'lük ritim (16 altı 2'lik ince ayar) --- */
  --mz-s1: 4px; --mz-s2: 8px; --mz-s3: 12px; --mz-s4: 16px; --mz-s5: 20px; --mz-s6: 24px; --mz-s7: 28px; --mz-s8: 32px; --mz-s10: 40px; --mz-s12: 48px; --mz-s16: 64px; --mz-s20: 80px;
  /* 2.6.0 Metastaz Components: ölçeğin her basamağı belirteç (servis ham px yazamaz; mz lint) */
  --mz-sp-2: 2px; --mz-sp-3: 3px; --mz-sp-4: 4px; --mz-sp-5: 5px; --mz-sp-6: 6px; --mz-sp-7: 7px; --mz-sp-8: 8px; --mz-sp-9: 9px; --mz-sp-10: 10px; --mz-sp-11: 11px; --mz-sp-12: 12px; --mz-sp-13: 13px; --mz-sp-14: 14px; --mz-sp-15: 15px; --mz-sp-16: 16px; --mz-sp-17: 17px; --mz-sp-18: 18px; --mz-sp-19: 19px; --mz-sp-20: 20px; --mz-sp-21: 21px; --mz-sp-22: 22px; --mz-sp-23: 23px; --mz-sp-24: 24px; --mz-sp-25: 25px; --mz-sp-28: 28px; --mz-sp-31: 31px; --mz-sp-32: 32px; --mz-sp-34: 34px; --mz-sp-40: 40px; --mz-sp-48: 48px; --mz-sp-50: 50px; --mz-sp-56: 56px; --mz-sp-60: 60px; --mz-sp-63: 63px; --mz-sp-64: 64px; --mz-sp-72: 72px; --mz-sp-80: 80px; --mz-sp-96: 96px; --mz-sp-120: 120px;
  --mz-sheet-w-s: 520px; --mz-sheet-w-l: 760px; --mz-sheet-ust: 24px; --mz-sheet-ic-ust: 24px; --mz-sheet-ic-alt: 24px; --mz-sheet-kapat-ust: 28px; --mz-sheet-tutamak-w: 36px; --mz-sheet-tutamak-h: 5px; --mz-sheet-tutamak-ust: 10px; --mz-z-sheet: 100;
  --mz-ben: 34px; --mz-isaret: 22px; --mz-maxw-wide: 1120px; --mz-z-bar: 30;  /* 2.7.0 Metastaz Çubuğu + Ben */
  --mz-hizmet-simge: 52px; --mz-hizmet-simge-liste: 30px;  /* 2.7.0 Metastaz hizmetleri ızgarası */
  --mz-edge: 25px; --mz-pad: 21px; --mz-gap-group: 34px; --mz-gap-stack: 21px;
  --mz-gap-title-top: 31px; --mz-gap-title: 9px; --mz-gap-icon: 13px; --mz-gap-btn: 13px;  /* ilişki boşlukları (Labs Tune 2026-10-11) */
  --mz-pad-top: 15px; --mz-pad-bottom: 18px; --mz-pad-optik: 5px;  /* kart iç üst/alt (optik 20/23; yazı dışı ilk/son öğe --mz-pad-optik kadar içeri) */
  --mz-row-pad: 21px; --mz-row-sub-top: 16px; --mz-gap-card-title: 3px; --mz-gap-head: 31px;
  --mz-gap-field-label: 7px; --mz-gap-field: 18px; --mz-gap-durum-icon: 28px; --mz-gap-durum-text: 11px;
  --mz-hero-icon: 44px; --mz-hero-pad: 17px; --mz-hero-gap: 16px;  /* özet (hero) kartı (Tune tur 3) */
  --mz-ders-gap-title: 10px; --mz-ders-gap-p: 16px; --mz-ders-gap-li: 9px;  /* ders/okuma (Tune tur 4) */
  --mz-maxw: 680px; --mz-maxw-form: 440px;
  /* --- kontrol boyları (dokunma en az 44) --- */
  --mz-close: 30px;  /* alt sayfa / pencere kapat dairesi (dokunma ::after ile 44) */
  --mz-control: 55px; --mz-control-l: 55px; --mz-control-m: 44px; --mz-control-s: 32px; --mz-hit: 44px;
  --mz-row: 55px; --mz-row-sub: 64px; --mz-bar: 44px; --mz-tabbar: 64px; --mz-field-h: 47px;
  --mz-tab-icon: 27px; --mz-tab-label: 14px;  /* alt sekme çubuğu (Tune tur 5) */
  --mz-safe-t: env(safe-area-inset-top, 0px); --mz-safe-b: env(safe-area-inset-bottom, 0px);
  --mz-sayfa-ust: calc(var(--mz-safe-t) + 50px);  /* 2.5.4 TEK sayfa üstü: kök sayfada büyük başlığın üstü (Tune Tur 6 → 50) */
  --mz-ust: calc(var(--mz-safe-t) + 8px); --mz-cubuk-baslik: 8px;  /* çubuk/geri satırının üstü; büyük başlık satırın altında */
  --mz-ust-arac: calc(var(--mz-safe-t) + 16px); --mz-ust-logo: calc(var(--mz-safe-t) + 48px);  /* yalnız arama/araç çubuğu; logolu tanıtım/giriş */
  /* --- yazı --- */
  --mz-font: "Metastaz Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mz-w-body: 500; --mz-w-row: 500; --mz-w-emph: 640; --mz-w-title: 780; --mz-w-large: 800; --mz-w-button: 600; --mz-w-section: 680; --mz-w-card: 740;  /* ağırlık (2.5.6 Labs 10-19: gövde 500, kart başlığı 740; Tune 10-11: bölüm başlığı 680) */
  --mz-type-display-4xl: 800 120px/120px var(--mz-font); --mz-ls-display-4xl: -0.04em;
  --mz-type-display-3xl: 800 96px/100px var(--mz-font); --mz-ls-display-3xl: -0.04em;
  --mz-type-display-2xl: 800 80px/84px var(--mz-font); --mz-ls-display-2xl: -0.03em;
  --mz-type-display-xl: 800 64px/68px var(--mz-font); --mz-ls-display-xl: -0.03em;
  --mz-type-display-l: 800 56px/60px var(--mz-font); --mz-ls-display-l: -0.022em;
  --mz-type-display-m: 800 48px/52px var(--mz-font); --mz-ls-display-m: -0.022em;
  --mz-type-display: 800 44px/48px var(--mz-font); --mz-ls-display: -0.022em;
  --mz-type-large-title: 800 29px/35px var(--mz-font); --mz-ls-large-title: -0.02em;
  --mz-type-title1: 780 28px/34px var(--mz-font); --mz-ls-title1: -0.02em;
  --mz-type-title2: 780 22px/28px var(--mz-font); --mz-ls-title2: -0.012em;
  --mz-type-title3: 780 20px/25px var(--mz-font); --mz-ls-title3: -0.012em;
  --mz-type-ders-baslik: 800 23px/28px var(--mz-font); --mz-ls-ders-baslik: -0.018em;
  --mz-type-bolum-baslik: 680 18px/23px var(--mz-font); --mz-ls-bolum-baslik: -0.012em;
  --mz-type-reading-q: 500 20px/30px var(--mz-font); --mz-ls-reading-q: 0.002em;
  --mz-type-reading: 500 19px/28px var(--mz-font); --mz-ls-reading: 0.002em;
  --mz-type-headline: 640 17px/22px var(--mz-font); --mz-ls-headline: -0.012em;
  --mz-type-body: 500 17px/22px var(--mz-font); --mz-ls-body: 0.002em;
  --mz-type-callout: 500 16px/21px var(--mz-font); --mz-ls-callout: 0.002em;
  --mz-type-ders: 500 16px/21px var(--mz-font); --mz-ls-ders: 0.002em;
  --mz-type-sekme: 500 14px/17px var(--mz-font); --mz-ls-sekme: 0.002em;
  --mz-type-subhead: 500 15px/20px var(--mz-font); --mz-ls-subhead: 0.002em;
  --mz-type-footnote: 500 13px/18px var(--mz-font); --mz-ls-footnote: 0em;
  --mz-type-caption: 500 12px/16px var(--mz-font); --mz-ls-caption: 0em;
  --mz-type-caption2: 500 11px/13px var(--mz-font); --mz-ls-caption2: 0em;
  /* --- hareket --- */
  --mz-dur: 220ms; --mz-dur-out: 160ms; --mz-dur-sheet: 320ms; --mz-dur-page: 350ms;
  --mz-ease: cubic-bezier(.2,.8,.2,1); --mz-ease-out: cubic-bezier(.4,0,1,1); --mz-ease-sheet: cubic-bezier(.32,.72,0,1); --mz-ease-page: cubic-bezier(.32,.72,0,1);
  --mz-dur-instant: 100ms; --mz-dur-short: 160ms; --mz-dur-medium: 220ms; --mz-dur-toast: 260ms; --mz-dur-spin: 900ms; --mz-dur-pulse: 1600ms; --mz-dur-reduced: 160ms;
  --mz-ease-standard: cubic-bezier(.2,.8,.2,1); --mz-ease-linear: linear;
  --mz-slider-track: 4px; --mz-slider-thumb: 28px; --mz-step-h: 4px; --mz-progress-h: 6px;  /* sahip seçimi tur 4 */
  --mz-focus: 3px;
}
/* koyu: sistem teması (zorlanmış açık hariç) + zorlanmış koyu */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --mz-bg: #000000;
    --mz-bg-plain: #000000;
    --mz-surface: #1C1C1E;
    --mz-elevated: #1C1C1E;
    --mz-elevated-2: #2C2C2E;
    --mz-fill: #2C2C2E;
    --mz-ctl-track: rgba(120, 120, 128, 0.361);
    --mz-field-bg: #1C1C1E;
    --mz-field-border: #7C7C82;
    --mz-seg-on: #636366;
    --mz-press: rgba(255, 255, 255, 0.078);
    --mz-text: #F5F5F7;
    --mz-body: #C4C4C6;
    --mz-muted: #9898A0;
    --mz-off: #8E8E93;
    --mz-hairline: rgba(255, 255, 255, 0.149);
    --mz-border: rgba(235, 235, 245, 0.22);
    --mz-primary: #0071E3;
    --mz-primary-fill: #0071E3;
    --mz-switch-on: #0077F0;
    --mz-on-primary: #FFFFFF;
    --mz-on-tone: #000000;
    --mz-link: #2997FF;
    --mz-tint: rgba(0, 113, 227, 0.2);
    --mz-danger: #FF453A;
    --mz-danger-text: #FF6961;
    --mz-ok: #30D158;
    --mz-ok-text: #30D158;
    --mz-wait: #FF9F0A;
    --mz-wait-text: #FF9F0A;
    --mz-scrim: rgba(0, 0, 0, 0.502);
    --mz-toast-bg: #2C2C2E;
    --mz-toast-text: #F5F5F7;
    --mz-icon-edge: rgba(255, 255, 255, 0.161);
    --mz-t-blue: #0A84FF;
    --mz-t-indigo: #7D7AFF;
    --mz-t-purple: #BF5AF2;
    --mz-t-pink: #FF375F;
    --mz-t-red: #FF453A;
    --mz-t-orange: #FF9F0A;
    --mz-t-yellow: #FFD60A;
    --mz-t-green: #30D158;
    --mz-t-cyan: #64D2FF;
    --mz-t-gray: #8E8E93;
    --mz-sheet-bg: #1C1C1E;
    --mz-sheet-surface: #2C2C2E;
    --mz-float: 0 0 0 .5px rgba(255, 255, 255, .10), 0 10px 30px rgba(0, 0, 0, .50);
    --mz-card-shadow: 0 0 0 .5px rgba(255, 255, 255, .08);
  }
}
:root[data-theme="dark"] {
  --mz-bg: #000000;
  --mz-bg-plain: #000000;
  --mz-surface: #1C1C1E;
  --mz-elevated: #1C1C1E;
  --mz-elevated-2: #2C2C2E;
  --mz-fill: #2C2C2E;
  --mz-ctl-track: rgba(120, 120, 128, 0.361);
  --mz-field-bg: #1C1C1E;
  --mz-field-border: #7C7C82;
  --mz-seg-on: #636366;
  --mz-press: rgba(255, 255, 255, 0.078);
  --mz-text: #F5F5F7;
  --mz-body: #C4C4C6;
  --mz-muted: #9898A0;
  --mz-off: #8E8E93;
  --mz-hairline: rgba(255, 255, 255, 0.149);
  --mz-border: rgba(235, 235, 245, 0.22);
  --mz-primary: #0071E3;
  --mz-primary-fill: #0071E3;
  --mz-switch-on: #0077F0;
  --mz-on-primary: #FFFFFF;
  --mz-on-tone: #000000;
  --mz-link: #2997FF;
  --mz-tint: rgba(0, 113, 227, 0.2);
  --mz-danger: #FF453A;
  --mz-danger-text: #FF6961;
  --mz-ok: #30D158;
  --mz-ok-text: #30D158;
  --mz-wait: #FF9F0A;
  --mz-wait-text: #FF9F0A;
  --mz-scrim: rgba(0, 0, 0, 0.502);
  --mz-toast-bg: #2C2C2E;
  --mz-toast-text: #F5F5F7;
  --mz-icon-edge: rgba(255, 255, 255, 0.161);
  --mz-t-blue: #0A84FF;
  --mz-t-indigo: #7D7AFF;
  --mz-t-purple: #BF5AF2;
  --mz-t-pink: #FF375F;
  --mz-t-red: #FF453A;
  --mz-t-orange: #FF9F0A;
  --mz-t-yellow: #FFD60A;
  --mz-t-green: #30D158;
  --mz-t-cyan: #64D2FF;
  --mz-t-gray: #8E8E93;
  --mz-sheet-bg: #1C1C1E;
  --mz-sheet-surface: #2C2C2E;
  --mz-float: 0 0 0 .5px rgba(255, 255, 255, .10), 0 10px 30px rgba(0, 0, 0, .50);
  --mz-card-shadow: 0 0 0 .5px rgba(255, 255, 255, .08);
}
@media (min-width: 768px) { :root { --mz-edge: 32px; } }
/* yüksek karşıtlık (erişilebilirlik seçeneği; iOS Increase Contrast karşılığı) */
:root.mz-yuksek { --mz-body: #1C1C1E; --mz-muted: #3A3A3F; --mz-hairline: rgba(0, 0, 0, 0.278); --mz-fill: #DCDCE2; --mz-link: #0040DD; --mz-field: #DCDCE2; }
@media (prefers-color-scheme: dark) { :root.mz-yuksek:not([data-theme="light"]) { --mz-body: #EDEDF0; --mz-muted: #C4C4C9; --mz-hairline: rgba(255, 255, 255, 0.322); --mz-fill: #3A3A3C; --mz-link: #5AB0FF; --mz-field: #3A3A3C; } }
:root.mz-yuksek[data-theme="dark"] { --mz-body: #EDEDF0; --mz-muted: #C4C4C9; --mz-hairline: rgba(255, 255, 255, 0.322); --mz-fill: #3A3A3C; --mz-link: #5AB0FF; --mz-field: #3A3A3C; }
.mz-temel, .mz { font-family: var(--mz-font); }
b, strong { font-weight: 640; }