/* =====================================================================
   SEKME ŞERİDİ — kanon DadaGastro http://127.0.0.1:8030/puf-noktalari `.pufl-bar` / `.pufl-cats` /
   `.pufc` / `em` (Beyar kuralı, 2026-09-14; docs/HANDOFF.md "KALICI KURAL"). Sekme şeridi olan her
   Diet sayfası bu dosyayı sayfa CSS'inden SONRA yükler: /programlar, /besin-kutuphanesi, /ipuclari,
   /kac-kalori, /puflar, /testler. Yalnız YERLEŞİM ve ÖLÇÜ Gastro'dan; renkler (zemin, yazı, aktif
   sekme, rozet saydamlığı) sayfanın Diet paletinde kalır.

   Gastro ölçümü (Chromium, 1440 ve 390 aynı):
     çubuk   flex · dikey ortalı · aralık 14px (≤640: 10px) · alt boşluk 22px · sola yaslı
     şerit   tam genişlik (flex:1 1 0, min-width:0) · padding 5px · 1px çizgi · radius 12 · sekme arası
             4px · taşarsa kendi içinde yatay kayar · yükseklik 50px
     sekme   padding 9px 14px · ikon–metin 8px · 13px/700 · satır 20px → 38px · radius 8
     ikon    12px · rozet 12px/600, harf aralığı -.01em
     sıralama kutusu (varsa) aynı satırda sağ uçta, merkez hattı şeritle aynı (bkz. `.dl-fbar` kuralı
             sayfa CSS'lerinde).
   ≤1024: sıralama kutusu alt satıra iner, şerit tam genişlikte kalır (Beyar kararı, 2026-09-14 —
   Gastro burada şeridi ~98px'e sıkıştırıyor, o alınmadı).
   ===================================================================== */
:is(.lst-bar,.tst-tabwrap){display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;margin:0 0 22px}
:is(.lst-bar,.tst-tabwrap) > .pf-tabs{display:flex;justify-content:flex-start;flex:1 1 0;min-width:0;max-width:100%;gap:4px;padding:5px;border-width:1px;border-radius:12px;overflow-x:auto;scrollbar-width:none}
:is(.lst-bar,.tst-tabwrap) > .pf-tabs .dt{flex:none;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:700;line-height:20px;border-radius:8px;white-space:nowrap}
:is(.lst-bar,.tst-tabwrap) > .pf-tabs .dt i{font-size:12px}
:is(.lst-bar,.tst-tabwrap) > .pf-tabs .dt .cnt{font-size:12px;font-weight:600;letter-spacing:-.01em}
@media (max-width:1024px){
  :is(.lst-bar,.tst-tabwrap){align-items:center;gap:14px}
  .lst-bar > .pf-tabs{flex-basis:100%}
}
@media (max-width:640px){
  :is(.lst-bar,.tst-tabwrap){gap:10px}
  :is(.lst-bar,.tst-tabwrap) > .pf-tabs .dt{padding:9px 14px}
}