/* YEEY Panel — görünüm seçici ve koyu tema. Tabler'ın kendi koyu teması (html[data-bs-theme="dark"]) üstüne,
   YEEY parçalarındaki sabit açık renklerin koyu karşılıkları. Yazdırma her zaman açık renk (tema-erken.js beforeprint). */

/* ------------------------------------------------------------ görünüm seçici (iki temada da) */
.tema-sec { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; padding: 3px; margin-bottom: .75rem; border-radius: 10px; background: var(--tblr-bg-surface-secondary); border: 1px solid var(--tblr-border-color); }
.tema-sec button { border: 0; background: transparent; color: var(--tblr-secondary); border-radius: 7px; min-height: 32px; font-size: .78rem; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: .3rem; padding: 0 .3rem; }
.tema-sec button .ti { font-size: 1rem; }
.tema-sec button[aria-checked="true"] { background: var(--tblr-bg-surface); color: var(--tblr-body-color); box-shadow: 0 1px 2px rgba(0, 0, 0, .12); }
.tema-sec button:focus-visible { outline: 2px solid var(--tblr-primary); outline-offset: 1px; }

/* ------------------------------------------------------------ koyu tema değişkenleri */
html[data-bs-theme="dark"] {
  --y-paper: #121a24;
  --y-paper-2: #1b2532;
  --y-line: #2c3847;
  --y-ink: #e4eaf1;
  --y-ink-soft: #9ba8b7;
  --y-lagoon-soft: #16314d;
  --y-sun-soft: #16314d;
  --y-peach: #4a3024;
  --y-night: #26384f;
  --y-night-2: #33475f;
  --tblr-body-bg: #121a24;
  --tblr-bg-surface: #19222e;
  --tblr-bg-surface-secondary: #1f2a37;
  --tblr-bg-surface-tertiary: #253140;
  --tblr-border-color: #2c3847;
  --tblr-border-color-translucent: rgba(255, 255, 255, .09);
  --tblr-primary-lt: #16314d;
  --tblr-link-color: #5ea8f0;
  --tblr-link-color-rgb: 94, 168, 240;
  --dk-surface: #19222e;
  --dk-surface-2: #1f2a37;
  --dk-raised: #253140;
  --dk-tint-blue: #172d45;
  --dk-tint-green: #173426;
  --dk-tint-amber: #3a2e14;
  --dk-ink-on-light: #182433;
  color-scheme: dark;
}
html[data-bs-theme="dark"] body { background: var(--tblr-body-bg); }

/* ------------------------------------------------------------ çerçeve, kartlar, giriş */
[data-bs-theme="dark"] .navbar-vertical { background: var(--dk-surface); }
[data-bs-theme="dark"] .hello,
[data-bs-theme="dark"] .hello .btn-soft { background: var(--dk-surface); }
[data-bs-theme="dark"] .auth-split { background: var(--tblr-body-bg); }
[data-bs-theme="dark"] .auth-side { background: #0f4d8a; }
[data-bs-theme="dark"] .auth-side .brand-mark { background: #e4eaf1; }
[data-bs-theme="dark"] .modal-content { background: var(--dk-surface); }
[data-bs-theme="dark"] .modal-backdrop.show { opacity: .7; }
[data-bs-theme="dark"] .table thead th { background: var(--dk-surface-2); }
[data-bs-theme="dark"] .toast { background: var(--dk-raised); color: var(--y-ink); }
[data-bs-theme="dark"] .card-link:hover { border-color: var(--tblr-primary); }
[data-bs-theme="dark"] .form-check-input:not(:checked) { background-color: var(--dk-surface-2); }
[data-bs-theme="dark"] kbd { background: var(--dk-raised); color: var(--y-ink); }

/* güvenlik sayfası, onay kutuları */
[data-bs-theme="dark"] .gv-shield.on,
[data-bs-theme="dark"] .gv-dot { background: var(--dk-tint-green); color: #7fd99a; }
[data-bs-theme="dark"] .gv-check.warn .gv-dot { background: var(--dk-tint-amber); color: #f5c451; }
[data-bs-theme="dark"] .gv-shield { background: var(--dk-tint-amber); color: #f5c451; }
[data-bs-theme="dark"] .consent-box { background: var(--dk-tint-blue); border-color: #24476b; }

/* ------------------------------------------------------------ ağız modeli: çizim zemini açık kalır, çevresi koyu */
[data-bs-theme="dark"] .agz-btn { background: rgba(25, 34, 46, .92); border-color: var(--y-line); color: var(--y-ink); }
[data-bs-theme="dark"] .agz-tags span,
[data-bs-theme="dark"] .hd-chip { background: var(--dk-surface-2); }
[data-bs-theme="dark"] .agz .agz-cap { background: var(--dk-surface-2); color: var(--y-ink); }
[data-bs-theme="dark"] .agz-steps li b { background: var(--dk-raised); color: var(--y-ink); }
[data-bs-theme="dark"] .agz-steps li button:hover { background: var(--dk-surface-2); }
[data-bs-theme="dark"] .sm-agz { background: var(--dk-surface); }
/* çizimin üstündeki etiketler açık zeminde kalır, yazıları koyu */
[data-bs-theme="dark"] .agz-inset span,
[data-bs-theme="dark"] .agz-cap,
[data-bs-theme="dark"] .agz-v figcaption,
[data-bs-theme="dark"] .om-cap { color: var(--dk-ink-on-light); border-color: #d9e0e8; }
[data-bs-theme="dark"] .agz-v2,
[data-bs-theme="dark"] .agz-v3,
[data-bs-theme="dark"] .om-stage { border-color: var(--y-line); }

/* ------------------------------------------------------------ artikülasyon oyunları */
[data-bs-theme="dark"] .ar-chip,
[data-bs-theme="dark"] .ar-pair,
[data-bs-theme="dark"] .ar-sw button { background: var(--dk-surface-2); color: var(--y-ink); }
[data-bs-theme="dark"] .ar-pair[aria-pressed="true"] { background: var(--dk-tint-blue); }
[data-bs-theme="dark"] .ar-board { background: var(--dk-surface); }
[data-bs-theme="dark"] .ar-ther-in { background: var(--dk-tint-amber); border-color: #5b7fa8; color: var(--y-ink); }
/* resimli oyun kartları "kâğıt" gibi açık kalır, yazıları koyu */
[data-bs-theme="dark"] .ar-card,
[data-bs-theme="dark"] .mm-front,
[data-bs-theme="dark"] .mp-card,
[data-bs-theme="dark"] .sl-cell,
[data-bs-theme="dark"] .sl-dice,
[data-bs-theme="dark"] .mp-th span,
[data-bs-theme="dark"] .mm-th span.f { color: var(--dk-ink-on-light); }
[data-bs-theme="dark"] .ar-card img { background: #eef2f6; }
[data-bs-theme="dark"] .sl-cell { filter: brightness(.94); }
[data-bs-theme="dark"] .mp-card { border-color: #3a4757; }

/* hece kutuları, akıcılık sayacı, DDK */
[data-bs-theme="dark"] .hece > span { background: var(--dk-surface-2); border-color: #44546a; }
[data-bs-theme="dark"] .ak-tape { background: var(--dk-surface-2); }
[data-bs-theme="dark"] .ak-tape i { background: #2f5a3a; }
[data-bs-theme="dark"] .ddk-svg { background: var(--dk-surface-2); }

/* ------------------------------------------------------------ iletişim panoları */
/* sembol kartları pastel kalır (renk, sözcük türünü anlatır) ama göz almasın diye hafif kısık; yazı koyu */
[data-bs-theme="dark"] .aac-tile { color: var(--dk-ink-on-light); border-color: rgba(255, 255, 255, .08); }
[data-bs-theme="dark"] .aac-tile:not([style*="background"]) { background: #e9eef3; }
[data-bs-theme="dark"] .aac-tile.empty { background: var(--dk-surface-2); color: var(--tblr-secondary); border-color: #3a4757; }
[data-bs-theme="dark"] .aac-tile.ghost { background: transparent; }
[data-bs-theme="dark"] .aac-tile:not(.empty) { filter: brightness(.93); }
[data-bs-theme="dark"] .aac-sent,
[data-bs-theme="dark"] .aac-last { background: var(--dk-surface); }
[data-bs-theme="dark"] .aac-chip { color: var(--dk-ink-on-light); }
[data-bs-theme="dark"] .sh-wrap { background: var(--tblr-body-bg); }
[data-bs-theme="dark"] .sh-wrap.sade .aac-tile,
[data-bs-theme="dark"] .aac-grid.sade .aac-tile { background: #e9eef3 !important; }
[data-bs-theme="dark"] .od-tok { background: var(--dk-surface-2); }
[data-bs-theme="dark"] .kur-opt,
[data-bs-theme="dark"] .kur-chip { background: var(--dk-surface-2); }
[data-bs-theme="dark"] .kur-opt.on,
[data-bs-theme="dark"] .kur-chip.on { background: var(--dk-tint-blue); }
[data-bs-theme="dark"] .kur-opt input[type="checkbox"] + .kur-t::before { border-color: #6b7a8c; }
[data-bs-theme="dark"] .kur-opt.on input[type="checkbox"] + .kur-t::before { box-shadow: inset 0 0 0 2px var(--dk-surface-2); }
[data-bs-theme="dark"] .aac-hero { background: linear-gradient(180deg, #16263a, var(--dk-surface) 70%); border-color: #24476b; }
[data-bs-theme="dark"] .aac-grp { background: var(--dk-surface-2); }
[data-bs-theme="dark"] .pk-it { color: var(--dk-ink-on-light); }

/* ------------------------------------------------------------ akıcılık materyalleri (ekranda) */
[data-bs-theme="dark"] .hk-card,
[data-bs-theme="dark"] .aks-card,
[data-bs-theme="dark"] .aks-mark,
[data-bs-theme="dark"] .ck-word,
[data-bs-theme="dark"] .ck-res { background: var(--dk-surface); color: var(--y-ink); }
[data-bs-theme="dark"] .aks-nav,
[data-bs-theme="dark"] .akw-swap { background: var(--dk-raised); color: var(--y-ink); }
[data-bs-theme="dark"] .aks-mark.on { background: var(--dk-tint-green); }
[data-bs-theme="dark"] .aks-dots button { background: var(--dk-surface-2); border-color: #5b6878; }

/* ------------------------------------------------------------ oral motor */
[data-bs-theme="dark"] .om-item { background: var(--dk-surface-2); color: var(--y-ink); }
[data-bs-theme="dark"] .om-tag { background: #173b3e; color: #6fd0d6; }

/* ------------------------------------------------------------ panel.css parçaları */
[data-bs-theme="dark"] .ws-preview-wrap { background: #0d141d; }
[data-bs-theme="dark"] .tr-h.drag { background: var(--dk-surface-2); }
[data-bs-theme="dark"] .gstage { background: #1c2a39; }
[data-bs-theme="dark"] .qr-box { background: #fff; }               /* karekod okunabilsin diye beyaz kalır */
[data-bs-theme="dark"] .word-img.draw { background: #eef2f6; }
/* kâğıt önizlemeleri her zaman beyaz sayfa, koyu yazı (ws.css kendi renklerini verir) */
[data-bs-theme="dark"] .ws-page { color-scheme: light; }
[data-bs-theme="dark"] .rp, [data-bs-theme="dark"] .fm-bep { color: #1F2D3D; }

/* ------------------------------------------------------------ yazdırma: güvence (tema-erken.js zaten açık temaya geçirir) */
@media print {
  html[data-bs-theme="dark"] { --tblr-body-bg: #fff; --tblr-body-color: #182433; color-scheme: light; }
  html[data-bs-theme="dark"] body { background: #fff !important; color: #182433 !important; }
}