/* ============================================================
   Page: sablonlar — Etiket + Sayfa şablonları kapsayıcı (tab)
   Üstte tek başlık+açıklama, altında sola hizalı sekmeler, sonra
   aktif alt-sayfa (#sabHost). Alt-sayfaların kendi başlıkları gizlenir.
   ============================================================ */
.sab-wrap { padding: var(--space-5) var(--space-5) 0; }
.sab-head { margin-bottom: var(--space-4); }
.sab-title { font-size: var(--fs-xl, 1.5rem); font-weight: 800; color: var(--navy); }
.sab-sub { margin-top: 4px; font-size: var(--fs-sm); color: var(--text-muted); max-width: 70ch; }

/* Sekmeler — sola hizalı (acc-tabs varsayılanı zaten sol) */
.sab-tabs { justify-content: flex-start; margin-bottom: var(--space-4); }

/* Alt-sayfa kendi başlığını/üst boşluğunu kapsayıcı içinde gizle */
#sabHost .etk-head, #sabHost .fts-head, #sabHost .elb-head { display: none; }
#sabHost .etk-page, #sabHost .fts-page { padding: 0 0 var(--space-5); }
#sabHost .elb { padding-top: 0; }

/* ── Ürün Etiketleri kapsayıcısı (.ue-wrap): masaüstünde SAYFA scroll'suz;
   paneller eşit yükseklik + içeride scroll (yalnız ≥1024px; mobilde normal akış). ── */
@media (min-width: 1024px) {
  /* #page (grid 1fr satırı) içerikle BÜYÜR → height:100% çözülemez. Bu yüzden ue-wrap'a
     SABİT viewport-yüksekliği veriyoruz: 100vh − topbar − app-content dikey dolgusu
     (≥768'de 2×--space-6). Sabit yükseklik → #page de bununla sınırlanır → sayfa taşmaz. */
  .ue-wrap { height: calc(100vh - var(--topbar-height) - var(--space-6) * 2); display: flex; flex-direction: column; }
  .ue-wrap .sab-head, .ue-wrap .sab-tabs { flex: 0 0 auto; }
  .ue-wrap #sabHost { flex: 1 1 auto; min-height: 0; overflow: auto; padding-bottom: var(--space-5); }
  /* Toplu Basım: iki panel EŞİT yükseklik, sayfa yerine panel-içi scroll */
  .ue-wrap #sabHost .elb { height: 100%; gap: 0; display: flex; flex-direction: column; }
  .ue-wrap #sabHost .elb-grid { flex: 1 1 auto; min-height: 0; align-items: stretch; }
  /* SOL panel: arama sabit, yalnız ürün listesi (.elb-results) scroll eder */
  .ue-wrap #sabHost .elb-pick { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
  .ue-wrap #sabHost .elb-results { max-height: none; flex: 1 1 auto; min-height: 0; }
  /* SAĞ panel: şablon seçici (.elb-tpl) + başlık (.elb-q-head) + footer (.elb-foot) SABİT;
     yalnız kuyruk listesi (.elb-q-body) scroll eder → TEK scroll, şablon kaymaz. */
  .ue-wrap #sabHost .elb-queue { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
  .ue-wrap #sabHost .elb-tpl,
  .ue-wrap #sabHost .elb-q-head,
  .ue-wrap #sabHost .elb-foot { flex: 0 0 auto; }
  .ue-wrap #sabHost .elb-q-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
}