/* ═══════════════════════════════════════════════════════════════
   TUR24 — NAV RESPONSIVE OVERRIDE
   24 Nisan 2026

   Amaç: nav.nav + .nav-right içindeki butonlar (Yenile / Tanımlar /
   Raporlar / Yazılım Kontrol / Karar Destek) ekran genişliğine göre
   smooth küçülüp büyüsün, iki satıra kırılmasın.

   Neden ayrı dosya: 01-03-nav.css temel dosya, başka modüller de
   kullanıyor. Bozmamak için override olarak sona ekliyoruz.

   Strateji: clamp(min, preferred, max) ile font-size ve padding
   viewport genişliğine bağlı. Hiçbir JS gerekmez, CSS tarayıcıya
   bırakır.
   ═══════════════════════════════════════════════════════════════ */

/* 1) Nav tek satırda kalsın — wrap ile 2 satıra kırılma davranışını durdur.
      Eski .nav kuralı flex-wrap:wrap içeriyordu; burada override. */
nav.nav {
  flex-wrap: nowrap !important;
  overflow-x: hidden;
  align-items: stretch;
}

/* 2) nav-right (sağdaki butonlar grubu): wrap kapat, shrink aç.
      Eski .nav-right flex-wrap:wrap + flex:0 1 auto idi. */
.nav-right {
  flex-wrap: nowrap !important;
  flex-shrink: 1 !important;
  min-width: 0 !important;
  overflow: hidden;
  gap: clamp(2px, 0.4vw, 8px) !important;
  padding: 2px 0 !important;
}

/* 3) Sağ taraftaki butonlar (.cmdlink, .cmdbtn) — clamp ile smooth küçülme.
      - font-size:  dar ekranda 9px, geniş ekranda 12px
      - padding:    yatayda 4-12px, dikeyde 3-7px arası
      - letter-spacing küçüldükçe sıfıra yaklaşsın ki okunaklı kalsın
      - TUR29 (24 Nisan 2026): overflow:hidden + text-overflow:clip
        kuralları kaldırıldı çünkü "Yenil / Tanıml / Raporl" gibi
        harf ortasında kesmeler yapıyordu. Bunun yerine JS (01-174)
        içeriği ikon+label olarak sarıyor, dar ekranda label gizlenir. */
.nav-right .cmdlink,
.nav-right .cmdbtn {
  flex-shrink: 1;
  flex-grow: 0;
  min-width: 0;
  padding: clamp(3px, 0.5vw, 7px) clamp(4px, 0.9vw, 12px) !important;
  font-size: clamp(9px, 0.85vw, 12px) !important;
  letter-spacing: clamp(0px, 0.03em, 0.04em);
  white-space: nowrap;
  line-height: 1.15;
  overflow: visible;  /* TUR29: kesme davranışını tamamen kaldır */
}

/* TUR29: JS'nin (01-174) sardığı ikon ve label span'leri için stil */
.nav-right .cmdlink .cmdlink-icon,
.nav-right .cmdbtn .cmdlink-icon {
  display: inline-block;
  flex: 0 0 auto;
}
.nav-right .cmdlink .cmdlink-label,
.nav-right .cmdbtn .cmdlink-label {
  display: inline-block;
  flex: 0 1 auto;
  margin-left: 4px;
}

/* 4) Üst sekmeler (.ntab) — TUR27 yaması (24 Nisan 2026):
      ÖNCE: flex-shrink:1 + overflow:hidden + text-overflow:clip → tablar
      içerikten önce kesiliyordu (Ana Say / Qutrit Tri / Personel & Pu /
      Kasa / Dina gibi).
      SONRA: flex-shrink:0 (tablar KESİNLİKLE shrink etmez), overflow:visible,
      clamp'li padding/font aynı kalıyor — yine ekrana göre smooth küçülüyor
      ama içerik asla kesilmiyor. Cmdlink'ler önce daraldığı için tabların
      yerine onlar shrink ediyor. */
nav.nav .ntab {
  flex-shrink: 0 !important;
  min-width: max-content;
  padding: clamp(3px, 0.5vw, 10px) clamp(5px, 0.85vw, 14px) !important;
  font-size: clamp(10px, 0.9vw, 13px) !important;
  white-space: nowrap;
  overflow: visible;
}
nav.nav .ntab > span {
  overflow: visible;
  white-space: nowrap;
}

/* 5) nav-sp (flex spacer) shrink yapabilsin — nav-right solundaki boşluk
      ekran darken önce o daralır, sonra butonlar. */
nav.nav .nav-sp {
  flex-shrink: 9999;
  min-width: 0;
}

/* 6) DAR EKRAN — tarayıcı zoom %150+ veya küçük pencere (TUR29):
      ÖNCE: max-width + padding/font override ile metin sıkıştırılıyordu ama
      içerik gene de taşıp harf ortasında kesiliyordu.
      ŞİMDİ: .cmdlink-label span'ini tamamen gizleyip IKON-ONLY moda geçir.
      Kullanıcı mouse ile üstüne gelince tooltip (title) ile tam ismi görür. */
@media (max-width: 1050px) {
  .nav-right .cmdlink .cmdlink-label,
  .nav-right .cmdbtn .cmdlink-label {
    display: none !important;
  }
  .nav-right .cmdlink,
  .nav-right .cmdbtn {
    padding: 4px 8px !important;
    font-size: 14px !important;   /* ikon iyi görünsün */
    min-width: 32px;
  }
  .nav-right .cmdlink .cmdlink-icon,
  .nav-right .cmdbtn .cmdlink-icon {
    margin: 0 !important;
  }
}

/* Ara breakpoint: ntab'lar da padding/font küçülsün */
@media (max-width: 820px) {
  nav.nav .ntab {
    padding: 4px 6px !important;
    font-size: 10px !important;
  }
  .nav-right .cmdlink,
  .nav-right .cmdbtn {
    padding: 3px 6px !important;
    font-size: 13px !important;
    min-width: 28px;
  }
}

/* 7) İPTAL NOKTASI — en küçük tarayıcı penceresi (600px altı), eski
      wrap davranışını geri getir. Böylece aşırı küçük ekranlarda
      kullanılabilirlik korunur (telefon boyutu gibi). */
@media (max-width: 600px) {
  nav.nav { flex-wrap: wrap !important; overflow-x: visible; }
  .nav-right { flex-wrap: wrap !important; overflow: visible; }
  .nav-right .cmdlink,
  .nav-right .cmdbtn {
    max-width: none;
  }
}