/*! KAYA Erişilebilirlik Menüsü 0.13.0-lab — tek stil dosyası */
/* ---- kaya-reset.css ---- */
/* =========================================================================
   KAYA yalıtım katmanı (F4) — sitenin global stilleri panele sızmasın.
   Yükleme: EN ÖNCE (kaya-reset → tokens → panel → fener → host).
   1) Panel kökü kalıtılan değerleri sabitler (body'deki italik, büyük harf,
      harf aralığı, satır yüksekliği... panele geçmez).
   2) Panel içindeki her öğe (SVG hariç — sunum öznitelikleri korunmalı)
      tarayıcı varsayılanına döner: sitenin `button{}`, `p{}`, `ul{}`, `span{}`
      gibi etiket kuralları etkisiz kalır. Seçici özgüllüğü (0,1,0) düşüktür;
      panelin kendi bileşen kuralları her zaman kazanır.
   3) Sitelerin sık kullandığı `*{box-sizing:…!important}` gibi !important
      kurallara karşı yalnız düzen için kritik özellikler !important ile korunur.
   Sınır: sitenin panel öğelerini hedefleyen yüksek özgüllüklü !important
   kuralları (ör. `svg{width:100%!important}`) bu katmanla engellenemez.
   ========================================================================= */
[data-kaya-ui] :where(*:not(svg, svg *)) { all: revert; }
[data-kaya-ui] {
  font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal;
  font-size: 16px; line-height: 1.45; letter-spacing: normal; word-spacing: normal;
  text-transform: none; text-indent: 0; text-align: start; text-shadow: none;
  text-decoration: none; white-space: normal; word-break: normal; hyphens: manual;
  cursor: auto; visibility: visible; writing-mode: horizontal-tb;
}
[data-kaya-ui], [data-kaya-ui] *, [data-kaya-ui] *::before, [data-kaya-ui] *::after { box-sizing: border-box !important; }
[data-kaya-ui] :where(button, [role="radio"], [role="switch"], [role="tab"]) { min-width: 0; transform: none; }
/* Sitenin rol tabanlı kuralları (ör. [role=tab]{outline:…}) odak dışında etkisiz */
[data-kaya-ui] :is([role="radio"], [role="switch"], [role="tab"], button, a, summary):not(:focus-visible) { outline: none; }
/* `all: revert` [hidden] davranışını geri getirmez; açıkça koru. */
[data-kaya-ui] [hidden]:not([hidden="until-found"]) { display: none !important; }
/* SVG ikonlar revert dışında (sunum öznitelikleri) — sitenin `svg{fill/stroke}` kurallarına karşı öznitelikleri CSS'e taşı. */
[data-kaya-ui] svg[fill="none"] { fill: none; }
[data-kaya-ui] svg[fill="currentColor"] { fill: currentColor; }
[data-kaya-ui] svg[stroke="currentColor"] { stroke: currentColor; }
[data-kaya-ui] svg[stroke="none"] { stroke: none; }
[data-kaya-ui] svg { max-width: none; vertical-align: middle; overflow: hidden; }

/* ---- kaya-tokens.css ---- */
/* =========================================================================
   KAYA Accessibility Assist — Tasarım Tokenları (Faz 0)
   Master Plan §3. Tüm --kaya-* değişkenleri burada tanımlanır.
   Panel arayüzü [data-kaya-ui] kökü altında bu tokenları tüketir.
   Host sayfa dönüşüm tokenları (--kaya-host-*) kaya-host.css'te tanımlanır.
   =========================================================================

   Tema katmanları:
     1. Varsayılan (açık)                         → [data-kaya-ui]
     2. "Deniz" tek tema (koyu/açık geçişi yok)     → aşağıdaki blok
     3. Yüksek kontrast panel (prefers-contrast)  → @media (prefers-contrast: more)
     4. forced-colors (Windows Yüksek Kontrast)   → @media (forced-colors: active)
   Renkten bağımsız durum: her durum göstergesi kenarlık/işaret + metin ile de
   anlaşılır olmalıdır; renk tek gösterge değildir.
   ------------------------------------------------------------------------- */

/* =========================================================================
   D0.5 — Gömülü okunabilirlik fontu (Atkinson Hyperlegible, SIL Open Font License)
   Kullanıcı "Sade yazı tipi" ayarını açınca host içeriğine uygulanır.
   Font dosyaları styles/fonts/ altında değilse zarifçe Verdana'ya düşer
   (--kaya-font-readable stack'i bunu garanti eder). Panel fontu (Inter)
   GÖMÜLÜ DEĞİL — host'ta varsa kullanılır, yoksa system-ui'ye düşer.
   Dosya ekleme talimatı: styles/fonts/README.md
   ========================================================================= */
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("../styles/fonts/atkinson-hyperlegible-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atkinson Hyperlegible";
  src: url("../styles/fonts/atkinson-hyperlegible-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

[data-kaya-ui] {
  /* =====================================================================
     "BEACON" kimliği — KAYA bir erişilebilirlik feneridir. Görsel dil
     tek bir şeyden türer: ODAK HALKASI (görünür olmak, ulaşılabilir olmak,
     "buradasın"). Tüm renkler WCAG 2.2 AAA'ya göre seçildi:
       gövde metni ≥ 7:1 (1.4.6), büyük metin ≥ 4.5:1, non-text ≥ 3:1 (1.4.11).
     ===================================================================== */

  /* --- Marka: mürekkep laciverti (fener gövdesi) -------------------- */
  --kaya-navy-900: #0a1b30;   /* ana metin / ink başlık bandı   paper üstünde 15.9:1 (AAA) */
  --kaya-navy-700: #1d3a58;   /* ikincil metin / güçlü kenarlık paper üstünde  9.0:1 (AAA) */

  /* --- Güçlü marka yüzeyi (ink bandı, player, mini) — her temada koyu -- */
  --kaya-surface-strong: #0a1b30;
  --kaya-surface-strong-2: #17324e;   /* içteki kontrol yüzeyi          */
  --kaya-surface-strong-border: #3f5f80;
  --kaya-on-strong: #ffffff;          /* ink üstünde 16.9:1 (AAA)       */
  --kaya-on-strong-muted: #cddbe9;    /* ink üstünde  11.7:1 (AAA)      */

  /* --- Marka: sinyal mavisi (etkileşim) --------------------------- */
  --kaya-blue-600: #0e4c8a;   /* switch açık / birincil eylem   paper üstünde  8.1:1 (AAA) */
  --kaya-blue-500: #6cb1ea;   /* ink zemin üstünde etkileşim    ink üstünde   7.3:1 (AAA) */

  /* --- Marka: pirinç (fener ışığı) — dolu yüzey / halka / sinyal çizgisi;
     paper üstünde GÖVDE METNİ olarak KULLANILMAZ (yalnız ≥18.66px veya non-text) */
  --kaya-gold-text: #7a5408;  /* pirinç METİN (küçük yazı) paper üstünde 6.6:1 */
  --kaya-gold-500: #a4740f;   /* seçili halka, sinyal çizgisi, play  paper üstünde 4.9:1   */
  --kaya-gold-300: #e7c268;   /* okuma vurgusu zemini (kenarlıkla)                        */
  --kaya-brass-lite: #e8c074; /* ink bandı üstünde pirinç METİN       ink üstünde  9.4:1 (AAA) */
  --kaya-brass-wash: #f6ecd6; /* seçili profil zemini                                     */

  /* --- Nötr yüzeyler (sıcak kağıt — AI "cream" değil) ---------------- */
  --kaya-surface-0: #fcfbf8;  /* panel zemini                                             */
  --kaya-surface-1: #f2f4f6;  /* kart / section zemini                                    */
  --kaya-surface-2: #e7ecf0;  /* girintili alan, kapalı switch                            */
  --kaya-border: #b9c4cf;     /* 1px hairline (non-text 3.0:1 AA)                         */
  --kaya-border-strong: #6d7d8d; /* kontrol kenarlığı (non-text 4.4:1)                    */

  --kaya-ink: #0c1f33;        /* gövde metni           paper üstünde 15.0:1 (AAA)         */
  --kaya-ink-muted: #364453;  /* yardımcı metin        paper üstünde  8.1:1 · brass-wash 7.9:1 (AAA) */
  --kaya-on-navy: #ffffff;    /* pirinç/mavi dolu zemin üstü metin                        */

  /* --- Birincil dolu buton: metin çifti temayla döner (AAA ≥ 7:1) ---- */
  --kaya-btn-bg: #0e4c8a;     /* açık tema: koyu mavi                                     */
  --kaya-btn-fg: #ffffff;     /* #0e4c8a üstünde 8.1:1 (AAA)                              */
  /* --- Kontrol yüzeyi (input / select / ikincil buton) -------------- */
  --kaya-control-bg: #ffffff;
  --kaya-control-fg: var(--kaya-ink);

  /* --- Anlamsal durum ------------------------------------------------- */
  --kaya-focus: #0b5fa5;      /* odak halkası (3px solid + 2px offset)                    */
  --kaya-success: #0f7a4a;    /* yalnız başarı; "aktif ayar" için tek gösterge değil      */
  --kaya-warning: #8a5a00;    /* uyarı metni                                              */
  --kaya-danger: #b3261e;     /* yıkıcı eylem                                             */

  /* --- Tipografi ---------------------------------------------------- */
  /* Inter GÖMÜLÜ DEĞİL: host'ta varsa kullanılır, yoksa sistem fontuna düşer. */
  --kaya-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --kaya-font-readable: "Atkinson Hyperlegible", Verdana, Arial, sans-serif;
  --kaya-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono",
    Menlo, Consolas, monospace;

  /* Tam sayı yazı ölçeği — 5 adım: 12 / 13 / 14 / 16 / 18. Ondalık/çarpım YOK.
     Hiçbir işlevsel yardımcı metin 13px altına inmez (--kaya-text-small). */
  --kaya-text-h1: 18px;       /* panel başlığı                  800 / 1.3   */
  --kaya-text-h2: 13px;       /* bölüm başlığı UPPERCASE        700 / 1.4   */
  --kaya-text-label: 16px;    /* kontrol etiketi                650 / 1.4   */
  --kaya-text-body: 14px;     /* gövde / intro                  400 / 1.55  */
  --kaya-text-small: 13px;    /* yardımcı / açıklama metni      400 / 1.45  */
  --kaya-text-tiny: 12px;     /* sekme etiketi, alt başlık, kbd 600        */
  --kaya-text-kbd: 12px;      /* tuş rozeti                     700 mono    */

  --kaya-weight-regular: 400;
  --kaya-weight-medium: 550;
  --kaya-weight-label: 650;
  --kaya-weight-bold: 800;

  --kaya-leading-tight: 1.3;
  --kaya-leading-snug: 1.4;
  --kaya-leading-normal: 1.6;

  --kaya-tracking-caps: 0.06em;

  /* --- Boşluk ölçeği (4px taban) ------------------------------------ */
  --kaya-space-1: 4px;
  --kaya-space-2: 8px;
  --kaya-space-3: 12px;
  --kaya-space-4: 16px;
  --kaya-space-5: 20px;
  --kaya-space-6: 24px;
  --kaya-space-8: 32px;
  --kaya-space-10: 40px;

  /* --- Köşe yarıçapı — 3 adım (+ pill). Sabit ölçek; CSS'te ham px YOK. --
     sm  → kontrol (buton, select, stepper, sekme çubuğu, kbd, çip)
     md  → kart / kutu (profil, ayar satırı, player, araç, section kutusu)
     lg  → panel (masaüstü + mobil aynı) */
  --kaya-radius-sm: 8px;
  --kaya-radius-md: 12px;
  --kaya-radius-lg: 16px;
  --kaya-radius-xl: var(--kaya-radius-lg);  /* geriye dönük ad — lg'ye eşit */
  --kaya-radius-pill: 999px;  /* switch, tetikleyici, rozet, mini-reader */

  /* --- Elevation (yumuşak, mavi tonlu) ------------------------------ */
  --kaya-shadow-1: 0 1px 2px rgb(7 26 50 / 8%), 0 2px 8px rgb(7 26 50 / 6%);
  --kaya-shadow-2: 0 8px 24px rgb(7 26 50 / 14%), 0 2px 6px rgb(7 26 50 / 8%);
  --kaya-shadow-3: 0 24px 64px rgb(7 26 50 / 22%);

  /* --- Hareket ----------------------------------------------------- */
  --kaya-dur-fast: 120ms;     /* switch topuzu, hover           */
  --kaya-dur-base: 200ms;     /* panel giriş/çıkış, sekme geçişi */
  --kaya-ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  /* --- Katman (z-index) — yapılandırılabilir taban ---------------- */
  --kaya-z-trigger: 2147480000;
  --kaya-z-backdrop: 2147480100;
  --kaya-z-panel: 2147480200;
  --kaya-z-mini: 2147480050;
  --kaya-z-overlay: 2147479000; /* okuma çizgisi / maske — panelin altında */

  /* --- Renk filtresi yoğunluğu (host motoru tüketir) -------------- */
  --kaya-filter-level: 0.75;

  color-scheme: light;
}

/* =========================================================================
   2. "DENİZ" — panelin tek teması (koyu/açık mod geçişi YOK).
   Panel her cihazda aynı görünür; sistem koyu modu paneli değiştirmez.
   Tetikleyici düğme bu paletten bağımsızdır: her zaman KAYA altını.
   Kontrastlar (foam #f3fafb zemin): ink 15.2 · muted 7.2 · sea 6.8 ·
   beyaz/sea 7.2 · aqua/deep 7.8 · gold/deep 6.8 · kontrol kenarı 4.3
   ========================================================================= */
[data-kaya-ui] {
  --kaya-sea-abyss: #041f2e;
  --kaya-sea-deep: #06344a;
  --kaya-sea-900: #0a4560;
  --kaya-sea-600: #0b5e7e;
  --kaya-sea-500: #0b7f92;
  --kaya-sea-300: #7fd4e0;
  --kaya-sea-100: #d6eef3;
  --kaya-foam: #f3fafb;
  --kaya-mist: #e3f2f5;
  --kaya-sand: #e4b43a;

  --kaya-navy-900: #062433;
  --kaya-navy-700: #0a4560;
  --kaya-surface-strong: #06344a;
  --kaya-surface-strong-2: #0a4560;
  --kaya-surface-strong-border: #2f6c82;
  --kaya-on-strong: #ffffff;
  --kaya-on-strong-muted: #c3dfe7;
  --kaya-blue-600: #0b5e7e;
  --kaya-blue-500: #7fd4e0;
  --kaya-brass-lite: #f0c75e;
  --kaya-brass-wash: #e3f2f5;
  --kaya-gold-text: #7a5a0c;
  --kaya-surface-0: #f3fafb;
  --kaya-surface-1: #e3f2f5;
  --kaya-surface-2: #d6eef3;
  --kaya-border: #a9ccd6;
  --kaya-border-strong: #4f7c8c;
  --kaya-ink: #062433;
  --kaya-ink-muted: #3b5866;
  --kaya-btn-bg: #0b5e7e;
  --kaya-btn-fg: #ffffff;
  --kaya-control-bg: #ffffff;
  --kaya-control-fg: #062433;
  --kaya-focus: #0b5e7e;
  --kaya-success: #0f6e4a;
  --kaya-shadow-1: 0 1px 2px rgb(4 31 46 / 8%), 0 2px 8px rgb(4 31 46 / 6%);
  --kaya-shadow-2: 0 10px 28px rgb(4 31 46 / 16%), 0 2px 6px rgb(4 31 46 / 8%);
  --kaya-shadow-3: 0 30px 80px rgb(4 31 46 / 34%);
  color-scheme: light;
}

/* =========================================================================
   3. Yüksek kontrast panel — kullanıcı "daha fazla kontrast" istiyorsa
   gölgeler kalkar, kenarlıklar güçlenir, metin en koyuya çekilir.
   ========================================================================= */
@media (prefers-contrast: more) {
  [data-kaya-ui] {
    --kaya-border: var(--kaya-border-strong);
    --kaya-ink-muted: #33424f;
    --kaya-shadow-1: 0 0 0 1px var(--kaya-border-strong);
    --kaya-shadow-2: 0 0 0 1px var(--kaya-border-strong);
    --kaya-shadow-3: 0 0 0 2px var(--kaya-border-strong);
  }
}

/* =========================================================================
   4. forced-colors (Windows Yüksek Kontrast) — dekoratif renk devre dışı;
   sistem renk anahtar kelimeleri devralır. Bileşen CSS'i bu tokenlarla
   birlikte kenarlık/işaret de kullanır (renk tek gösterge değildir).
   ========================================================================= */
@media (forced-colors: active) {
  [data-kaya-ui] {
    --kaya-surface-0: Canvas;
    --kaya-surface-strong: Canvas;
    --kaya-surface-strong-2: Canvas;
    --kaya-surface-strong-border: CanvasText;
    --kaya-on-strong: CanvasText;
    --kaya-on-strong-muted: CanvasText;
    --kaya-btn-bg: Highlight;
    --kaya-btn-fg: Canvas;
    --kaya-control-bg: Canvas;
    --kaya-control-fg: CanvasText;
    --kaya-surface-1: Canvas;
    --kaya-surface-2: Canvas;
    --kaya-border: CanvasText;
    --kaya-border-strong: CanvasText;
    --kaya-ink: CanvasText;
    --kaya-ink-muted: CanvasText;
    --kaya-navy-900: CanvasText;
    --kaya-navy-700: CanvasText;
    --kaya-blue-600: Highlight;
    --kaya-blue-500: Highlight;
    --kaya-gold-500: CanvasText;
    --kaya-gold-text: LinkText;
    --kaya-gold-300: Canvas;
    --kaya-brass-lite: CanvasText;
    --kaya-brass-wash: Canvas;
    --kaya-on-navy: Canvas;
    --kaya-focus: CanvasText;
    --kaya-success: CanvasText;
    --kaya-warning: CanvasText;
    --kaya-danger: CanvasText;
    --kaya-shadow-1: 0 0 0 1px CanvasText;
    --kaya-shadow-2: 0 0 0 1px CanvasText;
    --kaya-shadow-3: 0 0 0 1px CanvasText;
  }
}

/* =========================================================================
   Hareket azaltma — panelin kendi geçişleri sakinleşir.
   Bileşen CSS'i de bu bloğu ayrıca uygular; burada süre tokenlarını kısırız.
   ========================================================================= */
@media (prefers-reduced-motion: reduce) {
  [data-kaya-ui] {
    --kaya-dur-fast: 1ms;
    --kaya-dur-base: 1ms;
  }
}

/* ---- kaya-panel.css ---- */
/* =========================================================================
   KAYA Accessibility Assist — PANEL STİLLERİ (birleşik, D0.3)
   1. bölüm: yapısal taban (eski kaya-assist.css panel kuralları)
   2. bölüm: tokenları tüketen katman (16px taban, 44px hedef, tema, bileşenler)
   Yükleme: kaya-tokens.css -> kaya-panel.css -> kaya-host.css
   ========================================================================= */

/* ===== 1. YAPISAL TABAN ===== */
[data-kaya-ui]{--navy:var(--kaya-navy-900);--blue:var(--kaya-blue-600);--gold:var(--kaya-gold-500);--paper:var(--kaya-surface-0);--ink:var(--kaya-ink);--muted:var(--kaya-ink-muted);--line:var(--kaya-border);--white:#fff;--focus:var(--kaya-gold-500);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);font-size:16px;line-height:1.65}
[data-kaya-ui],[data-kaya-ui] *{box-sizing:border-box}[data-kaya-ui] button,[data-kaya-ui] input,[data-kaya-ui] select{font:inherit}[data-kaya-ui] :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
[data-kaya-ui] .trigger{position:fixed;z-index:9000;right:0;top:50%;display:grid;width:64px;height:64px;place-items:center;border:0;border-radius:999px 0 0 999px;background:var(--gold);color:var(--navy);box-shadow:0 10px 28px rgb(7 26 50 / 28%);cursor:pointer;transform:translateY(-50%)}
[data-kaya-ui] .trigger svg{width:29px}
[data-kaya-ui] .badge{position:absolute;right:4px;top:-6px;display:grid;min-width:22px;height:22px;padding:0 4px;place-items:center;border:2px solid transparent;border-radius:999px;font-weight:800}
[data-kaya-ui] .trigger[hidden],[data-kaya-ui] .badge[hidden],[data-kaya-ui] .backdrop[hidden],[data-kaya-ui] .dialog[hidden]{display:none!important}
[data-kaya-ui] .kaya-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
[data-kaya-ui] .backdrop{position:fixed;inset:0;backdrop-filter:blur(2px)}
[data-kaya-ui] .dialog{position:fixed;inset:clamp(12px,3vh,30px) clamp(12px,3vw,34px) clamp(12px,3vh,30px) auto;display:flex;flex-direction:column;overflow:hidden}

[data-kaya-ui] .dialog-title{margin:0}
[data-kaya-ui] .subtitle{display:block}
[data-kaya-ui] .close{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:5.6px;border:0;cursor:pointer}
[data-kaya-ui] .close svg{width:17px}
[data-kaya-ui] .close span{font-size:var(--kaya-text-small);font-weight:800}

[data-kaya-ui] .dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 16.8px 83.2px}
[data-kaya-ui] .panel[hidden]{display:none}
[data-kaya-ui] .section{margin:20px 0}
[data-kaya-ui] .section:first-child{margin-top:0}
[data-kaya-ui] .section[hidden],[data-kaya-ui] .setting[hidden]{display:none!important}

[data-kaya-ui] .section h2{margin:0 0 11.2px;font-size:var(--kaya-text-h2);letter-spacing:var(--kaya-tracking-caps);text-transform:uppercase}
[data-kaya-ui] .section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11.2px}
[data-kaya-ui] .section-head h2{margin:0}
[data-kaya-ui] .section-reset{border:0;background:transparent;font-size:var(--kaya-text-small);font-weight:800;text-decoration:underline;cursor:pointer}
[data-kaya-ui] .shortcuts{display:grid;gap:8.8px;margin:0;padding:0;list-style:none}
[data-kaya-ui] .shortcut{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12.48px;border:1px solid var(--line);border-radius:var(--kaya-radius-md)}
[data-kaya-ui] .shortcut>span:first-child{font-size:var(--kaya-text-body);font-weight:700}
[data-kaya-ui] .keys{display:flex;gap:3.2px}
[data-kaya-ui] .keys kbd{min-width:25px;padding:2.88px 5.44px;border:1px solid;border-bottom-width:3px;border-radius:var(--kaya-radius-sm);font:700 var(--kaya-text-kbd)/1 ui-monospace,monospace;text-align:center}

[data-kaya-ui] .profile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11.2px;padding:9.92px 11.52px;border:1px solid;border-radius:var(--kaya-radius-md);text-align:start;cursor:pointer}
[data-kaya-ui] .profile__body{display:flex;flex-direction:column;gap:1.6px;min-width:0}
[data-kaya-ui] .profile strong,[data-kaya-ui] .profile small{display:block}
[data-kaya-ui] .profile small{color:var(--muted)}
[data-kaya-ui] .settings{display:grid;gap:8.32px}
[data-kaya-ui] .setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10.88px 12px;border:1px solid;border-radius:var(--kaya-radius-md)}
[data-kaya-ui] .setting-copy{flex:1;min-width:0}
[data-kaya-ui] .setting-copy strong,[data-kaya-ui] .setting-copy small{display:block}
[data-kaya-ui] .setting-copy strong{font-size:var(--kaya-text-body)}
[data-kaya-ui] .setting-copy small{color:var(--muted);font-size:var(--kaya-text-small)}
[data-kaya-ui] .setting__icon{flex:0 0 auto;width:20px;height:20px;color:var(--muted)}
[data-kaya-ui] .setting__icon svg{display:block;width:100%;height:100%}
/* .switch kuralları tek yerde toplandı (§3.4) — bkz. "Switch — TEK KAYNAK KURAL" */

/* .setting select / .reader-select stilleri §BEACON kontrol bloğunda (tek kaynak) */
[data-kaya-ui] .player{display:grid;gap:11.2px;padding:16px;border-radius:var(--kaya-radius-md);background:var(--navy);color:#fff}
[data-kaya-ui] .reader-status{margin:0;color:var(--kaya-on-strong-muted);font-size:var(--kaya-text-body)}
[data-kaya-ui] .reader-controls{display:flex;justify-content:center;gap:6.4px}
[data-kaya-ui] .reader-controls button{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--kaya-surface-strong-border);border-radius:50%;background:var(--kaya-surface-strong-2);color:#fff;cursor:pointer}
[data-kaya-ui] .reader-controls svg{width:19px}
[data-kaya-ui] .reader-controls .play{background:var(--gold);color:var(--navy)}
[data-kaya-ui] .reader-options{display:grid;grid-template-columns:1fr 1fr;gap:8.8px}
[data-kaya-ui] .reader-options label{display:grid;gap:4px;color:var(--kaya-on-strong-muted);font-size:var(--kaya-text-small)}
[data-kaya-ui] .reader-options select{width:100%;max-width:none}
[data-kaya-ui] .tool{margin-top:11.2px;padding:16px;border:1px solid var(--line);border-radius:var(--kaya-radius-md)}
/* §3.2: alt başlıklar UA h3'ü (18.72px) yerine ölçekte — kontrol etiketiyle aynı */
[data-kaya-ui] .tool h3,
[data-kaya-ui] .saved-views h3{margin:0 0 4.8px;font-size:var(--kaya-text-label);font-weight:var(--kaya-weight-bold);line-height:1.35}
[data-kaya-ui] .tool p{margin:4px 0 12px;color:var(--muted);font-size:var(--kaya-text-body)}
[data-kaya-ui] .tool-action{min-height:44px;padding:9.92px 13.6px;border:0;border-radius:var(--kaya-radius-sm);font-weight:800;cursor:pointer}
[data-kaya-ui] .nav-list{display:grid;gap:5.6px;margin:10.4px 0 0;padding:0;list-style:none}
[data-kaya-ui] .nav-list button{width:100%;padding:9.28px 10.4px;border:1px solid var(--line);border-radius:var(--kaya-radius-sm);color:var(--ink);text-align:left;cursor:pointer}
[data-kaya-ui] .nav-list small{color:var(--muted)}
[data-kaya-ui] .dialog-foot{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:11.2px;padding:12px 16.8px;border-top:1px solid var(--line)}
[data-kaya-ui] .active{display:flex;align-items:center;gap:6.4px;color:var(--muted);font-size:var(--kaya-text-small);font-weight:700}
[data-kaya-ui] .dot{width:8px;height:8px;border-radius:50%}
[data-kaya-ui] .reset-all{font-size:var(--kaya-text-small);font-weight:800;cursor:pointer}
[data-kaya-ui] .live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-kaya-ui] .mini-reader{position:fixed;z-index:9050;left:50%;bottom:18px;display:flex;max-width:calc(100vw - 110px);align-items:center;gap:8.8px;padding:8.8px 10.4px 8.8px 14.4px;border:1px solid #536a80;border-radius:999px;background:var(--navy);color:#fff;box-shadow:0 12px 35px rgb(7 26 50 / 30%);transform:translateX(-50%)}
[data-kaya-ui] .mini-reader[hidden]{display:none}
[data-kaya-ui] .mini-reader strong{max-width:250px;overflow:hidden;font-size:var(--kaya-text-small);text-overflow:ellipsis;white-space:nowrap}
[data-kaya-ui] .mini-reader button{min-height:38px;padding:7.2px 10.4px;border:1px solid var(--kaya-surface-strong-border);border-radius:999px;background:var(--kaya-surface-strong-2);color:#fff;font-size:var(--kaya-text-small);font-weight:800;cursor:pointer}
[data-kaya-ui] .mini-reader .mini-stop{background:var(--gold);color:var(--navy)}
[data-kaya-ui] .setting--spaced{margin-top:9.6px}
@media(max-width:760px){[data-kaya-ui] .trigger{right:14px;top:auto;bottom:18px;border-radius:50%;transform:none}
[data-kaya-ui] .dialog{inset:0;width:100%;border:0;border-radius:0}
[data-kaya-ui] .mini-reader{right:14px;bottom:92px;left:14px;max-width:none;justify-content:center;transform:none}
[data-kaya-ui] .mini-reader strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:380px){[data-kaya-ui] .reader-options{grid-template-columns:1fr}
[data-kaya-ui] .dialog-title{font-size:var(--kaya-text-body)}
}
@media(prefers-reduced-motion:reduce){[data-kaya-ui] *,[data-kaya-ui] *::before,[data-kaya-ui] *::after{scroll-behavior:auto!important;transition:none!important}}

[data-kaya-ui] .range-control{display:grid;grid-template-columns:minmax(110px,1fr) 42px;align-items:center;gap:8px;min-width:180px}[data-kaya-ui] .range-control input{width:100%;accent-color:var(--blue)}[data-kaya-ui] .range-control output{font-size:var(--kaya-text-small);font-weight:800}[data-kaya-ui] .saved-views{margin-top:11.2px;padding:16px;border:1px solid var(--line);border-radius:var(--kaya-radius-md)}[data-kaya-ui] .saved-views h3{margin:0 0 4.8px}[data-kaya-ui] .saved-views>p,[data-kaya-ui] .saved-empty{margin:4px 0 11.2px;color:var(--muted);font-size:var(--kaya-text-small)}[data-kaya-ui] .save-view-form{display:grid;grid-template-columns:1fr auto;gap:7.2px}[data-kaya-ui] .save-view-form label{grid-column:1/-1;font-size:var(--kaya-text-small);font-weight:800}[data-kaya-ui] .save-view-form input{min-width:0;padding:9.28px;border:1px solid #8e9daa;border-radius:var(--kaya-radius-sm)}[data-kaya-ui] .save-view-form button,[data-kaya-ui] .saved-view button{min-height:40px;padding:7.68px 10.4px;border:1px solid #8e9daa;border-radius:var(--kaya-radius-sm);background:#fff;color:var(--ink);font-weight:800;cursor:pointer}[data-kaya-ui] .saved-view-list{display:grid;gap:6.4px;margin-top:11.2px}[data-kaya-ui] .saved-view{display:grid;grid-template-columns:1fr auto auto;gap:6.4px}[data-kaya-ui] .saved-view__apply{text-align:left}[data-kaya-ui] .saved-view__remove{color:#8c1d18!important}[data-kaya-ui] .saved-view__rename-input{grid-column:1/-1;min-height:40px;padding:7.68px 10.4px;border:1px solid #8e9daa;border-radius:var(--kaya-radius-sm)}[data-kaya-ui] .saved-view-io{margin-top:11.2px}[data-kaya-ui] .saved-view-io>summary{cursor:pointer;font-size:var(--kaya-text-small);font-weight:800;min-height:40px;display:flex;align-items:center}[data-kaya-ui] .saved-view-io__body{display:grid;gap:6.4px;margin-top:6.4px}[data-kaya-ui] .saved-view-io__label{font-size:var(--kaya-text-small);font-weight:800}[data-kaya-ui] .saved-view-io textarea{width:100%;padding:8px;border:1px solid #8e9daa;border-radius:var(--kaya-radius-sm);font:inherit;resize:vertical}[data-kaya-ui] .saved-view-io button{min-height:40px;padding:7.68px 10.4px;border:1px solid #8e9daa;border-radius:var(--kaya-radius-sm);background:#fff;color:var(--ink);font-weight:800;cursor:pointer}@media(max-width:380px){[data-kaya-ui] .save-view-form{grid-template-columns:1fr}[data-kaya-ui] .save-view-form label{grid-column:auto}}

/* ===== 2. TOKEN KATMANI ===== */
/* =========================================================================
   KAYA Accessibility Assist — Panel görsel katmanı (Faz 2)
   Master Plan §3, §5, §6.
   kaya-assist.css'in ÜSTÜNE yüklenir; tasarım tokenlarını (kaya-tokens.css)
   tüketerek: 16px taban tipografi, ≥44px hedefler, tutarlı odak halkası,
   açık/koyu/forced-colors tema uyumu ve yumuşak yüzey estetiği sağlar.

   Yükleme sırası:  kaya-tokens.css → kaya-assist.css → kaya-panel.css
   Not: Faz sonunda kaya-assist.css + kaya-panel.css tek temiz dosyada
        birleştirilecek (fabrika yeniden yazımıyla).
   ========================================================================= */

/* ---- Taban ------------------------------------------------------------- */
[data-kaya-ui] {
  font-family: var(--kaya-font-sans);
  font-size: 16px;                 /* §3.3 taban */
  line-height: var(--kaya-leading-normal);
  color: var(--kaya-ink);
}
[data-kaya-ui] :focus-visible {
  outline: 3px solid var(--kaya-focus);
  outline-offset: 2px;
}

/* ---- Tetikleyici (F9: yapılandırılabilir konum + etiket flag + RTL) -- */
[data-kaya-ui] .trigger-wrap {
  position: fixed;
  z-index: var(--kaya-z-trigger);
  display: flex;
  align-items: center;
  gap: var(--kaya-space-2);
  /* güvenli boşluk — kaydırma çubuğu / çentik ile çakışmayı önler */
  --kaya-trigger-gap: max(16px, env(safe-area-inset-right, 0px));
}
[data-kaya-ui] .trigger-wrap:has(.trigger[hidden]) { display: none; }

/* Yatay: "right" → satır sonu (inline-end); RTL'de otomatik sola döner */
[data-kaya-ui][data-kaya-trigger-pos$="right"] .trigger-wrap {
  inset-inline-end: var(--kaya-trigger-gap);
  flex-direction: row-reverse;   /* flag tetikleyicinin iç tarafında kalır */
}
[data-kaya-ui][data-kaya-trigger-pos$="left"] .trigger-wrap {
  inset-inline-start: var(--kaya-trigger-gap);
}
/* Dikey */
[data-kaya-ui][data-kaya-trigger-pos^="bottom"] .trigger-wrap {
  bottom: max(16px, env(safe-area-inset-bottom, 0px));
}
[data-kaya-ui][data-kaya-trigger-pos^="middle"] .trigger-wrap {
  top: 50%;
  transform: translateY(-50%);
}

/* BEACON tetikleyici — pirinç sikke + eşmerkezli soluyan halka (fener) */
[data-kaya-ui] .trigger-wrap .trigger {
  position: static;
  inset: auto;
  transform: none;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 30%, #d2a24a, #8f6410);
  color: #0a1b30;
  box-shadow: 0 8px 22px rgb(10 27 48 / 34%), inset 0 0 0 1px rgb(255 255 255 / 28%);
  transition: box-shadow var(--kaya-dur-fast) var(--kaya-ease);
}
[data-kaya-ui] .trigger-wrap .trigger:hover { box-shadow: 0 12px 30px rgb(10 27 48 / 42%), inset 0 0 0 1px rgb(255 255 255 / 34%); }
[data-kaya-ui] .trigger-wrap .trigger svg { width: 26px; }
[data-kaya-ui] .trigger-wrap::after {   /* soluyan eşmerkezli halka */
  content: "";
  position: absolute;
  inset-block: -9px;
  inset-inline-end: -9px;
  width: 76px;
  border-radius: 50%;
  border: 2px solid var(--kaya-gold-500);
  opacity: .34;
  pointer-events: none;
  /* §5: sürekli nabız değil — yüklemede 4 kez soluk alır, sonra sabitlenir;
     hover/odakta yeniden canlanır. */
  animation: kaya-beacon 5.5s var(--kaya-ease) 4;
}
[data-kaya-ui][data-kaya-trigger-pos$="left"] .trigger-wrap::after { inset-inline-end: auto; inset-inline-start: -9px; }
[data-kaya-ui] .trigger-wrap:hover::after,
[data-kaya-ui] .trigger-wrap:focus-within::after { opacity: .5; animation: kaya-beacon 5.5s var(--kaya-ease) 2; }
@keyframes kaya-beacon { 0%,100% { transform: scale(1); opacity: .34 } 50% { transform: scale(1.15); opacity: .1 } }
@media (prefers-reduced-motion: reduce) {
  [data-kaya-ui] .trigger-wrap::after { animation: none; opacity: .34; transform: none; }
}
@media (forced-colors: active) {
  [data-kaya-ui] .trigger-wrap::after { border-color: CanvasText; }
}

/* Etiket flag — normalde kapalı; hover / klavye odağında açılır */
[data-kaya-ui] .trigger-flag {
  max-width: 0;
  overflow: hidden;
  padding: 0;
  border-radius: var(--kaya-radius-sm);
  background: var(--kaya-navy-900);
  color: var(--kaya-on-navy);
  box-shadow: var(--kaya-shadow-1);
  font-size: var(--kaya-text-small);
  font-weight: var(--kaya-weight-label);
  white-space: nowrap;
  opacity: 0;
  transition: max-width var(--kaya-dur-base) var(--kaya-ease),
              opacity var(--kaya-dur-fast) var(--kaya-ease),
              padding var(--kaya-dur-base) var(--kaya-ease);
}
[data-kaya-ui] .trigger-wrap:hover .trigger-flag,
[data-kaya-ui] .trigger-wrap:focus-within .trigger-flag,
[data-kaya-ui] .trigger-wrap[data-kaya-intro] .trigger-flag { /* §3.1: ilk ziyaret ipucu */
  max-width: 260px;
  padding: var(--kaya-space-2) var(--kaya-space-3);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  [data-kaya-ui] .trigger-flag { transition: opacity var(--kaya-dur-fast) linear; }
}
@media (forced-colors: active) {
  [data-kaya-ui] .trigger-flag { border: 1px solid CanvasText; }
}
/* Mobilde her konum alt köşeye sabitlenir */
@media (max-width: 760px) {
  [data-kaya-ui] .trigger-wrap {
    top: auto;
    bottom: max(16px, env(safe-area-inset-bottom, 0px));
    transform: none;
  }
  /* §2.3: panel tam ekran — taşma yok; iç gövde tek kaydırma; güvenli alan */
  [data-kaya-ui] .dialog {
    inset: 0;
    width: 100%;
    max-width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    border: 0;
    border-radius: 0;
  }
  
  [data-kaya-ui] .dialog-foot { padding-bottom: calc(8.8px + env(safe-area-inset-bottom, 0px)); }
}
[data-kaya-ui] .badge {
  background: var(--kaya-navy-900);
  color: var(--kaya-on-navy);
  border-color: var(--kaya-surface-0);
  font-size: var(--kaya-text-tiny);
}

/* ---- Diyalog kabuğu ------------------------------------------------- */
[data-kaya-ui] .backdrop {
  background: rgb(7 26 50 / 52%);
  z-index: var(--kaya-z-backdrop);
}
[data-kaya-ui] .dialog {
  background: var(--kaya-surface-0);
  border: 1px solid var(--kaya-border);
  border-radius: var(--kaya-radius-xl);
  box-shadow: var(--kaya-shadow-3);
  z-index: var(--kaya-z-panel);
  color: var(--kaya-ink);
}

[data-kaya-ui] .dialog-title { font-size: var(--kaya-text-h1); line-height: var(--kaya-leading-tight); }
[data-kaya-ui] .subtitle     { font-size: var(--kaya-text-small); color: var(--kaya-ink-muted); }

/* Kapat — ikon + metin, ≥44px */
[data-kaya-ui] .close {
  min-width: 44px;
  min-height: 44px;
  background: var(--kaya-surface-2);
  color: var(--kaya-ink);
  border-radius: var(--kaya-radius-sm);
  font-size: var(--kaya-text-small);
}

/* ---- Sekmeler ----------------------------------------------------------- */

/* ---- Gövde / bölümler --------------------------------------------------- */
[data-kaya-ui] .dialog-body { background: var(--kaya-surface-0); }
[data-kaya-ui] .intro { font-size: var(--kaya-text-body); color: var(--kaya-ink-muted); }
[data-kaya-ui] .section h2 {
  font-size: var(--kaya-text-h2);
  letter-spacing: var(--kaya-tracking-caps);
  color: var(--kaya-ink);
}
[data-kaya-ui] .section-reset {
  min-height: 44px;
  padding: 0 var(--kaya-space-2);
  color: var(--kaya-blue-600);
  font-size: var(--kaya-text-small);
}

/* ---- Kısayol kartları ------------------------------------------------- */
[data-kaya-ui] .shortcut {
  border-color: var(--kaya-border);
  border-radius: var(--kaya-radius-md);
  background: var(--kaya-surface-1);
}
[data-kaya-ui] .shortcut > span:first-child { font-size: var(--kaya-text-body); }
[data-kaya-ui] .keys kbd {
  border-color: var(--kaya-border-strong);
  background: var(--kaya-surface-2);
  color: var(--kaya-ink);
  font-size: var(--kaya-text-kbd);
}

/* ---- Profil kartları (tek sütun liste + profile özgü ikon çipi) ----- */
[data-kaya-ui] .profile {
  min-height: 58px;
  border-color: var(--kaya-border);
  border-radius: var(--kaya-radius-md);
  background: var(--kaya-surface-0);
  color: var(--kaya-ink);
}
[data-kaya-ui] .profile strong { font-size: var(--kaya-text-body); }
[data-kaya-ui] .profile small { color: var(--kaya-ink-muted); font-size: var(--kaya-text-small); }
[data-kaya-ui] .profile__icon {
  width: 40px; height: 40px; display: grid; place-items: center;
  border-radius: var(--kaya-radius-sm);
  background: var(--kaya-brass-wash); color: var(--kaya-ink);
}
[data-kaya-ui] .profile__icon svg { width: 22px; height: 22px; }
[data-kaya-ui] .profile__check {
  width: 22px; height: 22px; display: grid; place-items: center;
  border-radius: 50%; background: var(--kaya-gold-500); color: var(--kaya-navy-900);
  opacity: 0; transform: scale(.7);
  transition: opacity var(--kaya-dur-fast) var(--kaya-ease), transform var(--kaya-dur-fast) var(--kaya-ease);
}
[data-kaya-ui] .profile__check svg { width: 14px; height: 14px; }

/* ---- Profil önizleme (F4: "sessiz silme yok") ----------------------- */
/* §4.8: önizleme onay kutusu — listeyi aşağı itmek yerine gövde dibinde
   YAPIŞKAN kalır; kullanıcı kaydırsa bile "Uygula / Vazgeç" görünür. */

[data-kaya-ui] #profile-preview-text {
  margin: 0 0 var(--kaya-space-2);
  font-size: var(--kaya-text-body);
  font-weight: var(--kaya-weight-label);
  color: var(--kaya-ink);
}

[data-kaya-ui] #profile-preview-cancel {
  min-height: 44px;
  padding: 0 var(--kaya-space-4);
  border: 1px solid var(--kaya-border-strong);
  border-radius: var(--kaya-radius-sm);
  background: var(--kaya-surface-0);
  color: var(--kaya-ink);
  font: inherit;
  font-weight: var(--kaya-weight-label);
  cursor: pointer;
}

/* ---- Ayar satırları --------------------------------------------------- */
[data-kaya-ui] .setting {
  min-height: 58px;
  border-color: var(--kaya-border);
  border-radius: var(--kaya-radius-md);
  background: var(--kaya-surface-0);
}
[data-kaya-ui] .setting-copy strong { font-size: var(--kaya-text-label); font-weight: var(--kaya-weight-label); }
[data-kaya-ui] .setting-copy small  { font-size: var(--kaya-text-small); color: var(--kaya-ink-muted); }
/* Yerel <select> — a11y için native kalır, görünüm panel diliyle eşleşir:
   OS oku kaldırılır, özel chevron + token kutu (yükseklik/kenar/yarıçap/font). */
[data-kaya-ui] .setting select,
[data-kaya-ui] .reader-select {
  appearance: none;
  -webkit-appearance: none;
  min-height: 44px;
  max-width: 175px;
  padding: 8px 32px 8px 11.2px;
  border: 1px solid var(--kaya-border-strong);
  border-radius: var(--kaya-radius-sm);
  background-color: var(--kaya-control-bg);
  color: var(--kaya-control-fg);
  font: inherit;
  font-size: var(--kaya-text-body);
  line-height: 1.3;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: right 8.8px center;
  background-size: 15px 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23364453' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
[data-kaya-ui] .setting select:focus-visible,
[data-kaya-ui] .reader-select:focus-visible {
  outline: 3px solid var(--kaya-focus);
  outline-offset: 2px;
}
/* koyu panelde chevron açık renge döner */
/* forced-colors: OS'un kendi kontrolüne dön */
@media (forced-colors: active) {
  [data-kaya-ui] .setting select,
  [data-kaya-ui] .reader-select {
    appearance: auto;
    -webkit-appearance: auto;
    background-image: none;
    padding-inline-end: 11.2px;
  }
}

/* ---- Switch — TEK KAYNAK KURAL (§3.4). Görsel 52×32, dokunma alanı ≥44
   (görünmez ::before genişletici), açık = sinyal mavisi. Renk tek gösterge
   değil: topuz konumu + kenarlık rengi birlikte. ------------------------- */
[data-kaya-ui] .switch {
  position: relative;
  width: 52px;
  height: 32px;
  flex: 0 0 52px;
  border: 2px solid var(--kaya-border-strong);
  border-radius: var(--kaya-radius-pill);
  background: var(--kaya-surface-2);
  cursor: pointer;
  transition: background var(--kaya-dur-fast) var(--kaya-ease),
              border-color var(--kaya-dur-fast) var(--kaya-ease);
}
[data-kaya-ui] .switch::before {           /* görünmez hit-area — ≥44px */
  content: "";
  position: absolute;
  inset: -8px -6px;
  border-radius: inherit;
}
[data-kaya-ui] .switch::after {            /* topuz */
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgb(10 27 48 / 33%);
  transition: transform var(--kaya-dur-fast) var(--kaya-ease);
}
[data-kaya-ui] .switch[aria-checked="true"] {
  border-color: var(--kaya-blue-600);
  background: var(--kaya-blue-600);
}
[data-kaya-ui] .switch[aria-checked="true"]::after {
  transform: translateX(20px);
  box-shadow: 0 0 0 1px var(--kaya-navy-900);
}
@media (forced-colors: active) {
  [data-kaya-ui] .switch { border: 2px solid ButtonText; background: Canvas; }
  [data-kaya-ui] .switch::after { background: ButtonText; }
  [data-kaya-ui] .switch[aria-checked="true"] { background: Highlight; }
  [data-kaya-ui] .switch[aria-checked="true"]::after { background: HighlightText; }
}

/* ---- Segmented control (radiogroup) — §5.4 --------------------------- */
[data-kaya-ui] .setting--stack {
  flex-direction: column;
  align-items: stretch;
  gap: var(--kaya-space-2);
}
[data-kaya-ui] .segmented {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--kaya-border-strong);
  border-radius: var(--kaya-radius-sm);
  background: var(--kaya-surface-2);
}
/* §4.4: imleç boyutu segmenti yalnız "Büyük imleç" açıkken etkin */
[data-kaya-ui] .segmented.is-disabled { opacity: .45; pointer-events: none; }
[data-kaya-ui] .segmented [role="radio"] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.8px;
  min-height: 44px;
  padding: 0 var(--kaya-space-2);
  border: 0;
  border-radius: calc(var(--kaya-radius-sm) - 2px);
  background: transparent;
  /* AAA 1.4.6: segment zemininde (--kaya-surface-2) tam mürekkep — muted 6.7:1'de kalıyordu */
  color: var(--kaya-ink);
  font: inherit;
  font-size: var(--kaya-text-small);
  font-weight: var(--kaya-weight-label);
  white-space: nowrap;
  cursor: pointer;
  transition: background var(--kaya-dur-fast) var(--kaya-ease),
              color var(--kaya-dur-fast) var(--kaya-ease);
}
[data-kaya-ui] .segmented [role="radio"] svg {
  width: 16px; height: 16px; flex: 0 0 auto;
}
[data-kaya-ui] .segmented [role="radio"][aria-checked="true"] {
  background: var(--kaya-navy-900);
  color: var(--kaya-on-navy);
}
[data-kaya-ui] .segmented [role="radio"]:focus-visible {
  outline: 3px solid var(--kaya-focus);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  [data-kaya-ui] .segmented [role="radio"] { transition: none; }
}
@media (forced-colors: active) {
  [data-kaya-ui] .segmented [role="radio"][aria-checked="true"] {
    background: Highlight;
    color: HighlightText;
  }
  [data-kaya-ui] .segmented [role="radio"] { border: 1px solid ButtonText; }
}

/* ---- Stepper ≥44 --------------------------------------------------------- */

/* ---- Player — marka kararı: her temada koyu kalır (medya oynatıcı geleneği).
   §4.4 düzeltmesi: transport düğmeleri artık zeminden BELİRGİN ayrışıyor
   (eskiden koyu-üstüne-koyu, ~1.5:1 kenarlık farkı — skip bar'daki aynı düzeltme). */
[data-kaya-ui] .player {
  background: var(--kaya-surface-strong);
  color: #fff;
  border: 1px solid var(--kaya-surface-strong-border);
  border-radius: var(--kaya-radius-md);
}
[data-kaya-ui] .reader-controls button {
  width: 44px;
  height: 44px;
  border: 1px solid #5c82aa;
  background: #22436a;
  color: #fff;
  transition: background var(--kaya-dur-fast) var(--kaya-ease),
              border-color var(--kaya-dur-fast) var(--kaya-ease);
}
[data-kaya-ui] .reader-controls button:hover { background: #2b5280; border-color: #7099c1; }
[data-kaya-ui] .reader-controls .play {
  background: var(--kaya-gold-500);
  color: var(--kaya-navy-900);
  border-color: var(--kaya-gold-500);
}
[data-kaya-ui] .reader-controls .play:hover { filter: brightness(1.08); }

/* ---- Araç kartları / gezgin listeleri ------------------------------- */
[data-kaya-ui] .tool {
  border-color: var(--kaya-border);
  border-radius: var(--kaya-radius-md);
  background: var(--kaya-surface-0);
}
[data-kaya-ui] .tool p { color: var(--kaya-ink-muted); font-size: var(--kaya-text-small); }
[data-kaya-ui] .tool-note,
[data-kaya-ui] .reader-note {
  margin: var(--kaya-space-2) 0 0;
  padding: var(--kaya-space-2) var(--kaya-space-3);
  border-left: 3px solid var(--kaya-warning);
  border-radius: var(--kaya-radius-sm);
  background: color-mix(in srgb, var(--kaya-warning) 10%, var(--kaya-surface-0));
  color: var(--kaya-warning);
  font-size: var(--kaya-text-small);
  font-weight: var(--kaya-weight-medium);
}
[data-kaya-ui] .tool-action {
  min-height: 44px;
  border-radius: var(--kaya-radius-sm);
  background: var(--kaya-blue-600);
  color: #fff;
}
[data-kaya-ui] .nav-list button {
  min-height: 44px;
  border-color: var(--kaya-border);
  border-radius: var(--kaya-radius-sm);
  background: var(--kaya-surface-0);
  color: var(--kaya-ink);
}
/* HLP-2/5: destek bağlantıları — .tool-action görünümünde ama gerçek <a> */
[data-kaya-ui] .support-links {
  display: flex;
  flex-direction: column;
  gap: var(--kaya-space-2);
}
[data-kaya-ui] a.support-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
}
[data-kaya-ui] a.support-link:hover {
  text-decoration: underline;
}
[data-kaya-ui] .nav-list .nav-empty {
  padding: var(--kaya-space-3);
  color: var(--kaya-ink-muted);
  font-size: var(--kaya-text-small);
  font-style: italic;
}

/* ---- Kapsam bilgilendirmesi (§3.10: "Assist ≠ Audit") ------------------- */
[data-kaya-ui] .kaya-scope {
  margin-top: 20px;
  border: 1px solid var(--kaya-border);
  border-radius: var(--kaya-radius-sm);
  background: var(--kaya-surface-1);
}
[data-kaya-ui] .kaya-scope > summary {
  padding: 9.6px 12px;
  min-height: 44px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: var(--kaya-text-small);
  font-weight: 600;
  color: var(--kaya-ink-muted);
  list-style: none;
}
[data-kaya-ui] .kaya-scope > summary::-webkit-details-marker { display: none; }
[data-kaya-ui] .kaya-scope > summary::before {
  content: "?";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-inline-end: 8px;
  border-radius: 50%;
  background: var(--kaya-border);
  color: var(--kaya-ink);
  font-size: 12.8px;
}
[data-kaya-ui] .kaya-scope[open] > summary { border-bottom: 1px solid var(--kaya-border); }
[data-kaya-ui] .kaya-scope > p {
  margin: 0;
  padding: 11.2px 12.8px;
  font-size: var(--kaya-text-small);
  line-height: var(--kaya-leading-normal);
  color: var(--kaya-ink-muted);
}

/* ---- Alt bar -------------------------------------------------------------- */
[data-kaya-ui] .dialog-foot {
  border-top-color: var(--kaya-border);
  background: var(--kaya-surface-0);
}
[data-kaya-ui] .active { color: var(--kaya-ink-muted); font-size: var(--kaya-text-small); }
[data-kaya-ui] .dot { background: var(--kaya-success); }
[data-kaya-ui] .reset-all {
  min-height: 44px;
  border-color: var(--kaya-border-strong);
  border-radius: var(--kaya-radius-sm);
  background: var(--kaya-surface-0);
  color: var(--kaya-ink);
  font-size: var(--kaya-text-small);
}

/* ---- Mini denetleyici ------------------------------------------------- */
[data-kaya-ui] .mini-reader {
  background: var(--kaya-surface-strong);
  border-color: var(--kaya-surface-strong-border);
  box-shadow: var(--kaya-shadow-2);
  z-index: var(--kaya-z-mini);
}
[data-kaya-ui] .mini-reader button {
  min-height: 44px;
  border-radius: var(--kaya-radius-pill);
  background: var(--kaya-surface-strong-2);
  color: #fff;
  font-size: var(--kaya-text-small);
}
[data-kaya-ui] .mini-reader .mini-stop { background: var(--kaya-gold-500); color: var(--kaya-navy-900); }

/* ---- Kayıtlı görünümler (runtime enjekte — Faz 2'de fabrikaya taşınacak) */
[data-kaya-ui] .save-view-form input {
  min-height: 44px;
  border-color: var(--kaya-border-strong);
  border-radius: var(--kaya-radius-sm);
  background: var(--kaya-surface-0);
  color: var(--kaya-ink);
}
[data-kaya-ui] .save-view-form button,
[data-kaya-ui] .saved-view button {
  min-height: 44px;
  border-color: var(--kaya-border-strong);
  border-radius: var(--kaya-radius-sm);
  background: var(--kaya-surface-0);
  color: var(--kaya-ink);
}
[data-kaya-ui] .saved-view__remove { color: var(--kaya-danger) !important; }
[data-kaya-ui] .saved-empty,
[data-kaya-ui] .saved-views > p { color: var(--kaya-ink-muted); font-size: var(--kaya-text-small); }

/* ---- Panel-dışı kalıcı canlı bölge (E2) ----------------------------- */
/* #dialog gizlense de bu bölge her zaman DOM'da ve görsel-gizli kalır;
   reader durumu (başladı / duraklatıldı / bitti) panel kapalıyken de duyulur. */
[data-kaya-ui] .kaya-live {
  position: fixed;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ---- Hareket azaltma — panel geçişleri sakinleşir -------------------- */
@media (prefers-reduced-motion: reduce) {
  [data-kaya-ui] .trigger,
  [data-kaya-ui] .switch,
  [data-kaya-ui] .switch::after { transition: none; }
}

/* ---- Saydamlık azaltma (§4.9) --------------------------------------- */
/* Kullanıcı saydamlığı azaltmak istediğinde: backdrop bulanıklığı kalkar,
   yarı saydam yüzeyler tam opak olur — bulanık cam etkisi baş dönmesi /
   dikkat dağınıklığı yapabilir (vestibüler + bilişsel). */
@media (prefers-reduced-transparency: reduce) {
  [data-kaya-ui] .backdrop {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: rgb(7 26 50 / 92%);
  }
  [data-kaya-ui] .dialog-foot { background: var(--kaya-surface-0); }
}

/* =========================================================================
   3. "BEACON" — KAYA görsel kimliği. Sinyal: ODAK HALKASI.
   Tema tokenları katman 2'de; burada yalnız BİÇİM: ink başlık bandı,
   çekilen sinyal çizgisi, sekme = halka (çubuk değil), seçili = halka + rozet,
   markalı çift odak halkası, ≥44px hedefler, fener tetikleyici.
   ========================================================================= */

/* --- Markalı çift odak halkası (WCAG 2.2 · 2.4.13 Focus Appearance) ---- */
[data-kaya-ui] :focus-visible{
  outline:3px solid var(--kaya-gold-500);
  outline-offset:2px;
  box-shadow:0 0 0 5px var(--kaya-surface-0), 0 0 0 7px var(--kaya-navy-900);
}

/* --- Panel girişi: yüksel + soluk; sinyal çizgisi soldan sağa çizilir --- */
[data-kaya-ui] .dialog{
  border:1px solid rgb(10 27 48 / 12%);
  animation:kaya-panel-in var(--kaya-dur-base) var(--kaya-ease) both;
}
@keyframes kaya-panel-in{from{opacity:0;transform:translateY(12px)}}

/* --- Ink başlık bandı (tam genişlik) + pirinç sinyal çizgisi ---------- */

@keyframes kaya-signal{from{transform:scaleX(0)}to{transform:scaleX(1)}}
[data-kaya-ui] .dialog-title{color:var(--kaya-brass-lite);font-weight:800;letter-spacing:.01em}
[data-kaya-ui] .subtitle{color:var(--kaya-on-strong-muted)}

[data-kaya-ui] .close{
  background:rgb(255 255 255 / 12%);color:var(--kaya-on-strong);border-radius:var(--kaya-radius-sm);
}
[data-kaya-ui] .close:hover{background:rgb(255 255 255 / 22%)}

/* --- Sekmeler: seçili sekmede ALT ÇİZGİ (2 sekmeli arayüzde noktadan güçlü).
   Renk tek gösterge değil: alt çizgi + metin ağırlığı + renk birlikte. -- */

/* --- Bölüm başlığı: kısa pirinç "sinyal tırnağı" (yapı = bilgi) ------- */
[data-kaya-ui] .section h2{
  display:flex;align-items:center;gap:8px;
  color:var(--kaya-ink-muted);
  /* §3.3: harf aralığı .14em iken 13px etiket dar sütunda 2 satıra kırılıyordu */
  letter-spacing:var(--kaya-tracking-caps);
}
[data-kaya-ui] .section h2::before{
  content:"";flex:0 0 16px;height:2px;background:var(--kaya-gold-500);
}
[data-kaya-ui] .section-head h2::before{flex-basis:16px}
[data-kaya-ui] .section-reset{color:var(--kaya-blue-600)}

/* --- P3 §8: "Gelişmiş" bölümü katlanır (varsayılan kapalı) — kaydırmayı azaltır.
   Ana geçiş anahtarları (Görünüm ve Navigasyon, Metin ve Okunabilirlik) HER ZAMAN
   açık kalır; yalnız renk yoğunluğu + kayıtlı görünümler gibi seyrek kullanılan
   ayarlar katlanır. --- */
[data-kaya-ui] details.section{border:0;padding:0;background:transparent}
[data-kaya-ui] details.section:not(.color-support) > summary{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:44px;padding:3.2px 4.8px 3.2px 0;margin:0 -4.8px 0 0;
  border-radius:var(--kaya-radius-sm);cursor:pointer;list-style:none;
}
[data-kaya-ui] details.section:not(.color-support) > summary::-webkit-details-marker{display:none}
[data-kaya-ui] details.section:not(.color-support) > summary h2{margin:0}
[data-kaya-ui] details.section:not(.color-support) > summary::after{
  content:"";flex:0 0 auto;width:8px;height:8px;
  border:2px solid var(--kaya-ink-muted);border-left:0;border-top:0;
  transform:rotate(45deg);transition:transform var(--kaya-dur-fast) var(--kaya-ease);
}
[data-kaya-ui] details.section:not(.color-support)[open] > summary::after{transform:rotate(225deg)}
[data-kaya-ui] details.section:not(.color-support)[open] > summary{margin-bottom:9.6px}
@media (prefers-reduced-motion: reduce){
  [data-kaya-ui] details.section:not(.color-support) > summary::after{transition:none}
}

/* --- Seçili profil: pirinç halka + zemin + ikon çipi döner + onay imi -- */
[data-kaya-ui] .profile{position:relative;border-color:var(--kaya-border)}
[data-kaya-ui] .profile strong{color:var(--kaya-ink)}
[data-kaya-ui] .profile small{color:var(--kaya-ink-muted)}
[data-kaya-ui] .profile[aria-pressed=true]{
  border:2px solid var(--kaya-gold-500);
  background:var(--kaya-brass-wash);
  box-shadow:none;
}
[data-kaya-ui] .profile[aria-pressed=true] .profile__icon{
  background:var(--kaya-gold-500);color:var(--kaya-navy-900);
}
[data-kaya-ui] .profile[aria-pressed=true] .profile__check{opacity:1;transform:scale(1)}

/* Switch kuralları §3.4'te tek blokta toplandı (bu katmandaki kopya kaldırıldı) */

/* --- ≥44px hedefler (WCAG 2.2 · 2.5.5 Target Size Enhanced) --------- */

[data-kaya-ui] .reset-all{
  min-height:44px;padding:9.6px 16.8px;
  border:1.5px solid var(--kaya-navy-900);border-radius:var(--kaya-radius-sm);
  background:var(--kaya-surface-0);color:var(--kaya-navy-900);
}
[data-kaya-ui] .reset-all:hover{background:var(--kaya-surface-1)}
[data-kaya-ui] .setting select,[data-kaya-ui] .reader-select{min-height:44px;border-color:var(--kaya-border-strong)}

/* --- Player: üst pirinç sinyal keyline'ı --------------------------- */
[data-kaya-ui] .player{border-top:2px solid var(--kaya-gold-500)}

/* --- Alt bar --------------------------------------------------------- */
[data-kaya-ui] .dialog-foot{background:var(--kaya-surface-0)}
[data-kaya-ui] .dot{background:var(--kaya-success)}

/* --- Tetikleyici rozeti (fener kimliği kaya-panel.css §2'de) --------- */

@media (prefers-reduced-motion: reduce){
  [data-kaya-ui] .dialog{animation:none}
  
}
@media (forced-colors: active){
  
  [data-kaya-ui] .player{border-color:CanvasText}
  
  [data-kaya-ui] .profile__icon{background:Canvas;color:CanvasText;border:1px solid CanvasText}
  [data-kaya-ui] .profile[aria-pressed=true] .profile__icon{background:Highlight;color:HighlightText;border-color:Highlight}
  [data-kaya-ui] .profile[aria-pressed=true] .profile__check{background:Highlight;color:HighlightText}
  [data-kaya-ui] .section h2::before{background:CanvasText}
}

/* --- ≥44px hedef tamamlayıcıları (WCAG 2.2 · 2.5.5) — gelişmiş alan ---- */
[data-kaya-ui] .range-control input{min-height:44px}
[data-kaya-ui] .saved-view__remove{min-width:44px}
[data-kaya-ui] .save-view-form button,
[data-kaya-ui] .saved-view button,
[data-kaya-ui] .saved-view-io button,
[data-kaya-ui] .saved-view-io>summary{min-height:44px}
[data-kaya-ui] .save-view-form input,
[data-kaya-ui] .saved-view__rename-input,
[data-kaya-ui] .view-name,
[data-kaya-ui] #view-name{min-height:44px}

/* --- Tema-döner buton/kontrol yüzeyleri (koyu panelde de AAA ≥ 7:1) --- */
[data-kaya-ui] .tool-action{background:var(--kaya-btn-bg);color:var(--kaya-btn-fg)}
[data-kaya-ui] .tool-action:hover{filter:brightness(.94)}

[data-kaya-ui] .setting select,
[data-kaya-ui] .reader-select,
[data-kaya-ui] .nav-list button,
[data-kaya-ui] .save-view-form input,
[data-kaya-ui] .save-view-form button,
[data-kaya-ui] .saved-view button,
[data-kaya-ui] .saved-view__rename-input,
[data-kaya-ui] .saved-view-io button,
[data-kaya-ui] .saved-view-io textarea,
[data-kaya-ui] #view-name{
  /* background-color (shorthand DEĞİL) — <select> özel chevron background-image'ini korur */
  background-color:var(--kaya-control-bg);
  color:var(--kaya-control-fg);
  border-color:var(--kaya-border-strong);
}
[data-kaya-ui] .saved-view__remove{color:var(--kaya-danger)!important}
[data-kaya-ui] .reader-options select{background-color:var(--kaya-surface-strong-2);color:#fff;border-color:var(--kaya-surface-strong-border);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23cddbe9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
[data-kaya-ui] .keys kbd,
[data-kaya-ui] .save-view-form input::placeholder,
[data-kaya-ui] .saved-view-io textarea::placeholder{color:var(--kaya-ink-muted)}
[data-kaya-ui] .keys kbd{background:var(--kaya-surface-2);color:var(--kaya-ink);border-color:var(--kaya-border-strong)}
[data-kaya-ui] .shortcut,[data-kaya-ui] .setting,[data-kaya-ui] .profile,
[data-kaya-ui] .tool,[data-kaya-ui] .saved-views,[data-kaya-ui] .nav-list button{background:var(--kaya-surface-1)}
[data-kaya-ui] .profile[aria-pressed=true]{background:var(--kaya-brass-wash)}

/* --- 2 sekme (Kısayollar sekmesi kaldırıldı — skip-bar ilk Tab'da gösteriyor) */

/* --- Panel sonu "Klavye kısayolları" — sekme değil, katlanır referans ---- */
[data-kaya-ui] .panel-keys{
  margin-top:20px;
  border:1px solid var(--kaya-border);
  border-radius:var(--kaya-radius-sm);
  background:var(--kaya-surface-1);
}
[data-kaya-ui] .panel-keys > summary{
  padding:9.6px 12px;min-height:44px;display:flex;align-items:center;gap:8px;
  cursor:pointer;font-size:var(--kaya-text-small);font-weight:700;
  color:var(--kaya-ink-muted);list-style:none;
}
[data-kaya-ui] .panel-keys > summary::-webkit-details-marker{display:none}
[data-kaya-ui] .panel-keys > summary::before{  /* sinyal tırnağı — panel diliyle aynı */
  content:"";flex:0 0 16px;height:2px;background:var(--kaya-gold-500);
}
[data-kaya-ui] .panel-keys[open] > summary{border-bottom:1px solid var(--kaya-border)}
[data-kaya-ui] .panel-keys > .intro{margin:0;padding:10.4px 12.8px 3.2px;font-size:var(--kaya-text-small)}
[data-kaya-ui] .panel-keys > .shortcuts{padding:6.4px 12.8px 3.2px}
[data-kaya-ui] .panel-keys .shortcut{background:var(--kaya-surface-0)}
[data-kaya-ui] .panel-keys > .setting{margin:6.4px 12.8px 11.2px}

/* =========================================================================
   4. YOĞUNLUK — daha kompakt, akıcı panel. Hedefler ≥44px kalır (2.5.5 AAA),
   renk/kontrast değişmez; yalnız boşluk, satır yüksekliği ve panel genişliği düşer.
   ========================================================================= */
[data-kaya-ui]{line-height:1.5}
[data-kaya-ui] .dialog{width:min(432px,calc(100vw - 24px));border-radius:var(--kaya-radius-lg)}

[data-kaya-ui] .dialog-title{font-size:var(--kaya-text-h1)}
[data-kaya-ui] .subtitle{font-size:var(--kaya-text-tiny)}

[data-kaya-ui] .dialog-body{padding:12px 14.4px 70.4px}
[data-kaya-ui] .intro{margin:0 0 10.4px;font-size:var(--kaya-text-body)}
[data-kaya-ui] .section{margin:13.6px 0}
[data-kaya-ui] .section h2{margin-bottom:8px}
[data-kaya-ui] .section-head{margin-bottom:8px}
[data-kaya-ui] .settings{gap:6.08px}
[data-kaya-ui] .setting{min-height:46px;padding:8px 10.4px;gap:12px}
[data-kaya-ui] .setting-copy strong{font-size:var(--kaya-text-body)}
[data-kaya-ui] .setting-copy small{font-size:var(--kaya-text-small);line-height:1.4}

[data-kaya-ui] .profile{min-height:56px;padding:8.8px 9.92px}
[data-kaya-ui] .shortcuts{gap:6.4px}
[data-kaya-ui] .shortcut{padding:8.8px 10.4px}
[data-kaya-ui] .tool{margin-top:8px;padding:12px}
[data-kaya-ui] .tool p{margin:3.2px 0 8.8px}
[data-kaya-ui] .player{padding:12.8px;gap:8.8px;border-radius:var(--kaya-radius-md)}
[data-kaya-ui] .reader-controls{gap:5.6px}
[data-kaya-ui] .dialog-foot{padding:8.8px 14.4px}
[data-kaya-ui] .saved-views{padding:12.8px}

[data-kaya-ui] .panel-keys,[data-kaya-ui] .kaya-scope{margin-top:14.4px}
@media (max-width:760px){
  [data-kaya-ui] .dialog{width:100%}
}

/* =========================================================================
   5. BUTON SİSTEMİ — "kabartılmış tuş" görünümü + Sesli Okuma hızlı erişimi.
   WCAG 2.2 AAA korunur: dolgu/metin çiftleri --kaya-btn-* (≥7:1), tüm hedefler
   ≥44px, forced-colors'ta gölge kapalı, reduced-motion'da geçiş/transform yok.
   ========================================================================= */

/* --- Sesli Okuma hızlı erişimi (Kişiselleştirme sekmesi üstünde) ------- */
[data-kaya-ui] .reader-quick{
  display:flex;align-items:center;gap:12px;
  margin:0 0 14.4px;padding:9.6px 10.4px;
  border:1px solid var(--kaya-border);border-radius:var(--kaya-radius-md);
  background:var(--kaya-surface-1);
}
[data-kaya-ui] .reader-quick__btn{
  display:inline-flex;align-items:center;gap:8px;flex-shrink:0;
  min-height:44px;padding:9.6px 16.8px;
  border:0;border-left:4px solid var(--kaya-gold-500);border-radius:var(--kaya-radius-sm);
  background:var(--kaya-btn-bg);color:var(--kaya-btn-fg);
  font-weight:800;font-size:var(--kaya-text-body);cursor:pointer;
  box-shadow:0 1px 0 rgb(255 255 255 / 18%) inset, 0 3px 8px rgb(10 27 48 / 30%);
  transition:filter var(--kaya-dur-fast) var(--kaya-ease),transform var(--kaya-dur-fast) var(--kaya-ease),box-shadow var(--kaya-dur-fast) var(--kaya-ease);
}
[data-kaya-ui] .reader-quick__btn svg{width:18px;height:18px;flex-shrink:0}
[data-kaya-ui] .reader-quick__btn:hover{filter:brightness(1.07)}
[data-kaya-ui] .reader-quick__btn:active{transform:translateY(1px);box-shadow:0 1px 3px rgb(10 27 48 / 30%)}
[data-kaya-ui] .reader-quick__btn.is-active{
  background:var(--kaya-surface-strong);color:var(--kaya-on-strong);
  border-left-color:var(--kaya-gold-500);
}
[data-kaya-ui] .reader-quick__status{font-size:var(--kaya-text-small);line-height:1.35;color:var(--kaya-ink-muted)}

/* --- Birincil dolu butonlar --------------------------------------------- */
[data-kaya-ui] .tool-action,
[data-kaya-ui] #profile-preview-apply{
  border:0;border-radius:var(--kaya-radius-sm);font-weight:800;letter-spacing:.004em;
  background:var(--kaya-btn-bg);color:var(--kaya-btn-fg);
  box-shadow:0 1px 0 rgb(255 255 255 / 18%) inset, 0 3px 8px rgb(10 27 48 / 26%);
  transition:filter var(--kaya-dur-fast) var(--kaya-ease),transform var(--kaya-dur-fast) var(--kaya-ease),box-shadow var(--kaya-dur-fast) var(--kaya-ease);
}
[data-kaya-ui] .tool-action:hover,
[data-kaya-ui] #profile-preview-apply:hover{filter:brightness(1.07)}
[data-kaya-ui] .tool-action:active,
[data-kaya-ui] #profile-preview-apply:active{transform:translateY(1px);box-shadow:0 1px 3px rgb(10 27 48 / 30%)}

/* --- İkincil / anahat butonlar --------------------------------------- */
[data-kaya-ui] .reset-all,
[data-kaya-ui] #profile-preview-cancel,
[data-kaya-ui] #save-view,
[data-kaya-ui] .saved-view-io button{
  min-height:44px;
  border:1.5px solid var(--kaya-navy-900);border-radius:var(--kaya-radius-sm);font-weight:800;
  background:var(--kaya-control-bg);color:var(--kaya-navy-900);
  box-shadow:0 1px 4px rgb(10 27 48 / 10%);
  transition:background var(--kaya-dur-fast) var(--kaya-ease),transform var(--kaya-dur-fast) var(--kaya-ease);
}
[data-kaya-ui] .reset-all:hover,
[data-kaya-ui] #profile-preview-cancel:hover,
[data-kaya-ui] #save-view:hover,
[data-kaya-ui] .saved-view-io button:hover{background:var(--kaya-surface-1)}
[data-kaya-ui] .reset-all:active,
[data-kaya-ui] #profile-preview-cancel:active,
[data-kaya-ui] #save-view:active{transform:translateY(1px)}

/* --- Player transport düğmeleri — belirgin daire, play = fener ------- */
[data-kaya-ui] .reader-controls button{box-shadow:0 2px 6px rgb(0 0 0 / 26%);transition:transform var(--kaya-dur-fast) var(--kaya-ease)}
[data-kaya-ui] .reader-controls button:active{transform:translateY(1px)}
[data-kaya-ui] .reader-controls .play{
  width:52px;height:52px;
  box-shadow:0 0 0 4px rgb(164 116 15 / 22%), 0 3px 10px rgb(0 0 0 / 34%);
}

/* --- Profil kartları — hover kaldırma; seçili halka §3'te ------------- */
[data-kaya-ui] .profile{transition:border-color var(--kaya-dur-fast) var(--kaya-ease),box-shadow var(--kaya-dur-fast) var(--kaya-ease),transform var(--kaya-dur-fast) var(--kaya-ease)}
[data-kaya-ui] .profile:hover{border-color:var(--kaya-border-strong);box-shadow:0 2px 8px rgb(10 27 48 / 10%)}
[data-kaya-ui] .profile:active{transform:translateY(1px)}

/* --- "Bölümü sıfırla" metin bağlantısı — dokunulabilir alan ---------- */
[data-kaya-ui] .section-reset{padding:5.6px 7.2px;border-radius:var(--kaya-radius-sm)}
[data-kaya-ui] .section-reset:hover{background:var(--kaya-surface-2)}

@media (prefers-reduced-motion:reduce){
  [data-kaya-ui] .tool-action,[data-kaya-ui] #profile-preview-apply,[data-kaya-ui] .reset-all,
  [data-kaya-ui] #profile-preview-cancel,[data-kaya-ui] #save-view,[data-kaya-ui] .saved-view-io button,
  [data-kaya-ui] .profile,[data-kaya-ui] .reader-controls button,[data-kaya-ui] .reader-quick__btn{transition:none}
  [data-kaya-ui] .tool-action:active,[data-kaya-ui] #profile-preview-apply:active,[data-kaya-ui] .reset-all:active,
  [data-kaya-ui] #profile-preview-cancel:active,[data-kaya-ui] #save-view:active,[data-kaya-ui] .profile:active,
  [data-kaya-ui] .reader-controls button:active,[data-kaya-ui] .reader-quick__btn:active{transform:none}
}
@media (forced-colors:active){
  [data-kaya-ui] .tool-action,[data-kaya-ui] #profile-preview-apply,[data-kaya-ui] .reset-all,
  [data-kaya-ui] #profile-preview-cancel,[data-kaya-ui] #save-view,[data-kaya-ui] .saved-view-io button,
  [data-kaya-ui] .reader-quick__btn,[data-kaya-ui] .reader-controls button,[data-kaya-ui] .profile{box-shadow:none}
  [data-kaya-ui] .reader-controls .play{box-shadow:0 0 0 2px CanvasText}
}
/* Color support remains readable independently of the selected page filter. */
[data-kaya-ui] .color-support{border:2px solid var(--kaya-border-strong);border-radius:var(--kaya-radius-lg);padding:16px;scroll-margin-block:16px}
[data-kaya-ui] .color-support .section-head{align-items:flex-start;flex-wrap:wrap;gap:8px}
[data-kaya-ui] .color-support .section-head h2{margin:0}
[data-kaya-ui] .color-support .setting{padding:10px;margin-block:8px}
[data-kaya-ui] .color-support select{width:100%;max-width:100%;min-width:0;min-height:44px}
[data-kaya-ui] .color-support .range-control{width:100%;min-width:0}
[data-kaya-ui] .color-support input[type=range]{min-width:0;min-height:44px;flex:1}
[data-kaya-ui] .color-help{margin-block:12px;background:var(--kaya-surface-1);border-radius:8px;padding:10px 12px}
[data-kaya-ui] .color-help summary{font-weight:650;cursor:pointer;min-height:32px;align-content:center}
[data-kaya-ui] .color-help p,[data-kaya-ui] #color-filter-status,[data-kaya-ui] .color-preview-note{font-size:13px;line-height:1.55;color:var(--kaya-ink-muted)}
[data-kaya-ui] .color-preview{margin-block:12px}
[data-kaya-ui] .color-preview h3{font-size:14px;margin:0 0 10px}
[data-kaya-ui] .color-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
[data-kaya-ui] .color-preview figure{margin:0;min-width:0;border:1px solid var(--kaya-border-strong);border-radius:10px;overflow:hidden}
[data-kaya-ui] .color-preview figcaption{padding:8px 10px;background:var(--kaya-surface-2);font-weight:650;font-size:13px}
[data-kaya-ui] .color-preview-content{padding:10px;background:#fff;color:#142337}
[data-kaya-ui] .color-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 5px}
[data-kaya-ui] .color-sample{display:grid;justify-items:center;gap:4px;font-size:12px;line-height:1.4}
[data-kaya-ui] .color-swatch{width:100%;height:34px;border:1px solid #142337;border-radius:5px;display:grid;place-items:center;background:var(--sample-color)}
[data-kaya-ui] .color-swatch b{display:grid;place-items:center;width:22px;height:22px;background:#fff;color:#142337;border:1px solid #142337;border-radius:50%;font-size:15px;line-height:1}
[data-kaya-ui] .color-swatch--red{--sample-color:#cf4040}
[data-kaya-ui] .color-swatch--green{--sample-color:#399152}
[data-kaya-ui] .color-swatch--blue{--sample-color:#367dd1}
[data-kaya-ui] .color-swatch--yellow{--sample-color:#e9c848}
[data-kaya-ui] .color-swatch--purple{--sample-color:#9261bb}
[data-kaya-ui] .color-swatch--orange{--sample-color:#db822c}
[data-kaya-ui] .color-status-samples{display:grid;gap:5px;margin-top:12px;font-size:12px}
[data-kaya-ui] .color-status-samples span{padding:5px;border:1px solid #142337;border-inline-start:5px solid #399152;border-radius:3px}
[data-kaya-ui] .color-status-samples span:nth-child(2){border-inline-start-color:#db822c;border-inline-start-style:double}
[data-kaya-ui] .color-status-samples span:nth-child(3){border-inline-start-color:#cf4040;border-inline-start-style:dashed}
[data-kaya-ui] .color-actions{display:flex;flex-wrap:wrap;gap:8px}
[data-kaya-ui] .color-actions button{min-height:44px;padding:8px 12px;white-space:normal;text-align:start;border:1px solid var(--kaya-border-strong);border-radius:8px;background:var(--kaya-control-bg);color:var(--kaya-control-fg);font:inherit;font-size:13px;cursor:pointer}
[data-kaya-ui] .color-actions button[aria-pressed=true]{outline:3px double currentColor;outline-offset:2px}
[data-kaya-ui] .color-actions button:disabled{opacity:.6;cursor:default}
@media(max-width:380px){[data-kaya-ui] .color-support{padding:10px}[data-kaya-ui] .color-preview-grid{gap:6px}[data-kaya-ui] .color-preview-content{padding:6px}[data-kaya-ui] .color-samples{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(forced-colors:active){[data-kaya-ui] .color-preview-content{filter:none!important;background:Canvas;color:CanvasText}[data-kaya-ui] .color-swatch,[data-kaya-ui] .color-swatch b,[data-kaya-ui] .color-status-samples span{border-color:CanvasText;background:Canvas;color:CanvasText}}

/* Color settings use the same profile card, expanding below it. */

[data-kaya-ui] .color-support > summary.profile{list-style:none;margin:0}
[data-kaya-ui] .color-support > summary.profile::-webkit-details-marker{display:none}
[data-kaya-ui] .color-support .color-when-open{display:none}
[data-kaya-ui] .color-support[open] .color-when-open{display:inline}
[data-kaya-ui] .color-support[open] .color-when-closed{display:none}
[data-kaya-ui] .color-support[open] > .profile{border:2px solid var(--kaya-gold-500);background:var(--kaya-brass-wash);box-shadow:none}
[data-kaya-ui] .color-support[open] > .profile .profile__icon{background:var(--kaya-gold-500);color:var(--kaya-navy-900)}
[data-kaya-ui] .color-support[open] > .profile .profile__check{opacity:1;transform:scale(1)}
[data-kaya-ui] .color-support-body{margin-top:8px;padding:12px;background:var(--kaya-surface-0);border:1px solid var(--kaya-border-strong);border-radius:var(--kaya-radius-md)}
[data-kaya-ui] .color-support-body > .section-head{justify-content:flex-end}
@media(forced-colors:active){[data-kaya-ui] .color-support[open] > .profile{border-color:Highlight;background:Canvas}[data-kaya-ui] .color-support[open] > .profile .profile__icon,[data-kaya-ui] .color-support[open] > .profile .profile__check{background:Highlight;color:HighlightText}}

/* Use OS control colors together: mixed author/system pairs hide labels/icons. */
@media(forced-colors:active){
  [data-kaya-ui] :is(button,input,select,textarea,summary){color:ButtonText!important;background:ButtonFace!important;border-color:ButtonText!important;box-shadow:none!important;filter:none!important}
  [data-kaya-ui] :is(button,summary) svg{color:inherit!important}
  [data-kaya-ui] .reader-options select{background-image:none;appearance:auto}
  [data-kaya-ui] :is(.profile[aria-pressed=true],.color-support[open] > .profile,[role=radio][aria-checked=true]){outline:2px solid Highlight;outline-offset:2px}
  [data-kaya-ui] :focus-visible{outline:3px solid Highlight!important;outline-offset:3px!important}
}
[data-kaya-ui] #saved-view-edit-error{grid-column:1 / -1;color:var(--kaya-danger);font-size:var(--kaya-text-small)}
[data-kaya-ui] #saved-view-feedback:empty{display:none}

/* KAYA Software branding — panel başlığı marka içermez; alt bilgideki
   "tarafından geliştirildi" satırı kayasoftsystems.com'a giden belirgin bir
   bağlantıdır (odak tuzağına dahil: <a href> zaten FOCUSABLE listesinde). */

[data-kaya-ui] .kaya-brand-mark{display:block;flex-shrink:0;width:104px;padding:4px 6px;background:transparent;border-radius:4px}
[data-kaya-ui] .kaya-wordmark{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
[data-kaya-ui] .dialog-body{flex:1 1 auto;padding-bottom:16px}
[data-kaya-ui] .dialog-foot{position:static;display:flex;flex-direction:column;align-items:stretch;flex-shrink:0;gap:7.2px}
[data-kaya-ui] .kaya-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
[data-kaya-ui] .kaya-brand-credit{
  display:flex;align-items:center;justify-content:center;gap:8px;
  border-top:1px solid var(--kaya-border);padding-top:8px;
  color:var(--kaya-gold-text);font-size:12px;font-weight:800;line-height:1.4;
  text-decoration:none;border-radius:var(--kaya-radius-sm);cursor:pointer;
  transition:color var(--kaya-dur-fast) var(--kaya-ease);
}
[data-kaya-ui] .kaya-brand-credit span:last-of-type{text-decoration:underline;text-underline-offset:3px}
[data-kaya-ui] .kaya-brand-credit svg{width:13px;height:13px;flex-shrink:0}
[data-kaya-ui] .kaya-brand-credit:hover{color:var(--kaya-navy-900)}
[data-kaya-ui] .kaya-brand-credit:focus-visible{outline:3px solid var(--kaya-gold-500);outline-offset:2px}
[data-kaya-ui] .kaya-brand-mark--small{width:58px;padding:3px 4px}
@media (forced-colors:active){
  [data-kaya-ui] .kaya-brand-mark{forced-color-adjust:none}
  [data-kaya-ui] .kaya-brand-credit{color:LinkText}
  [data-kaya-ui] .kaya-brand-credit:focus-visible{outline-color:Highlight}
}

/* Visible edge tab for middle positions; corner positions remain configurable. */
[data-kaya-ui][data-kaya-trigger-pos^="middle"] .trigger-wrap{
  --kaya-trigger-gap:0px;top:50%;bottom:auto;transform:translateY(-50%);
}
[data-kaya-ui][data-kaya-trigger-pos^="middle"] .trigger-wrap .trigger{
  position:relative;width:72px;height:72px;flex-basis:72px;
  background:#d4ad20;color:#0a1b30;border-radius:0;
  box-shadow:0 5px 20px rgb(10 27 48 / 24%);
}
[data-kaya-ui][data-kaya-trigger-pos="middle-right"] .trigger-wrap .trigger{
  border-start-start-radius:999px;border-end-start-radius:999px;
}
[data-kaya-ui][data-kaya-trigger-pos="middle-left"] .trigger-wrap .trigger{
  border-start-end-radius:999px;border-end-end-radius:999px;
}
[data-kaya-ui][data-kaya-trigger-pos^="middle"] .trigger-wrap .trigger svg{width:32px;height:32px}
[data-kaya-ui][data-kaya-trigger-pos^="middle"] .trigger-wrap::after{display:none}
[data-kaya-ui][data-kaya-trigger-pos^="middle"] .trigger:hover{background:#e4bd30}
[data-kaya-ui][data-kaya-trigger-pos^="middle"] .trigger:focus-visible{outline:3px solid #0a1b30;outline-offset:-6px}
[data-kaya-ui] .trigger-flag{white-space:normal;width:max-content}
[data-kaya-ui] .trigger-wrap:is(:hover,:focus-within,[data-kaya-intro]) .trigger-flag{max-width:min(260px,calc(100vw - 96px))}
@media(max-width:760px){
  [data-kaya-ui][data-kaya-trigger-pos^="middle"] .trigger-wrap .trigger{width:64px;height:64px;flex-basis:64px}
}
@media(forced-colors:active){
  [data-kaya-ui][data-kaya-trigger-pos^="middle"] .trigger-wrap .trigger{background:ButtonFace;color:ButtonText;border:2px solid ButtonText}
  [data-kaya-ui][data-kaya-trigger-pos^="middle"] .trigger:focus-visible{outline-color:Highlight}
}

/* =========================================================================
   Yön B — Sekmeli liste cilası: gruplu ayar kartları, marka renkli anahtar,
   başlıkta kısayol, katlanır profil listesi.
   ========================================================================= */
[data-kaya-ui] .settings{gap:0;border:1px solid var(--kaya-border);border-radius:var(--kaya-radius-md);background:var(--kaya-surface-0);overflow:hidden}
[data-kaya-ui] .settings > .setting{border:0;border-radius:0;border-bottom:1px solid var(--kaya-border);background:transparent}
[data-kaya-ui] .settings > .setting:last-child{border-bottom:0}

[data-kaya-ui] .switch[aria-checked="true"]{border-color:var(--kaya-surface-strong);background:var(--kaya-surface-strong)}
[data-kaya-ui] .switch[aria-checked="true"]::after{background:var(--kaya-brass-lite);box-shadow:0 0 0 1px var(--kaya-surface-strong)}

[data-kaya-ui] .reader-quick__btn{background:var(--kaya-surface-strong);color:var(--kaya-brass-lite);border-left:0}

[data-kaya-ui] .subtitle{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
[data-kaya-ui] .subtitle-kbd{font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--kaya-on-strong);border:1px solid rgb(255 255 255 / 32%);border-radius:6px;padding:1px 6px}

@media (forced-colors:active){
  [data-kaya-ui] .switch[aria-checked="true"]{background:Highlight;border-color:Highlight}
  [data-kaya-ui] .switch[aria-checked="true"]::after{background:HighlightText;box-shadow:none}
  [data-kaya-ui] .subtitle-kbd{border-color:CanvasText;color:CanvasText}
  [data-kaya-ui] .reader-quick__btn{background:ButtonFace;color:ButtonText;border:2px solid ButtonText}
}

/* =========================================================================
   Site entegrasyonu (kayasoftweb ile birebir): bottom-right beacon için alt
   ofset (sohbet/WhatsApp düğmesine yer bırakır) ve dar ekran düzeltmeleri.
   ========================================================================= */
[data-kaya-ui][data-kaya-trigger-pos="bottom-right"] .trigger-wrap{
  bottom:max(88px, calc(env(safe-area-inset-bottom, 0px) + 88px));
}
@media (max-width:760px){
  /* Dekoratif etiket şeridi dar ekranda hiçbir durumda açılmaz: 390px'te 260px'lik
     sabit şerit form alanlarını örtüyordu. Tetikleyici, aria-label ve ≥44px
     dokunma alanı aynen kalır. */
  [data-kaya-ui] .trigger-wrap .trigger-flag,
  [data-kaya-ui] .trigger-wrap:is(:hover,:focus-within,[data-kaya-intro]) .trigger-flag{
    max-width:0;padding:0;border:0;opacity:0;pointer-events:none;
  }
  /* Sarmalayıcının boş şeridi dokunmayı yutmasın; yalnız düğme tıklanır. */
  [data-kaya-ui] .trigger-wrap{pointer-events:none}
  [data-kaya-ui] .trigger-wrap .trigger{pointer-events:auto}
}

/* ---- kaya-fener.css ---- */
/* =========================================================================
   KAYA paneli — "DENİZ" tasarımı (tek tema, koyu/açık geçişi yok)
   Yükleme: kaya-reset → kaya-tokens → kaya-panel → kaya-fener → kaya-host
   Tetikleyici düğmeye DOKUNMAZ: her zaman KAYA altını.
   Palet: abyss #041f2e · deep #06344a · sea #0b5e7e · teal #0b7f92 ·
          aqua #7fd4e0 · foam #f3fafb · mist #e3f2f5 · kum/altın #e4b43a
   ========================================================================= */

[data-kaya-ui] .dialog.fx {
  --d-abyss: #041f2e;
  --d-deep: #06344a;
  --d-sea: #0b5e7e;
  --d-teal: #0b7f92;
  --d-aqua: #7fd4e0;
  --d-aqua-soft: #c3dfe7;
  --d-foam: #f3fafb;
  --d-mist: #e3f2f5;
  --d-shell: #ffffff;
  --d-line: #cfe3e9;
  --d-line-strong: #4f7c8c;
  --d-ink: #062433;
  --d-muted: #3b5866;
  --d-gold: #e4b43a;
  --d-gold-ink: #7a5a0c;

  inset: 12px 12px 12px auto;
  width: min(452px, calc(100vw - 24px));
  display: flex; flex-direction: column;
  overflow: hidden;
  border: 0; border-radius: 26px;
  background: var(--d-foam);
  box-shadow: 0 34px 90px rgb(4 31 46 / 38%), 0 0 0 1px rgb(6 52 74 / 12%);
  color: var(--d-ink);
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  animation: d-in 260ms cubic-bezier(.2,.8,.2,1) both;
}
@keyframes d-in { from { opacity: 0; transform: translateX(18px); } }
[data-kaya-ui] .dialog.fx > * { flex-shrink: 0; }
[data-kaya-ui] .dialog.fx .fx-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scroll-padding-top: 96px; scroll-padding-bottom: 12px; display: flex; flex-direction: column; }
[data-kaya-ui] .dialog.fx .fx-scroll > * { flex-shrink: 0; }

/* ---- Başlık: derin deniz, alt kenarda dalga -------------------------- */
[data-kaya-ui] .dialog.fx .fx-head {
  position: relative;
  display: grid; gap: 10px;
  padding: 14px 16px 34px;
  background:
    radial-gradient(90% 120% at 100% 0%, rgb(127 212 224 / 28%), transparent 60%),
    radial-gradient(60% 80% at 0% 100%, rgb(11 127 146 / 45%), transparent 70%),
    linear-gradient(160deg, var(--d-deep) 0%, #0a4560 100%);
  color: #fff;
  border: 0;
}
[data-kaya-ui] .dialog.fx .fx-head::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 26px; top: auto; width: auto;
  background: var(--d-foam);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 452 26' preserveAspectRatio='none'%3E%3Cpath d='M0 14 C 60 2 110 2 170 12 S 290 26 350 14 S 420 4 452 10 L452 26 L0 26Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 452 26' preserveAspectRatio='none'%3E%3Cpath d='M0 14 C 60 2 110 2 170 12 S 290 26 350 14 S 420 4 452 10 L452 26 L0 26Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  transform: none; animation: none;
}
[data-kaya-ui] .dialog.fx .fx-head__row { display: flex; align-items: center; gap: 14px; }
[data-kaya-ui] .dialog.fx .fx-coin {
  display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 14px;
  background: linear-gradient(145deg, #f3cf62, #c8921d);
  color: var(--d-abyss);
  box-shadow: 0 8px 20px rgb(0 0 0 / 25%), inset 0 1px 0 rgb(255 255 255 / 45%);
}
[data-kaya-ui] .dialog.fx .fx-coin svg { width: 21px; height: 21px; }
[data-kaya-ui] .dialog.fx .fx-titles { display: grid; gap: 3px; min-width: 0; margin-inline-end: auto; }
[data-kaya-ui] .dialog.fx .dialog-title { margin: 0; color: #fff; font-size: 20px; font-weight: 800; letter-spacing: -.015em; line-height: 1.15; }
[data-kaya-ui] .dialog.fx .subtitle { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; color: var(--d-aqua-soft); font-size: 13.5px; }
[data-kaya-ui] .dialog.fx .subtitle-kbd {
  padding: 1px 7px; border-radius: 6px; border: 1px solid rgb(127 212 224 / 45%);
  background: rgb(127 212 224 / 12%); color: #e8f7fa; font: 700 11px/1.5 ui-monospace, Consolas, monospace;
}
[data-kaya-ui] .dialog.fx .close {
  display: grid; place-items: center; width: 44px; height: 44px; min-height: 44px; padding: 0; flex: none;
  border: 0; border-radius: 14px; background: rgb(255 255 255 / 12%); color: #fff;
}
[data-kaya-ui] .dialog.fx .close span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
[data-kaya-ui] .dialog.fx .close svg { width: 20px; height: 20px; }
[data-kaya-ui] .dialog.fx .close:hover { background: rgb(255 255 255 / 22%); }
[data-kaya-ui] .dialog.fx .fx-head :focus-visible { outline: 3px solid var(--d-aqua); outline-offset: 2px; box-shadow: none; }

/* ---- Görünüm aynası ---------------------------------------------------- */

/* Ayna, sayfaya uygulanan tercihleri kök özniteliklerinden okur (JS yok). */

/* ---- Açık ayarlar çipi + liste ------------------------------------------ */
[data-kaya-ui] .dialog.fx .fx-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

[data-kaya-ui] .dialog.fx button.fx-status {
  justify-self: start; display: inline-flex; align-items: center; gap: 8px;
  min-height: 38px; padding: 0 14px 0 12px; border-radius: 999px;
  border: 1px solid rgb(127 212 224 / 50%); background: rgb(4 31 46 / 30%);
  color: #e8f7fa; font-size: 13.5px; font-weight: 700; cursor: pointer;
}
[data-kaya-ui] .dialog.fx button.fx-status:hover { background: rgb(4 31 46 / 45%); }
[data-kaya-ui] .dialog.fx .fx-status .dot { width: 9px; height: 9px; border-radius: 50%; box-shadow: inset 0 0 0 2px var(--d-aqua-soft); background: transparent; }
[data-kaya-ui]:has(#badge:not([hidden])) .dialog.fx .fx-status .dot { background: var(--d-gold); box-shadow: 0 0 0 3px rgb(228 180 58 / 30%); }
[data-kaya-ui]:has(#badge:not([hidden])) .dialog.fx button.fx-status { border-color: rgb(228 180 58 / 70%); color: #fff; }
[data-kaya-ui] .dialog.fx .fx-status__chev { width: 7px; height: 7px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg) translateY(-2px); }
[data-kaya-ui] .dialog.fx .fx-status[aria-expanded="true"] .fx-status__chev { transform: rotate(225deg) translateY(-1px); }
[data-kaya-ui] .dialog.fx .fx-active { margin-top: -4px; }
[data-kaya-ui] .dialog.fx .fx-active__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
[data-kaya-ui] .dialog.fx .fx-active__item {
  display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 6px 0 12px;
  border: 1px solid rgb(127 212 224 / 40%); border-radius: 999px;
  background: rgb(255 255 255 / 10%); color: #fff; font-size: 13px; font-weight: 650; cursor: pointer;
}
[data-kaya-ui] .dialog.fx .fx-active__item:hover { background: rgb(255 255 255 / 18%); }
[data-kaya-ui] .dialog.fx .fx-active__item:focus-visible { outline: 3px solid var(--d-aqua); outline-offset: 2px; }
[data-kaya-ui] .dialog.fx .fx-active__x { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--d-gold); color: var(--d-abyss); font-size: 15px; font-weight: 800; line-height: 1; }
[data-kaya-ui] .dialog.fx .fx-active__empty { color: var(--d-aqua-soft); font-size: 13px; }

/* ---- Fiil sekmeleri: başlığın üstüne binen yüzen şerit ------------------- */

/* ---- Gövde ------------------------------------------------------------- */
[data-kaya-ui] .dialog.fx .dialog-body { overflow: visible; min-height: auto; flex: 1 0 auto; display: grid; gap: 16px; align-content: start; padding: 22px 16px 22px; background: transparent; }
[data-kaya-ui] .dialog.fx .fx-listen .reader-quick {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0;
  padding: 10px 12px; border-radius: 18px; border: 0;
  background: var(--d-shell); box-shadow: 0 0 0 1px var(--d-line);
}
[data-kaya-ui] .dialog.fx .fx-listen .reader-quick__btn {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px 0 12px;
  border: 0; border-radius: 999px; background: var(--d-sea); color: #fff; font-size: 15px; font-weight: 750; cursor: pointer;
}
[data-kaya-ui] .dialog.fx .fx-listen .reader-quick__btn svg { width: 18px; height: 18px; color: var(--d-gold); }
[data-kaya-ui] .dialog.fx .fx-listen .reader-quick__btn[aria-pressed="true"] { background: var(--d-deep); }
[data-kaya-ui] .dialog.fx .fx-listen .reader-quick__status { flex: 1 1 140px; color: var(--d-muted); font-size: 13.5px; }

/* ---- Güç kadranı: seviye yükseldikçe dolan dört kule --------------------- */

/* ---- "Bu güç şunları açar": hap etiketler -------------------------------- */

/* ---- Bloklar ------------------------------------------------------------ */
[data-kaya-ui] .dialog.fx .fx-block { display: grid; gap: 10px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }

/* İnce ayar: tek beyaz kart, satırlar ayraçlı */

/* Anahtar: deniz rengi hat, altın topuz */
[data-kaya-ui] .dialog.fx .switch { border-color: var(--d-line-strong); background: var(--d-mist); }
[data-kaya-ui] .dialog.fx .switch[aria-checked="true"] { border-color: var(--d-sea); background: var(--d-sea); }
[data-kaya-ui] .dialog.fx .switch[aria-checked="true"]::after { background: var(--d-gold); box-shadow: 0 1px 3px rgb(4 31 46 / 40%); }
/* Segment kontroller */
[data-kaya-ui] .dialog.fx .segmented { background: var(--d-mist); border-color: var(--d-line); border-radius: 14px; }
[data-kaya-ui] .dialog.fx .segmented [role="radio"] { border-radius: 10px; color: var(--d-muted); }
[data-kaya-ui] .dialog.fx .segmented [role="radio"][aria-checked="true"] { background: var(--d-sea); color: #fff; box-shadow: 0 4px 10px rgb(6 52 74 / 25%); }
/* Adımlayıcı ve açılır liste */

[data-kaya-ui] .dialog.fx .setting select, [data-kaya-ui] .dialog.fx .reader-select { border-radius: 12px; border-color: var(--d-line-strong); background-color: #fff; color: var(--d-ink); }

/* Renk desteği kartı, sesli okuma, gezginler */
[data-kaya-ui] .dialog.fx .fx-block .color-support { margin: 0; border-radius: 20px; background: var(--d-shell); box-shadow: 0 0 0 1px var(--d-line); }
[data-kaya-ui] .dialog.fx .fx-block .color-support > summary { border-radius: 20px; }
[data-kaya-ui] .dialog.fx .fx-block .profile__icon { background: var(--d-mist); color: var(--d-sea); border-radius: 12px; }
[data-kaya-ui] .dialog.fx .fx-reader .reader-quick { margin: 0; border-radius: 18px; }
[data-kaya-ui] .dialog.fx .fx-reader .player { margin: 0; border-radius: 20px; background: linear-gradient(160deg, var(--d-deep), #0a4560); border: 0; }
[data-kaya-ui] .dialog.fx .fx-reader .player .play { background: var(--d-gold); color: var(--d-abyss); }
[data-kaya-ui] .dialog.fx .fx-reader .tool,
[data-kaya-ui] .dialog.fx .fx-nav .tool { margin: 0; border-radius: 20px; background: var(--d-shell); border: 0; box-shadow: 0 0 0 1px var(--d-line); }
[data-kaya-ui] .dialog.fx .tool-action { border-radius: 12px; background: var(--d-sea); color: #fff; border-color: var(--d-sea); }
[data-kaya-ui] .dialog.fx .tool-action:hover { background: var(--d-deep); }
[data-kaya-ui] .dialog.fx .fx-nav { gap: 8px; }
[data-kaya-ui] .dialog.fx .fx-nav .tool { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; padding: 12px 14px; }
[data-kaya-ui] .dialog.fx .fx-nav .tool h3 { margin: 0; font-size: 15.5px; color: var(--d-ink); grid-column: 1; }
[data-kaya-ui] .dialog.fx .fx-nav .tool p { margin: 0; font-size: 13px; color: var(--d-muted); grid-column: 1; }
[data-kaya-ui] .dialog.fx .fx-nav .tool .tool-action { grid-column: 2; grid-row: 1 / span 2; margin: 0; white-space: nowrap; }
[data-kaya-ui] .dialog.fx .fx-nav .tool .nav-list { grid-column: 1 / -1; }

/* ---- Katlanır ek bölümler ---------------------------------------------- */
[data-kaya-ui] .dialog.fx details.fx-fold { margin: 0; padding: 0; border: 0; border-radius: 18px; background: var(--d-shell); box-shadow: 0 0 0 1px var(--d-line); }
[data-kaya-ui] .dialog.fx details.fx-fold > summary {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  width: 100%; min-height: 54px; margin: 0; padding: 0 18px; cursor: pointer; list-style: none;
  background: none; border: 0; box-shadow: none; text-align: start;
  font-size: 14.5px; font-weight: 750; letter-spacing: 0; text-transform: none; color: var(--d-ink);
}
[data-kaya-ui] .dialog.fx details.fx-fold > summary::-webkit-details-marker { display: none; }
[data-kaya-ui] .dialog.fx details.fx-fold > summary::before { display: none; content: none; }
[data-kaya-ui] .dialog.fx details.fx-fold > summary h2 { margin: 0; font: inherit; letter-spacing: 0; text-transform: none; color: inherit; }
[data-kaya-ui] .dialog.fx details.fx-fold > summary h2::before { display: none; }
[data-kaya-ui] .dialog.fx details.fx-fold > summary::after {
  content: ""; width: 9px; height: 9px; border: solid var(--d-teal); border-width: 0 2.5px 2.5px 0;
  transform: rotate(45deg) translateY(-2px); transition: transform 160ms ease;
}
[data-kaya-ui] .dialog.fx details.fx-fold[open] > summary::after { transform: rotate(225deg) translateY(-2px); }
[data-kaya-ui] .dialog.fx details.fx-fold[open] { padding-bottom: 14px; }
[data-kaya-ui] .dialog.fx details.fx-fold > :not(summary) { margin-inline: 18px; }
[data-kaya-ui] .dialog.fx details.fx-fold > p, [data-kaya-ui] .dialog.fx details.fx-fold .intro { font-size: 14px; color: var(--d-muted); }
[data-kaya-ui] .dialog.fx details.fx-fold > summary:focus-visible { outline: 3px solid var(--d-teal); outline-offset: 2px; border-radius: 18px; }

[data-kaya-ui] .dialog.fx .fx-end { display: grid; gap: 8px; padding: 4px 2px 6px; }
[data-kaya-ui] .dialog.fx p.fx-trust { margin: 0; }
/* ---- Alt bilgi: kaydırma alanının DIŞINDA, her zaman görünür ------------- */
[data-kaya-ui] .dialog.fx .fx-foot {
  position: static; margin: 0;
  display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 12px;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
  box-shadow: 0 -10px 24px rgb(4 31 46 / 8%);
  border-top: 1px solid var(--d-line); background: var(--d-shell); box-shadow: none;
}
[data-kaya-ui] .dialog.fx .fx-foot__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: nowrap; }
[data-kaya-ui] .dialog.fx .fx-trust { display: inline-flex; align-items: center; gap: 7px; min-width: 0; color: var(--d-sea); font-size: 13px; font-weight: 750; line-height: 1.35; }
[data-kaya-ui] .dialog.fx .fx-trust svg { width: 18px; height: 18px; flex: none; color: var(--d-teal); }
[data-kaya-ui] .dialog.fx .reset-all {
  display: inline-flex; align-items: center; gap: 6px; flex: none;
  min-height: 44px; padding: 0 14px; border-radius: 999px;
  border: 1.5px solid var(--d-sea); background: #fff; color: var(--d-sea); font-size: 14px; font-weight: 750; white-space: nowrap;
}
[data-kaya-ui] .dialog.fx .reset-all svg { width: 16px; height: 16px; }
[data-kaya-ui] .dialog.fx .reset-all:hover { background: var(--d-sea); color: #fff; }
[data-kaya-ui] .dialog.fx .support-links { display: flex; flex-wrap: wrap; gap: 6px 14px; }
[data-kaya-ui] .dialog.fx .support-link { color: var(--d-sea); font-size: 13.5px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
[data-kaya-ui] .dialog.fx .kaya-brand-credit {
  display: inline-flex; align-items: center; gap: 8px; min-width: 0; min-height: 44px;
  border-top: 0; padding: 0; justify-content: flex-start; color: var(--d-gold-ink); font-size: 13px; font-weight: 800;
}
[data-kaya-ui] .dialog.fx .kaya-brand-credit span:last-of-type { overflow: hidden; text-overflow: ellipsis; }
[data-kaya-ui] .dialog.fx .kaya-brand-mark--small { width: 52px; padding: 0; flex: none; }

/* ---- Dar ekran --------------------------------------------------------- */
@media (max-width: 760px) {
  [data-kaya-ui] .dialog.fx { inset: 0; width: 100%; border-radius: 0; }
  [data-kaya-ui] .dialog.fx .fx-head { padding-top: calc(16px + env(safe-area-inset-top, 0px)); }
  
  
  
  
}

/* ---- Hareket azaltma / Windows Yüksek Kontrast -------------------------- */
@media (prefers-reduced-motion: reduce) {
  [data-kaya-ui] .dialog.fx, [data-kaya-ui] .dialog.fx * { transition: none !important; animation: none !important; }
}
@media (forced-colors: active) {
  [data-kaya-ui] .dialog.fx .fx-head { background: Canvas; color: CanvasText; border-bottom: 1px solid CanvasText; }
  [data-kaya-ui] .dialog.fx .fx-head::after { display: none; }
  [data-kaya-ui] .dialog.fx .subtitle-kbd, [data-kaya-ui] .dialog.fx .fx-active__empty, [data-kaya-ui] .dialog.fx .fx-status__chev { color: CanvasText; background: Canvas; border-color: CanvasText; }
  [data-kaya-ui] .dialog.fx .dialog-title, [data-kaya-ui] .dialog.fx .subtitle, [data-kaya-ui] .dialog.fx button.fx-status { color: CanvasText; }
  
  
  
  
  
  
  
  
  [data-kaya-ui] .dialog.fx .fx-coin { forced-color-adjust: none; }
  [data-kaya-ui] .dialog.fx .fx-active__item { border: 1px solid ButtonText; color: ButtonText; background: ButtonFace; }
}

/* =========================================================================
   KOLAY PANEL — tek ekran: 6 temel ayar + "Daha fazla ayar"
   Araştırma: Appt (5 milyon kullanıcı) — insanlar en çok yazı boyutu, koyu/
   kontrast ve kalın yazı değiştirir; renk körlüğü, ters çevirme %1'in altında.
   Sekme ve kademe yok: her denetim ne yaptığını kendi adıyla söyler.
   ========================================================================= */
[data-kaya-ui] .dialog.fx-easy .fx-head { padding-bottom: 30px; }
[data-kaya-ui] .dialog.fx-easy .dialog-body { gap: 18px; padding-top: 6px; }

[data-kaya-ui] .dialog.fx-easy .fx-sec {
  margin: 0; font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--d-sea);
}
[data-kaya-ui] .dialog.fx-easy .fx-card {
  margin: 0; padding: 14px; border: 0; border-radius: 20px;
  background: var(--d-shell); box-shadow: 0 0 0 1px var(--d-line), 0 6px 16px rgb(4 31 46 / 5%);
}
/* Yazı boyutu: en büyük ve en üstte */

/* Renkler: üç büyük seçenek */

/* Anahtar listesi */
[data-kaya-ui] .dialog.fx-easy .fx-list { padding: 0; overflow: hidden; display: grid; }
[data-kaya-ui] .dialog.fx-easy .fx-list > .setting {
  margin: 0; min-height: 66px; padding: 12px 14px; gap: 12px;
  border: 0; border-radius: 0; border-bottom: 1px solid var(--d-line); background: transparent; box-shadow: none;
}
[data-kaya-ui] .dialog.fx-easy .fx-list > .setting:last-child { border-bottom: 0; }
[data-kaya-ui] .dialog.fx-easy .fx-list .setting__icon {
  display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 12px; background: var(--d-mist); color: var(--d-sea);
}
[data-kaya-ui] .dialog.fx-easy .fx-list .setting__icon svg { width: 21px; height: 21px; }
[data-kaya-ui] .dialog.fx-easy .fx-list .setting-copy { margin-inline-end: auto; display: grid; gap: 2px; }
[data-kaya-ui] .dialog.fx-easy .fx-list .setting-copy strong { font-size: 16px; font-weight: 750; color: var(--d-ink); }
[data-kaya-ui] .dialog.fx-easy .fx-list .setting-copy small { font-size: 13.5px; color: var(--d-muted); line-height: 1.4; }
[data-kaya-ui] .dialog.fx-easy .fx-list .setting--stack { display: grid; gap: 8px; }
[data-kaya-ui] .dialog.fx-easy .switch { width: 56px; height: 34px; flex: 0 0 56px; }
[data-kaya-ui] .dialog.fx-easy .switch::after { width: 24px; height: 24px; }
[data-kaya-ui] .dialog.fx-easy .switch[aria-checked="true"]::after { transform: translateX(22px); }
/* Sesli okuma: tek büyük düğme */
[data-kaya-ui] .dialog.fx-easy .fx-listen .reader-quick { padding: 12px 14px; }
[data-kaya-ui] .dialog.fx-easy .fx-listen .reader-quick__btn { min-height: 52px; font-size: 16px; padding: 0 20px 0 14px; }
/* Daha fazla ayar */
[data-kaya-ui] .dialog.fx-easy .fx-more { margin: 0; border-radius: 20px; background: var(--d-mist); box-shadow: 0 0 0 1px var(--d-line); }
[data-kaya-ui] .dialog.fx-easy .fx-more > summary {
  display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 12px;
  min-height: 64px; padding: 12px 18px; cursor: pointer; list-style: none; border-radius: 20px;
}
[data-kaya-ui] .dialog.fx-easy .fx-more > summary::-webkit-details-marker { display: none; }
[data-kaya-ui] .dialog.fx-easy .fx-more > summary::after {
  content: ""; grid-column: 2; grid-row: 1 / span 2; width: 10px; height: 10px;
  border: solid var(--d-sea); border-width: 0 3px 3px 0; transform: rotate(45deg) translateY(-3px);
}
[data-kaya-ui] .dialog.fx-easy .fx-more[open] > summary::after { transform: rotate(225deg) translateY(-2px); }
[data-kaya-ui] .dialog.fx-easy .fx-more > summary:focus-visible { outline: 3px solid var(--d-teal); outline-offset: 2px; }
[data-kaya-ui] .dialog.fx-easy .fx-more__title { font-size: 17px; font-weight: 800; color: var(--d-abyss); }
[data-kaya-ui] .dialog.fx-easy .fx-more__hint { grid-column: 1; font-size: 13.5px; color: var(--d-muted); }
[data-kaya-ui] .dialog.fx-easy .fx-more__body { display: grid; gap: 18px; padding: 4px 12px 16px; }
[data-kaya-ui] .dialog.fx-easy .fx-group { display: grid; gap: 8px; }
[data-kaya-ui] .dialog.fx-easy .fx-group__title { margin: 0 4px; font-size: 15px; font-weight: 800; color: var(--d-sea); }

/* Telefon: alttan açılan sayfa — üstte sitenin bir kısmı görünür, ayarların etkisi izlenir */
@media (max-width: 760px) {
  [data-kaya-ui] .dialog.fx-easy { inset: auto 0 0 0; height: min(88vh, 100%); width: 100%; border-radius: 24px 24px 0 0; animation-name: d-up; }
  [data-kaya-ui] .dialog.fx-easy .fx-head { padding-top: 18px; }
  [data-kaya-ui] .dialog.fx-easy .fx-head::before {
    content: ""; position: absolute; top: 7px; left: 50%; width: 44px; height: 5px; margin-left: -22px; border-radius: 3px; background: rgb(255 255 255 / 45%);
  }
}
@keyframes d-up { from { opacity: 0; transform: translateY(24px); } }

[data-kaya-ui] .dialog.fx-easy .kaya-brand-credit span:last-of-type { white-space: normal; overflow: visible; font-size: 13px; line-height: 1.3; }

/* =========================================================================
   KARO IZGARASI — TCDD / Mobildev / Memorial'daki tanıdık düzen, doğru kodla
   Her karo yerel <button>; açıkken dolu deniz rengi + altın işaret.
   Kademeli karolar: altta değer + kademe noktaları.
   ========================================================================= */
[data-kaya-ui] .dialog.fx-tiles .dialog-body { gap: 20px; }
[data-kaya-ui] .dialog.fx-tiles .kt-section { display: grid; gap: 10px; }
[data-kaya-ui] .dialog.fx-tiles .kt-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
[data-kaya-ui] .dialog.fx-tiles .kt {
  position: relative;
  display: grid; justify-items: center; align-content: center; gap: 6px;
  min-height: 108px; padding: 14px 6px 12px;
  border: 1.5px solid var(--d-line); border-radius: 18px;
  background: var(--d-shell); color: var(--d-ink);
  font: inherit; text-align: center; cursor: pointer;
  box-shadow: 0 2px 6px rgb(4 31 46 / 5%);
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}
[data-kaya-ui] .dialog.fx-tiles .kt:hover { border-color: var(--d-teal); box-shadow: 0 6px 16px rgb(4 31 46 / 10%); }
[data-kaya-ui] .dialog.fx-tiles .kt:focus-visible { outline: 3px solid var(--d-teal); outline-offset: 3px; }
[data-kaya-ui] .dialog.fx-tiles .kt__icon {
  display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px;
  background: var(--d-mist); color: var(--d-sea);
}
[data-kaya-ui] .dialog.fx-tiles .kt__icon svg { width: 24px; height: 24px; }
[data-kaya-ui] .dialog.fx-tiles .kt__label { font-size: 14px; font-weight: 750; line-height: 1.25; overflow-wrap: anywhere; }
[data-kaya-ui] .dialog.fx-tiles .kt__value { font-size: 13px; font-weight: 800; color: var(--d-sea); }
[data-kaya-ui] .dialog.fx-tiles .kt__state { position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; border-radius: 50%; box-shadow: inset 0 0 0 2px var(--d-line-strong); font-size: 0; }
[data-kaya-ui] .dialog.fx-tiles .kt__dots { display: flex; gap: 4px; }
[data-kaya-ui] .dialog.fx-tiles .kt__dots i { display: block; width: 8px; height: 8px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--d-line-strong); }
[data-kaya-ui] .dialog.fx-tiles .kt__dots i.on { background: var(--d-gold); box-shadow: none; }
/* Açık durum: dolu deniz rengi — renk tek gösterge değil: onay işareti + değer metni */
[data-kaya-ui] .dialog.fx-tiles .kt[aria-pressed="true"] {
  background: linear-gradient(160deg, var(--d-sea), var(--d-deep)); border-color: var(--d-deep); color: #fff;
  box-shadow: 0 8px 18px rgb(6 52 74 / 28%);
}
[data-kaya-ui] .dialog.fx-tiles .kt[aria-pressed="true"] .kt__icon { background: rgb(255 255 255 / 14%); color: #fff; }
[data-kaya-ui] .dialog.fx-tiles .kt[aria-pressed="true"] .kt__value { color: var(--d-gold); }
[data-kaya-ui] .dialog.fx-tiles .kt[aria-pressed="true"] .kt__dots i:not(.on) { box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / 55%); }
[data-kaya-ui] .dialog.fx-tiles .kt[aria-pressed="true"] .kt__state {
  box-shadow: none;
  background: var(--d-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23041f2e' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17.5 19 7'/%3E%3C/svg%3E") center / 12px no-repeat;
}
@media (max-width: 380px) {
  [data-kaya-ui] .dialog.fx-tiles .kt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (forced-colors: active) {
  [data-kaya-ui] .dialog.fx-tiles .kt { border: 1px solid ButtonText; }
  [data-kaya-ui] .dialog.fx-tiles .kt[aria-pressed="true"] { forced-color-adjust: none; background: Highlight; color: HighlightText; }
}
@media (prefers-reduced-motion: reduce) { [data-kaya-ui] .dialog.fx-tiles .kt { transition: none; } }

/* Hazır profiller: en üstte, açıklamalı karolar */
[data-kaya-ui] .dialog.fx-tiles .kt-hint { margin: -4px 0 2px; font-size: 13.5px; line-height: 1.4; color: var(--d-muted); }
[data-kaya-ui] .dialog.fx-tiles .kt--profile { min-height: 132px; align-content: start; padding-top: 16px; }
[data-kaya-ui] .dialog.fx-tiles .kt__desc { font-size: 13px; line-height: 1.3; color: var(--d-muted); }
[data-kaya-ui] .dialog.fx-tiles .kt--profile[aria-pressed="true"] .kt__desc { color: var(--d-aqua-soft); }
[data-kaya-ui] .dialog.fx-tiles .kt--profile .kt__icon { background: #fff4d6; color: #7a5a0c; }
[data-kaya-ui] .dialog.fx-tiles .kt--profile[aria-pressed="true"] .kt__icon { background: var(--d-gold); color: var(--d-abyss); }

/* ---- kaya-host.css ---- */
/* =========================================================================
   KAYA Accessibility Assist — Host sayfa dönüşüm motoru: KONTRAST (Faz 4)
   Master Plan §8.3 · Derin Analiz E12, F1.

   Amaç: "Açık / Koyu yüksek kontrast" sayfayı BÜTÜN olarak dönüştürsün —
   yalnız article/section/aside değil; header, footer, nav, form kontrolleri,
   bağlantı, tablo, odak da dahil.

   İlkeler:
   - Renkler token override ile (tek yerden yönetim).
   - CSS filtre tersleme KULLANILMAZ (görselleri ve marka varlıklarını bozar).
   - `!important` yalnız host stilini yenmenin zorunlu olduğu dar kurallarda.
   - KAYA panelinin kendisi ([data-kaya-ui] alt ağacı) bu kurallardan ETKİLENMEZ.
   - Kontrast etkinken renk filtreleri (gri/doygunluk) devre dışı kalır.
   ========================================================================= */

/* --- Token setleri ------------------------------------------------------- */
html[data-kaya-a11y-contrast="light"] {
  --kaya-host-bg: #ffffff;
  --kaya-host-fg: #0a0a0a;
  --kaya-host-link: #0033cc;
  --kaya-host-visited: #6b1fb1;
  --kaya-host-border: #000000;
  --kaya-host-focus: #0033cc;
}
html[data-kaya-a11y-contrast="dark"] {
  --kaya-host-bg: #000000;
  --kaya-host-fg: #ffffff;
  --kaya-host-link: #7fb4ff;
  --kaya-host-visited: #d7a8ff;
  --kaya-host-border: #ffffff;
  --kaya-host-focus: #7fb4ff;
}

/* --- Yüzeyler ve metin (KAYA paneli + host'un dışladıkları hariç) ----- */
/* Host sayfa bir bölgeyi `data-kaya-exclude` ile korur (harita, canvas,
   kod editörü, üçüncü parti widget). Config `excludeSelectors` de bu
   attribute'u ekler. */
html[data-kaya-a11y-contrast] :is(
  body, header, footer, nav, main, article, section, aside,
  p, li, ul, ol, dl, dt, dd, blockquote, figure, figcaption,
  h1, h2, h3, h4, h5, h6, span, strong, em, small, label,
  table, thead, tbody, tr, th, td, caption, details, summary
):not([data-kaya-ui]):not([data-kaya-ui] *):not([data-kaya-exclude]):not([data-kaya-exclude] *):not(.kaya-a11y-reading):not(.kaya-a11y-reading *) {
  background-color: var(--kaya-host-bg) !important;
  background-image: none !important;   /* gradient/görsel zeminleri temizle */
  color: var(--kaya-host-fg) !important;
  border-color: var(--kaya-host-border) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* Dışlanan bölge (§4.10): KAYA hiçbir kontrast dönüşümü UYGULAMAZ — renk, zemin,
   kenarlık, odak, görsel çerçevesi dahil. Host `data-kaya-exclude` diyorsa o bölgenin
   görünümünü tümüyle kendisi yönetiyor demektir; eski sabit "nötr renk çifti"
   kendi koyu paleti olan widget'larla (harita, kod editörü, grafik) çakışıyordu.
   Çözüm: hiçbir KAYA bildirimi yaymamak — aşağıdaki TÜM kontrast kuralları
   `:not([data-kaya-exclude]):not([data-kaya-exclude] *)` ile bu ağacı dışlar.
   Bölge, kendi stiliyle veya (stil vermiyorsa) atadan kalıtımla boyanır. */

/* --- Bağlantılar ---------------------------------------------------------- */
html[data-kaya-a11y-contrast] a:not([data-kaya-ui] *):not([data-kaya-exclude] *) {
  color: var(--kaya-host-link) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
}
html[data-kaya-a11y-contrast] a:visited:not([data-kaya-ui] *):not([data-kaya-exclude] *) {
  color: var(--kaya-host-visited) !important;
}

/* --- Form kontrolleri --------------------------------------------------- */
html[data-kaya-a11y-contrast] :is(button, input, select, textarea):not([data-kaya-ui]):not([data-kaya-ui] *):not([data-kaya-exclude]):not([data-kaya-exclude] *) {
  background-color: var(--kaya-host-bg) !important;
  color: var(--kaya-host-fg) !important;
  border: 2px solid var(--kaya-host-border) !important;
}
html[data-kaya-a11y-contrast] ::placeholder { color: var(--kaya-host-fg) !important; opacity: 1 !important; }

/* --- Odak göstergesi --------------------------------------------------- */
html[data-kaya-a11y-contrast] :focus-visible:not([data-kaya-ui] *):not([data-kaya-exclude] *) {
  outline: 3px solid var(--kaya-host-focus) !important;
  outline-offset: 2px !important;
}

/* --- Kenarlıklı yapısal öğeler --------------------------------------- */
html[data-kaya-a11y-contrast] :is(article, section, aside, table, th, td, hr, fieldset, details):not([data-kaya-ui]):not([data-kaya-ui] *):not([data-kaya-exclude]):not([data-kaya-exclude] *):not(.kaya-a11y-reading):not(.kaya-a11y-reading *) {
  border-color: var(--kaya-host-border) !important;
}

/* --- Kontrast ↔ renk filtresi çakışma engeli (F1) -------------------- */
/* Kontrast etkinken görseli/metni gri/az doygun yapan filtreler kapatılır. */
html[data-kaya-a11y-contrast="light"] main,
html[data-kaya-a11y-contrast="dark"] main { filter: none !important; }

/* --- Görseller: yüksek kontrastta filtre/invert YOK; hafif çerçeve ---- */
html[data-kaya-a11y-contrast] main :is(img, picture, video):not([data-kaya-ui] *):not([data-kaya-exclude] *) {
  outline: 1px solid var(--kaya-host-border);
  outline-offset: 2px;
}

/* --- forced-colors: sistem zaten hallediyor, KAYA override'ı geri çek - */
@media (forced-colors: active) {
  html[data-kaya-a11y-contrast] :is(
    body, header, footer, nav, main, article, section, aside, p, li,
    h1, h2, h3, h4, h5, h6, a, button, input, select, textarea, label,
    table, th, td
  ):not([data-kaya-ui]):not([data-kaya-ui] *):not([data-kaya-exclude]):not([data-kaya-exclude] *) {
    background-color: Canvas !important;
    color: CanvasText !important;
    border-color: CanvasText !important;
  }
  html[data-kaya-a11y-contrast] a:not([data-kaya-ui] *):not([data-kaya-exclude] *) { color: LinkText !important; }
}


/* =========================================================================
   HOST DÖNÜŞÜM KURALLARI (D0.3: kaya-assist.css'ten taşındı)
   Metin ölçeği, aralık, sade font, hizalama, bağlantı/başlık/odak vurgusu,
   hareket azaltma, büyük imleç, görsel modu, renk filtresi + okuma vurgusu/
   çizgi/maske/alt-metin sınıfları. Tümü .kaya-a11y-* / data-kaya-a11y-* ad alanlı.
   ========================================================================= */
html[data-kaya-a11y-paragraph-spacing=true] main p:not([data-kaya-exclude]):not([data-kaya-exclude] *){margin-bottom:2em}html[data-kaya-a11y-align=left] main :is(p,li,figcaption):not([data-kaya-exclude]):not([data-kaya-exclude] *){text-align:left!important}html[data-kaya-a11y-align=center] main :is(p,li,figcaption):not([data-kaya-exclude]):not([data-kaya-exclude] *){text-align:center!important}html[data-kaya-a11y-align=right] main :is(p,li,figcaption):not([data-kaya-exclude]):not([data-kaya-exclude] *){text-align:right!important}html[data-kaya-a11y-links=true] main a:not([data-kaya-exclude]):not([data-kaya-exclude] *){outline:3px solid currentColor;outline-offset:3px;text-decoration-thickness:3px}html[data-kaya-a11y-headings=true] main :is(h1,h2,h3,h4,h5,h6):not([data-kaya-exclude]):not([data-kaya-exclude] *){padding:.18em .28em;border-left:.3em solid #bb7e00;background:#fff0aa;color:#071a32}html[data-kaya-a11y-strong-focus=true] :focus-visible{outline:5px solid #bb7e00!important;outline-offset:5px!important}html[data-kaya-a11y-motion=true] *,html[data-kaya-a11y-motion=true] *::before,html[data-kaya-a11y-motion=true] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}html[data-kaya-a11y-motion=true] [data-kaya-exclude],html[data-kaya-a11y-motion=true] [data-kaya-exclude] *{animation-duration:revert!important;animation-iteration-count:revert!important;transition-duration:revert!important}/* §4.4: Büyük imleç. viewBox 0 0 36 36 (ok) / 0 0 32 38 (el). Hotspot QA:
   ok ucu ~ (3,2) → 36px'te hotspot "3 2"; el işaret parmağı ucu ~ (13,3) → 38px'te "13 3".
   "Çok büyük" (xlarge) = aynı SVG, ~1.5× ölçek; hotspot orantılı büyür. */
html[data-kaya-a11y-big-cursor=true] body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath d='M3 2v27l7-7 5 11 6-3-5-10h10z' fill='white' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2,auto}html[data-kaya-a11y-big-cursor=true] :is(a[href],button,[role=button],label,select,summary,input[type=checkbox],input[type=radio],input[type=button],input[type=submit],input[type=reset]){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='38' viewBox='0 0 32 38'%3E%3Cpath d='M10 18V6a3 3 0 016 0v8m0-3a3 3 0 016 0v4m0-2a3 3 0 016 0v10a9 9 0 01-9 9h-4a9 9 0 01-8-5l-4-7a3 3 0 015-3l3 4' fill='white' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 13 3,pointer}html[data-kaya-a11y-big-cursor=true] :is(input[type=text],input[type=email],input[type=search],input[type=url],input[type=tel],input[type=password],input[type=number],textarea,[contenteditable=true]){cursor:text}
html[data-kaya-a11y-big-cursor=true][data-kaya-a11y-cursor-scale=xlarge] body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 36 36'%3E%3Cpath d='M3 2v27l7-7 5 11 6-3-5-10h10z' fill='white' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 4 3,auto}html[data-kaya-a11y-big-cursor=true][data-kaya-a11y-cursor-scale=xlarge] :is(a[href],button,[role=button],label,select,summary,input[type=checkbox],input[type=radio],input[type=button],input[type=submit],input[type=reset]){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='57' viewBox='0 0 32 38'%3E%3Cpath d='M10 18V6a3 3 0 016 0v8m0-3a3 3 0 016 0v4m0-2a3 3 0 016 0v10a9 9 0 01-9 9h-4a9 9 0 01-8-5l-4-7a3 3 0 015-3l3 4' fill='white' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 20 5,pointer}html[data-kaya-a11y-image-mode=hide] main :is(img,picture,figure svg[role=img]):not([data-kaya-exclude]):not([data-kaya-exclude] *){visibility:hidden!important}/* Disjoint surfaces are selected by kaya-color.js, excluding the menu and opt-out regions. */
html[data-kaya-a11y-filter] [data-kaya-color-surface]{filter:var(--kaya-color-filter,none)}

.kaya-a11y-alt-replacement{display:block;margin:.65rem 0;padding:1rem;border:2px dashed #60758a;border-radius:10px;background:#f5f8fa;color:#10243c;font-weight:700}
.kaya-a11y-alt-replacement::before{content:"Görsel açıklaması: ";color:#465d73;font-size:.78em;text-transform:uppercase}
.kaya-a11y-alt-replacement.kaya-a11y-alt-missing{border-style:solid;border-color:#8a5a00;background:#fdf3e2;color:#8a5a00}
.kaya-a11y-alt-replacement.kaya-a11y-alt-missing::before{content:"";display:none}
.kaya-a11y-original-hidden{display:none!important}
.kaya-a11y-reading{outline:4px solid #c48900!important;outline-offset:5px!important;background:#fff0aa!important;color:#17283b!important;scroll-margin-top:96px!important;scroll-margin-bottom:96px!important}
.kaya-a11y-reading *{background-color:transparent!important;color:inherit!important}
/* TTS-3: sözcük düzeyi karaoke vurgusu. #6f4b00 üzerinde #fff = 7.8:1 (AAA 1.4.6).
   Sınır olayı gelmezse hiç .is-spoken eklenmez; segment vurgusu tek gösterge kalır. */
.kaya-a11y-reading .kaya-a11y-word.is-spoken{background:#6f4b00!important;color:#fff!important;border-radius:3px!important;box-shadow:0 0 0 2px #6f4b00!important}
@media(prefers-reduced-motion:no-preference){.kaya-a11y-word{transition:background-color .1s linear,color .1s linear}}
.kaya-a11y-nav-flash{outline:3px solid #0b5fa5!important;outline-offset:4px!important;scroll-margin-top:96px!important;scroll-margin-bottom:96px!important;animation:kaya-a11y-nav-flash 1.6s ease-out}
@keyframes kaya-a11y-nav-flash{0%{background:#cfe6fb}100%{background:transparent}}
@media(prefers-reduced-motion:reduce){.kaya-a11y-nav-flash{animation:none}}
/* §3.9: koyu kontrast + forced-colors kombinasyonu. Sabit sarı vurgu forced-colors'ta
   yok sayılır — sistemin <mark> renkleri (Mark/MarkText) kullanılır; her temada görünür. */
@media(forced-colors:active){
  .kaya-a11y-reading{background-color:Mark!important;color:MarkText!important;outline:3px solid Mark!important}
  .kaya-a11y-reading *{color:MarkText!important}
  .kaya-a11y-reading .kaya-a11y-word.is-spoken{background:Highlight!important;color:HighlightText!important;box-shadow:0 0 0 2px Highlight!important}
  .kaya-a11y-nav-flash{outline:3px solid Highlight!important}
}
.kaya-a11y-guide{position:fixed;z-index:8500;left:0;width:100%;height:4px;background:#c98500;box-shadow:0 0 0 2px #fff,0 0 12px #071a3277;pointer-events:none}
.kaya-a11y-reading-mask{position:fixed;z-index:8400;right:0;left:0;background:rgb(7 18 32 / 72%);pointer-events:none}.kaya-a11y-mask-top{top:0}.kaya-a11y-mask-bottom{bottom:0}

/* --- Klavye giriş çubuğu (skip-link + kısayollar) ---------------------- */
/* body'nin ilk çocuğu; yalnız odak içindeyken görünür (tek satır). */
/* BEACON: ink zemin + alt pirinç SİNYAL çizgisi (panelle aynı motif). */
.kaya-a11y-skipbar{
  position:fixed;top:0;left:0;right:0;z-index:2147483000;
  transform:translateY(-105%);transition:transform .18s ease;
  background:#0a1b30;color:#ffffff;
  border-bottom:2px solid #a4740f;
  font:600 15px/1.4 "Inter","Segoe UI",system-ui,sans-serif;
  box-shadow:0 6px 18px rgb(3 12 26 / 38%);
}
.kaya-a11y-skipbar:focus-within{transform:translateY(0)}
/* Panel açıkken: her koşulda gizli */
.kaya-a11y-skipbar.is-suppressed{transform:translateY(-105%)!important}
.kaya-a11y-skipbar__inner{
  display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;
  max-width:1100px;margin:0 auto;padding:.55rem 1rem;
}
/* Eylem düğmeleri — çubuk zemininden BELİRGİN ayrışır (koyu-üstüne-koyu değil) */
.kaya-a11y-skipbar__link,
.kaya-a11y-skipbar__btn{
  color:#ffffff;background:#24466b;border:1px solid #5c82aa;border-radius:var(--kaya-radius-sm);
  padding:.5rem .9rem;min-height:44px;display:inline-flex;align-items:center;gap:.4rem;
  font:inherit;font-weight:700;text-decoration:none;cursor:pointer;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / 8%);
}
.kaya-a11y-skipbar__link:hover,
.kaya-a11y-skipbar__btn:hover{background:#2d5580;border-color:#7099c1}
/* Birincil: "Ana içeriğe geç" — pirinç */
.kaya-a11y-skipbar__link{background:#e8c074;color:#0a1b30;border-color:#f0d29a;font-weight:800;box-shadow:none}
.kaya-a11y-skipbar__link:hover{background:#f0d29a;border-color:#f0d29a}
/* markalı odak halkası — 2.4.13; koyu ara + pirinç dış hat (navy-üstüne-navy bandı yok) */
.kaya-a11y-skipbar :focus-visible{
  outline:3px solid #e8c074;outline-offset:2px;
  box-shadow:0 0 0 2px #0a1b30;
}
/* "Klavye kısayolları" — dolgu pill değil; sade metin açılır + chevron */
.kaya-a11y-skipbar__shortcuts{border:0;padding:0;background:transparent}
.kaya-a11y-skipbar__shortcuts>summary{
  list-style:none;display:inline-flex;align-items:center;gap:.35rem;
  min-height:44px;padding:.4rem .3rem;color:#cfe0f2;font-weight:600;cursor:pointer;
  border-radius:var(--kaya-radius-sm);
}
.kaya-a11y-skipbar__shortcuts>summary::-webkit-details-marker{display:none}
.kaya-a11y-skipbar__shortcuts>summary::after{
  content:"";width:.5rem;height:.5rem;border:2px solid currentColor;border-left:0;border-top:0;
  transform:rotate(45deg);transition:transform .15s ease;margin-inline-start:.15rem;
}
.kaya-a11y-skipbar__shortcuts[open]>summary::after{transform:rotate(225deg)}
.kaya-a11y-skipbar__shortcuts>summary:hover{color:#ffffff}
.kaya-a11y-skipbar__shortcuts[open]{
  flex-basis:100%;display:flex;flex-direction:column;gap:.4rem;
  padding:.4rem 0 .2rem;
}
.kaya-a11y-skipbar__shortcuts ul{
  list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.35rem .9rem;
}
.kaya-a11y-skipbar__shortcuts li{
  display:flex;align-items:center;justify-content:space-between;gap:.6rem;
  background:#0f2b46;border:1px solid #2b4d6e;border-radius:var(--kaya-radius-sm);
  padding:.4rem .6rem;font-weight:500;
}
.kaya-a11y-skipbar__sc-label{position:relative;z-index:1;color:#ffffff}
.kaya-a11y-skipbar__sc-keys{display:inline-flex;gap:.15rem;flex-shrink:0}
.kaya-a11y-skipbar kbd{
  background:#dbe6f2;color:#0a1b30;border:1px solid #b9c4cf;
  border-radius:var(--kaya-radius-sm);padding:.1em .42em;font:600 12px/1 "Inter",ui-monospace,monospace;
}
.kaya-a11y-skipbar__all{
  align-self:flex-start;min-height:44px;display:inline-flex;align-items:center;
  padding:.4rem .8rem;border-radius:var(--kaya-radius-sm);cursor:pointer;
  background:transparent;border:1px solid #e8c074;color:#e8c074;font:inherit;font-weight:700;
}
.kaya-a11y-skipbar__all:hover{background:rgb(232 192 116 / 14%)}
@media (max-width:640px){
  .kaya-a11y-skipbar__shortcuts ul{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .kaya-a11y-skipbar{transition:none}
  .kaya-a11y-skipbar__shortcuts>summary::after{transition:none}
}
@media (prefers-reduced-transparency:reduce){
  .kaya-a11y-skipbar{box-shadow:0 0 0 2px #fff}
}
@media (forced-colors:active){
  .kaya-a11y-skipbar{background:Canvas;color:CanvasText;border-bottom:2px solid CanvasText}
  .kaya-a11y-skipbar__link,.kaya-a11y-skipbar__btn,.kaya-a11y-skipbar__all,
  .kaya-a11y-skipbar summary,.kaya-a11y-skipbar li{background:Canvas;color:CanvasText;border-color:CanvasText}
  .kaya-a11y-skipbar kbd{background:Canvas;color:CanvasText;border-color:CanvasText}
}

/* --- COG-3: Sade okuma görünümü ------------------------------------------
   ARC-1 sınırında: yalnız sunum. DOM yeniden sıralaması yok; kenar bölgeleri
   gizle, satır genişliğini daralt, CSS sütun/float/dekoratif zemini nötrle.
   [data-kaya-exclude] ve KAYA paneli etkilenmez. */
html[data-kaya-a11y-simple=true] main{
  max-width:72ch!important;margin-inline:auto!important;
}
html[data-kaya-a11y-simple=true] :is(aside,[role=complementary]):not([data-kaya-ui]):not([data-kaya-ui] *):not([data-kaya-exclude]):not([data-kaya-exclude] *){
  display:none!important;
}
html[data-kaya-a11y-simple=true] main :is(*):not([data-kaya-ui]):not([data-kaya-ui] *):not([data-kaya-exclude]):not([data-kaya-exclude] *){
  column-count:1!important;column-width:auto!important;float:none!important;
  background-image:none!important;
}
html[data-kaya-a11y-simple=true] main :is(img,picture,video,figure):not([data-kaya-exclude] *){
  max-width:100%!important;height:auto!important;
}

/* --- MOT-1: Büyük tıklama alanları (motor kolaylık) --------------------
   Yalnız düğme/kontrol; cümle içi metin bağlantıları hariç (2.5.8 istisnası). */
html[data-kaya-a11y-big-targets=true] main :is(
  button,[role=button],summary,select,
  input[type=button],input[type=submit],input[type=reset],
  input[type=checkbox],input[type=radio],
  a[role=button],a.btn,a.button
):not([data-kaya-exclude] *):not([data-kaya-ui] *){
  min-height:48px!important;min-width:48px!important;
}
html[data-kaya-a11y-big-targets=true] main :is(button,[role=button],a[role=button],a.btn,a.button,summary):not([data-kaya-exclude] *):not([data-kaya-ui] *){
  padding-block:max(.5em,6px)!important;
  padding-inline:max(.8em,10px)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
html[data-kaya-a11y-big-targets=true] main :is(input[type=checkbox],input[type=radio]):not([data-kaya-exclude] *){
  width:24px!important;height:24px!important;
}

/* Optional non-color cues; rely on explicit semantics, never infer meaning from RGB. */
html[data-kaya-a11y-color-cues=true] :is(a[href],[role=link]):not([data-kaya-ui] *,[data-kaya-exclude],[data-kaya-exclude] *){text-decoration:underline!important;text-decoration-thickness:.14em!important;text-underline-offset:.2em!important}
html[data-kaya-a11y-color-cues=true] :is([aria-pressed=true],[aria-selected=true],[aria-current]:not([aria-current=false]),input:checked):not(:focus-visible):not([data-kaya-ui] *,[data-kaya-exclude],[data-kaya-exclude] *){outline:4px double currentColor!important;outline-offset:3px!important}
html[data-kaya-a11y-color-cues=true] :is([aria-invalid=true],[aria-invalid=grammar],[aria-invalid=spelling]):not([data-kaya-ui] *,[data-kaya-exclude],[data-kaya-exclude] *){border:3px dashed currentColor!important}
@media (forced-colors:active){html[data-kaya-a11y-filter] [data-kaya-color-surface]{filter:none!important}}