/* public/css/theme.css - açık / koyu / sistem teması (site + yönetim)
   Kullanım: <html data-theme="light|dark"> açıkça seçer; öznitelik yoksa tarayıcı/işletim sistemi tercihi (prefers-color-scheme) uygulanır.
   Renkler anlamsal değişkenlerdir; bileşen CSS'leri yalnızca bu değişkenleri kullanır. */
:root{
  color-scheme:light;
  --bg:#fff;--tint:#f4f7fb;--line:#e4e9f1;--ink:#1b2437;--mut:#5a6578;--navy:#0f1d36;
  --surface:#fff;--surface-2:#f4f7fb;--surface-3:#e4e9f1;--bg-admin:#f7f8fa;
  --line-2:#ddd;--ink-strong:#0f1d36;--ink-2:#444;--navy-bg:#0f1d36;
  --red-text:#c1121f;--red-bg:#fdeceb;--warn-bg:#fff3cd;--warn-fg:#6b4e00;--ok-bg:#d9f5e3;--ok-fg:#116a36;
  --red-line:#f3c4ca;--ok-line:#c9ecd7;--info-bg:#e8f3ff;--info-fg:#124a9c;--info-line:#cfe3fb;
  --nav-bg:rgba(255,255,255,.97);--ink2:#344054;--mut2:#667085;--line2:#e4e7ec;--scrim:rgba(15,29,54,.5);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme=light]){
    color-scheme:dark;
    --bg:#0b1220;--tint:#111a2e;--line:#243250;--ink:#e6ebf5;--mut:#9eaac3;--navy:#e6ebf5;
    --surface:#121a2b;--surface-2:#172036;--surface-3:#1f2a44;--bg-admin:#0b1220;
    --line-2:#33425f;--ink-strong:#f3f6fc;--ink-2:#c3cce0;--navy-bg:#0f1d36;
    --red-text:#ff7d85;--red-bg:#3a161b;--warn-bg:#3a2f0b;--warn-fg:#f7d56b;--ok-bg:#0f3a25;--ok-fg:#6ee7a1;
    --red-line:#5a2a31;--ok-line:#1d5a3a;--info-bg:#10233f;--info-fg:#8ab4ff;--info-line:#24406b;
    --nav-bg:rgba(11,18,32,.92);--ink2:#c3cce0;--mut2:#9eaac3;--line2:#243250;--scrim:rgba(0,0,0,.65);
  }
}
:root[data-theme=dark]{
  color-scheme:dark;
  --bg:#0b1220;--tint:#111a2e;--line:#243250;--ink:#e6ebf5;--mut:#9eaac3;--navy:#e6ebf5;
  --surface:#121a2b;--surface-2:#172036;--surface-3:#1f2a44;--bg-admin:#0b1220;
  --line-2:#33425f;--ink-strong:#f3f6fc;--ink-2:#c3cce0;--navy-bg:#0f1d36;
  --red-text:#ff7d85;--red-bg:#3a161b;--warn-bg:#3a2f0b;--warn-fg:#f7d56b;--ok-bg:#0f3a25;--ok-fg:#6ee7a1;
  --red-line:#5a2a31;--ok-line:#1d5a3a;--info-bg:#10233f;--info-fg:#8ab4ff;--info-line:#24406b;
  --nav-bg:rgba(11,18,32,.92);--ink2:#c3cce0;--mut2:#9eaac3;--line2:#243250;--scrim:rgba(0,0,0,.65);
}

/* form denetimleri: tarayıcı varsayılanı koyu temada siyaha döner; yüzey rengine bağlanır (bileşen kuralları bunu geçersiz kılabilir) */
:where(input,select,textarea){background-color:var(--surface);color:var(--ink)}
:where(input,textarea)::placeholder{color:var(--mut);opacity:.85}
:where(input[type=checkbox],input[type=radio]){accent-color:var(--red)}

/* tema anahtarı (3 durumlu: Açık · Sistem · Koyu) */
.tsw{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2)}
.tsw button{display:inline-flex;align-items:center;gap:.35rem;height:32px;min-width:32px;padding:0 .6rem;border:0;border-radius:999px;background:transparent;color:var(--mut);font:600 .78rem/1 var(--font,system-ui);cursor:pointer;justify-content:center}
.tsw button svg{width:16px;height:16px;flex-shrink:0}
.tsw button[aria-pressed=true]{background:var(--surface);color:var(--ink-strong);box-shadow:0 1px 3px rgba(0,0,0,.18)}
.tsw button:focus-visible{outline:2px solid #5b9dff;outline-offset:1px}
.tsw--icons button span{display:none}
.tbtn{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink-strong);cursor:pointer;flex-shrink:0}
.tbtn:hover{background:var(--surface-2)}
.tbtn svg{width:18px;height:18px}

.tbtn--cycle span{display:none;place-items:center;line-height:0}
:root[data-theme=light] .tbtn--cycle .ti-light,:root[data-theme=dark] .tbtn--cycle .ti-dark,:root:not([data-theme]) .tbtn--cycle .ti-system{display:grid}
@media (max-width:900px){.nav .tbtn--cycle{display:none}}
.foot__bar{display:flex;justify-content:center;margin-top:1.2rem}
.foot__theme{display:flex;align-items:center;gap:.7rem;font-size:.85rem;color:rgba(255,255,255,.8)}
.foot .tsw{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}
.foot .tsw button{color:rgba(255,255,255,.85)}
.foot .tsw button[aria-pressed=true]{background:#fff;color:#0f1d36}
.mdrawer__theme{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem 1rem;border-top:1px solid var(--line);color:var(--mut);font-size:.85rem;background:var(--surface)}
.bar .tbtn{width:38px;height:38px;border-radius:10px}

/* mobil çekmece: genel <details> (SSS kartı) stili akordeon satırlarına taşmasın */
.mm details{border:0;border-radius:0;background:none;padding:0;margin:0;box-shadow:none}