/* =====================================================================
   KENAR MENÜ — masaüstü (29 Eyl 2026)
   =====================================================================
   Kullanıcı: "sidebar kısmını çalış; logo altında cümleye gerek yok".
   Referans: Linear / Notion kenar menüsü — marka satırı üst şeritle AYNI
   yükseklikte ve aynı alt çizgide (menüden içeriğe tek yatay çizgi),
   sekmeler amaca göre GRUPLU (küçük başlık), hesap + tema tek satır.
   Handoff sözleşmesi DEĞİŞMEDİ (tasarim-tersine): 246px, sekme 40px,
   aktif #21384F + bakır sol çizgi.
   Telefonda kenar menü çizilmiyor; bu dosya yalnız ≥941px.
   ===================================================================== */
@media (min-width: 941px) {
  .sidebar { gap: 0; padding: 0 var(--sp-3) var(--sp-3); }

  /* marka satırı = üst şerit yüksekliği (16 + 52 + 16 + 1px çizgi) */
  .sidebar > .brand {
    flex: none; box-sizing: border-box;
    height: calc(var(--ctrl-h-lg) + 2 * var(--sp-4) + 1px);
    margin: 0 calc(-1 * var(--sp-3)); padding: 0 var(--sp-5);
    border-bottom: 1px solid rgba(233, 237, 242, 0.1);
  }
  .sidebar .brand-name { font-size: var(--fs-lg); font-weight: 600; letter-spacing: -.01em; }

  .sidebar > .tabs { padding-top: var(--sp-3); }
  .tab-grup {
    flex: none; margin: var(--sp-4) 0 var(--sp-1); padding: 0 11px;
    font-size: var(--fs-xs); font-weight: 600; line-height: 1.4;
    letter-spacing: var(--ls-kas); text-transform: uppercase;
    color: var(--yan-metin-zayif);
  }

  /* hesap + tema: tek satır */
  .sidebar-foot {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center;
    gap: var(--sp-1) var(--sp-2); padding-top: var(--sp-3);
  }
  .sidebar .who { grid-column: 1; grid-row: 1; margin: 0; min-height: var(--icon-box); }
  .sidebar .sync-state { grid-column: 1 / -1; grid-row: 2; }
  .sidebar .theme-btn {
    grid-column: 2; grid-row: 1;
    width: var(--icon-box); height: var(--icon-box); padding: 0;
    justify-content: center; font-size: 0;
  }
  .sidebar .theme-btn .ic { width: 18px; height: 18px; }

  /* ray (daraltılmış): başlık yerine ince ayraç, alt blok tek sütun */
  .layout.rail .sidebar > .brand { padding: 0; justify-content: center; }
  .layout.rail .tab-grup { font-size: 0; height: 1px; margin: var(--sp-3) var(--sp-2); padding: 0; background: rgba(233, 237, 242, 0.1); }
  .layout.rail .sidebar-foot { grid-template-columns: 1fr; justify-items: center; }
  .layout.rail .sidebar .theme-btn { grid-column: 1; grid-row: 2; }
  .layout.rail .sidebar .sync-state { display: none; }
}

/* =====================================================================
   AÇIK TEMADA AÇIK YÜZEYLER — DENEME (29 Eyl 2026, kullanıcı isteği)
   =====================================================================
   "Light modda sidebar da light olsun" → ardından hero ve menüdeki öteki
   lacivert vitrinler (Tekrar `.tk-vitrin`, İstatistik "Seviyen" `.hero`,
   Öğrenciler `.og-vitrin`, Senaryolar `.sn-lvl`). Açık temada ölçülerek
   bulundu (her rota gezildi, koyu zeminli öğe arandı).
   `--yan-*` tokenları :root'ta DEĞİL, yalnızca bu kapların üzerinde
   yeniden tanımlanır; değerler açık temanın kendi tokenları — yeni renk
   icat edilmedi. Koyu tema DOKUNULMAZ. Blok iki kez yazılır: seçili açık
   tema + sistem teması açık (data-theme yok) — style.css'in düzeni.
   Yalnız masaüstü (≥941px); telefon ayrıca konuşulacak.
   ===================================================================== */
@media (min-width: 941px) {
  :root[data-theme="light"] :is(.sidebar, .hero, .tk-vitrin, .og-vitrin, .sn-lvl, .rz-hero, .og-genel-ust) {
    --yan-bg: var(--card); --yan-bg2: var(--card2); --yan-aktif: var(--accent-soft);
    --yan-metin: var(--text); --yan-metin-orta: var(--muted); --yan-metin-zayif: var(--muted);
    --yan-vurgu: var(--accent); --yan-vurgu-2: var(--accent); --yan-cizgi: var(--line);
    --yan-ayrac: var(--line); --yan-ok: var(--ok-strong); --yan-kanal: var(--line);
    --yan-ink-govde: var(--muted); --yan-ink-uc: var(--muted); --yan-ink-kas: var(--muted); --yan-ink-silik: var(--muted);
  }
  /* kenar menü */
  :root[data-theme="light"] .sidebar { border-right: 1px solid var(--line); }
  :root[data-theme="light"] .sidebar > .brand, :root[data-theme="light"] .sidebar-foot { border-color: var(--yan-ayrac); }
  :root[data-theme="light"] .tabs > .tab[data-route="admin"]::before, :root[data-theme="light"] .layout.rail .tab-grup { background: var(--yan-ayrac); }
  :root[data-theme="light"] .sidebar .tab .badge { background: var(--card2); color: var(--accent); }
  :root[data-theme="light"] .sidebar .theme-btn { border-color: var(--line); color: var(--muted); }
  :root[data-theme="light"] .sidebar .theme-btn:hover { border-color: var(--accent); color: var(--text); }
  :root[data-theme="light"] .sidebar .who .linkish { color: var(--muted); }
  :root[data-theme="light"] .sidebar .who-avatar { color: var(--card); }
  /* vitrinler: lacivert yüzey → kâğıt kart (kenar + kart gölgesi) */
  :root[data-theme="light"] :is(.hero, .tk-vitrin, .og-vitrin) { background: var(--card); border: 1px solid var(--line-kart); box-shadow: var(--shadow-card); }
  :root[data-theme="light"] .sn-lvl { background: var(--card2); color: var(--text); }
  /* hero içinde ELLE yazılmış açık/yeşil değerler */
  :root[data-theme="light"] .hero .act .btn:not(.btn-primary) { border-color: var(--btn-line); color: var(--text); }
  :root[data-theme="light"] .hero .act .btn:not(.btn-primary):hover:not(:disabled) { border-color: var(--accent); background: var(--accent-soft); color: var(--text); }
  :root[data-theme="light"] .hero .act .btn-primary .u-count { color: inherit; }
  :root[data-theme="light"] .hero .act .durum-hap { background: var(--ok-soft); color: var(--ok-strong); }
  :root[data-theme="light"] .hero .hero-adim > i { background: var(--line); }
  :root[data-theme="light"] .hero .hero-adim > i.dolu { background: var(--accent); }
  :root[data-theme="light"] .hero .hs-bitti .hs-buyuk, :root[data-theme="light"] .hero .u-ok, :root[data-theme="light"] .hero .ik-ogr b { color: var(--ok-strong); }
  :root[data-theme="light"] .hero .ik-not { color: var(--muted); }
  :root[data-theme="light"] .hero .card { border-color: var(--line-kart); }
  /* rozet dolabı (gradyan muafiyeti rz- önekli): açık temada kâğıt vitrin */
  :root[data-theme="light"] .rz-hero { background: var(--card); border: 1px solid var(--line-kart); box-shadow: var(--shadow-card); }
  :root[data-theme="light"] .rz-kunye-say b, :root[data-theme="light"] .rz-sira-ad { color: var(--text); }
  :root[data-theme="light"] .rz-mad-alt { color: var(--rz-m-ad); }
  :root[data-theme="light"] .rz-sira { background: var(--card2); border-color: var(--line-kart); }
  :root[data-theme="light"] .rz-sira-bar { background: var(--line); }
  :root[data-theme="light"] .rz-raf-golge { opacity: .25; }
  /* Düzeltmeler: bakır bağlantı mavi tint üstünde 4,07 kalıyordu */
  :root[data-theme="light"] .fix-links a { background: var(--card2); }
  /* "Genel toplam" penceresindeki blok — pencere zaten kâğıt, blok kum */
  :root[data-theme="light"] .og-genel-ust { background: var(--card2); border: 1px solid var(--line-kart); }
}
@media (min-width: 941px) and (prefers-color-scheme: light) {
  :root:not([data-theme]) :is(.sidebar, .hero, .tk-vitrin, .og-vitrin, .sn-lvl, .rz-hero, .og-genel-ust) {
    --yan-bg: var(--card); --yan-bg2: var(--card2); --yan-aktif: var(--accent-soft);
    --yan-metin: var(--text); --yan-metin-orta: var(--muted); --yan-metin-zayif: var(--muted);
    --yan-vurgu: var(--accent); --yan-vurgu-2: var(--accent); --yan-cizgi: var(--line);
    --yan-ayrac: var(--line); --yan-ok: var(--ok-strong); --yan-kanal: var(--line);
    --yan-ink-govde: var(--muted); --yan-ink-uc: var(--muted); --yan-ink-kas: var(--muted); --yan-ink-silik: var(--muted);
  }
  /* kenar menü */
  :root:not([data-theme]) .sidebar { border-right: 1px solid var(--line); }
  :root:not([data-theme]) .sidebar > .brand, :root:not([data-theme]) .sidebar-foot { border-color: var(--yan-ayrac); }
  :root:not([data-theme]) .tabs > .tab[data-route="admin"]::before, :root:not([data-theme]) .layout.rail .tab-grup { background: var(--yan-ayrac); }
  :root:not([data-theme]) .sidebar .tab .badge { background: var(--card2); color: var(--accent); }
  :root:not([data-theme]) .sidebar .theme-btn { border-color: var(--line); color: var(--muted); }
  :root:not([data-theme]) .sidebar .theme-btn:hover { border-color: var(--accent); color: var(--text); }
  :root:not([data-theme]) .sidebar .who .linkish { color: var(--muted); }
  :root:not([data-theme]) .sidebar .who-avatar { color: var(--card); }
  /* vitrinler: lacivert yüzey → kâğıt kart (kenar + kart gölgesi) */
  :root:not([data-theme]) :is(.hero, .tk-vitrin, .og-vitrin) { background: var(--card); border: 1px solid var(--line-kart); box-shadow: var(--shadow-card); }
  :root:not([data-theme]) .sn-lvl { background: var(--card2); color: var(--text); }
  /* hero içinde ELLE yazılmış açık/yeşil değerler */
  :root:not([data-theme]) .hero .act .btn:not(.btn-primary) { border-color: var(--btn-line); color: var(--text); }
  :root:not([data-theme]) .hero .act .btn:not(.btn-primary):hover:not(:disabled) { border-color: var(--accent); background: var(--accent-soft); color: var(--text); }
  :root:not([data-theme]) .hero .act .btn-primary .u-count { color: inherit; }
  :root:not([data-theme]) .hero .act .durum-hap { background: var(--ok-soft); color: var(--ok-strong); }
  :root:not([data-theme]) .hero .hero-adim > i { background: var(--line); }
  :root:not([data-theme]) .hero .hero-adim > i.dolu { background: var(--accent); }
  :root:not([data-theme]) .hero .hs-bitti .hs-buyuk, :root:not([data-theme]) .hero .u-ok, :root:not([data-theme]) .hero .ik-ogr b { color: var(--ok-strong); }
  :root:not([data-theme]) .hero .ik-not { color: var(--muted); }
  :root:not([data-theme]) .hero .card { border-color: var(--line-kart); }
  /* rozet dolabı (gradyan muafiyeti rz- önekli): açık temada kâğıt vitrin */
  :root:not([data-theme]) .rz-hero { background: var(--card); border: 1px solid var(--line-kart); box-shadow: var(--shadow-card); }
  :root:not([data-theme]) .rz-kunye-say b, :root:not([data-theme]) .rz-sira-ad { color: var(--text); }
  :root:not([data-theme]) .rz-mad-alt { color: var(--rz-m-ad); }
  :root:not([data-theme]) .rz-sira { background: var(--card2); border-color: var(--line-kart); }
  :root:not([data-theme]) .rz-sira-bar { background: var(--line); }
  :root:not([data-theme]) .rz-raf-golge { opacity: .25; }
  /* Düzeltmeler: bakır bağlantı mavi tint üstünde 4,07 kalıyordu */
  :root:not([data-theme]) .fix-links a { background: var(--card2); }
  /* "Genel toplam" penceresindeki blok — pencere zaten kâğıt, blok kum */
  :root:not([data-theme]) .og-genel-ust { background: var(--card2); border: 1px solid var(--line-kart); }
}