/* VIENEV — dış denetim TUR 1, 25/09/2026.
 * index.html: tema.css, sayfa stilleri, tema-halka.css ve tema-panel-v2.css SONRASI.
 * urun-merkezi.html / kontrol.html: kendi stilleri ve tema-halka.css SONRASI.
 * Ana belgenin CSS'i iframe içine geçmez; SY bu üç belgeye ayrı bağlamalı.
 * Karaca iframe'inin İÇİNE yüklemeyin. Satış/Ölü iç kaynakları sağlanmadı.
 * Veri, yetki, .gizle/.ekran-disi, sayfalama ve JS kancaları değiştirilmez.
 */

/* P2-01: menü, uzun ana belge ve iframe kaydırmasından bağımsız kalır. */
html:is([data-tema="halka"],[data-tema="halka-gece"]) .yerlesim {
  padding-left:232px;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .yerlesim > aside {
  position:fixed;
  inset:0 auto 0 0;
  width:232px;
  height:100vh;
  height:100dvh;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior-y:contain;
  padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));
  z-index:20;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .yerlesim > .icerik {
  min-width:0;
}

/* P1-01: 1fr hücresinin min-content genişliğini başlık belirlemesin. */
html:is([data-tema="halka"],[data-tema="halka-gece"]) #msj-liste .msj-satir {
  grid-template-columns:14px minmax(0,1fr);
  max-width:100%;
  box-sizing:border-box;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) #msj-liste .msj-satir > span,
html:is([data-tema="halka"],[data-tema="halka-gece"]) #msj-liste .msj-bas {
  min-width:0;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) #msj-liste .msj-saat {
  flex:0 0 auto;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) #msj-liste .msj-on {
  overflow-wrap:anywhere;
}

/* P2-04: boş KPI kabının çizgisini kaldır; kısa kartları gereksiz uzatma. */
html:is([data-tema="halka"],[data-tema="halka-gece"]) #halka-sayilar:empty {
  display:none;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-izgara {
  align-items:start;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) #halka-paneli .hl-baslik {
  margin-bottom:14px;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-buyuk {
  flex-wrap:wrap;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-hareket {
  grid-template-columns:44px minmax(0,1fr);
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-hareket > span,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-satir > span,
html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-satir > b {
  min-width:0;
  overflow-wrap:anywhere;
}

/* P2-09: tarih/metin/not/sil aynı sütunlarda, not eylemi tehlike rengi değil. */
html:is([data-tema="halka"],[data-tema="halka-gece"]) #takvim-liste .tk-satir {
  display:grid;
  grid-template-columns:max-content minmax(0,1fr) 44px 44px;
  align-items:start;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) #takvim-liste .tk-satir > span:nth-child(2) {
  overflow-wrap:anywhere;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) #takvim-liste .x {
  margin-left:0;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) #takvim-liste .x[title="Not ekle"] {
  color:var(--metin);
  background:var(--kart-ust);
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) .tk-ekle .m {
  min-width:0;
}

/* P2-14: yalnız Karaca dış kabı; içerideki ürünün renklerine dokunulmaz. */
html:is([data-tema="halka"],[data-tema="halka-gece"]) [data-ekran="karaca"] > .sayac {
  flex-wrap:wrap;
  gap:8px 16px !important;
  margin-bottom:8px;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) [data-ekran="karaca"] > .sayac > a {
  flex:0 0 auto;
  white-space:nowrap;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) iframe.gomulu {
  max-width:100%;
  box-sizing:border-box;
  border:1px solid var(--cizgi);
  border-radius:8px;
  box-shadow:none;
}

/* Ürün listesine özgü seçici; aynı #app'i kullanan ürün dosyasını etkilemez.
 * P1-02 için düğme rengi açıkça tanımlanır; boş metin DOM'da ise SY düzeltmeli.
 */
html:is([data-tema="halka"],[data-tema="halka-gece"]) #app > .ust > a.btn {
  color:var(--metin);
  background:var(--kart);
  border:1px solid var(--cizgi);
  width:auto;
  flex:0 0 auto;
  font-size:13px;
  opacity:1;
  text-decoration:none;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) #app > .arama > input {
  min-width:0;
  width:100%;
  box-sizing:border-box;
}
html:is([data-tema="halka"],[data-tema="halka-gece"]) #app > .kap {
  max-width:100%;
  overflow-x:auto;
}

/* P2-12: kontrol tablolarını kendi kabında tut; başlıkları okunur bırak. */
html:is([data-tema="halka"],[data-tema="halka-gece"]) #ic .tablo-kaydir {
  max-width:100%;
  overflow-x:auto;
  scrollbar-width:auto;
  border:1px solid var(--cizgi);
  border-radius:8px;
}

@media(max-width:760px) {
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .yerlesim {
    padding-left:58px;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .yerlesim > aside {
    width:58px !important;
  }
  /* Mevcut 34px proje düğmeleri tema minimumuyla çelişmesin. */
  html:is([data-tema="halka"],[data-tema="halka-gece"]) aside .proje-sec button {
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
  }
  /* P2-02: başlık tam satır, canlı/güncelle/profil ikinci satır. */
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .icerik > .ustbar {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:4px;
    margin-bottom:12px;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .ustbar > h1 {
    grid-column:1 / -1;
    margin:0;
    overflow-wrap:anywhere;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .ustbar > .canli-btn {
    margin-left:0 !important;
    justify-self:start;
    padding-inline:4px;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .ustbar > .guncelle-btn,
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .ustbar > .kullanici {
    padding-inline:6px;
    min-width:0;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .ustbar > .kullanici {
    overflow-wrap:anywhere;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-kpi {
    margin:12px 0 16px;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-kpi > .hl-olcu {
    padding:12px 8px;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-kpi > .hl-olcu:nth-child(odd) {
    border-left:0;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-ekip {
    grid-auto-flow:row;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px 6px;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .hl-kisi h3 {
    white-space:normal;
    overflow-wrap:anywhere;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .ana-izgara {
    gap:10px;
  }
  /* P2-07: arama üç dar kontrol arasında sıkışmasın. */
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .arama-satir > input {
    flex:1 0 100%;
    width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .arama-satir > select {
    flex:1 1 0;
    min-width:0;
    max-width:100%;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) #msj-liste .msj-ad {
    white-space:normal;
    overflow-wrap:anywhere;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) #takvim-liste .tk-satir {
    grid-template-columns:minmax(0,1fr) 44px 44px;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) #takvim-liste .tk-satir > .z {
    grid-column:1 / -1;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .tk-ekle {
    flex-wrap:wrap;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) .tk-ekle .m {
    flex:1 1 100%;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) #app > .ust,
  html:is([data-tema="halka"],[data-tema="halka-gece"]) #app > .cipler {
    gap:6px;
    margin-bottom:8px;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) #app > .band {
    gap:6px 12px;
    padding:8px 10px;
  }
}

@media(max-width:640px) {
  /* P1-05: mevcut mobil .tar hücre gizlemesine aynı sütunun başlığını eşle.
   * Uzun vadede SY başlığa da class="tar" eklemeli; şimdiki DOM'da sütun 2.
   */
  html:is([data-tema="halka"],[data-tema="halka-gece"]) #app > .kap > table > thead > tr > th:nth-child(2) {
    display:none;
  }
  /* P2-11: durum ve foto açıklaması ürün adını tek kelimelik sütuna sıkıştırmasın. */
  html:is([data-tema="halka"],[data-tema="halka-gece"]) #app > .kap table {
    min-width:540px;
  }
  html:is([data-tema="halka"],[data-tema="halka-gece"]) #app > .kap td.ad {
    min-width:190px;
    overflow-wrap:anywhere;
  }
}
/* VIENEV — dış denetim TUR 2: yalnız Tur 1 üzerine fark.
 * Yalnız index.html: tema-panel-v2.css ve tema-panel-v2-d1.css SONRASI.
 * P2-09: kesilen tarih-saat örneğine yer açar; label/for ve eylem adları
 * SY tarafından HTML'de eklenmeli. Veri/JS/izin/gizleme kurallarına dokunmaz.
 * Karaca veya diğer iframe belgelerine yüklemeyin.
 */
html:is([data-tema="halka"],[data-tema="halka-gece"]) #takvim .tk-ekle > .z {
  box-sizing:border-box;
  flex:0 0 15ch;
  width:15ch;
  min-width:15ch;
  max-width:100%;
}