/*
 * sezer.in piyasa bandı. Yükseklik CSS'te sabit: JS değerleri tazelese de sayfa kaymaz (CLS 0).
 * Panel stilleri sezerin-piyasa-panel.css, ilk tıklamada yüklenir.
 * Yeni --sz-* token yok; bileşen değişkenleri --szp-* önekli.
 */
.szp{
  --szp-h:38px;
  --szp-artis:var(--sz-accent-text,#34d399);
  --szp-azalis:var(--sz-danger,#f97066);
  position:relative;
  box-sizing:border-box;
  height:var(--szp-h);
  overflow:hidden;
  background:var(--sz-surface-sunken,#0b0e12);
  border-bottom:1px solid var(--sz-border-subtle,#252b33);
  color:var(--sz-text-subtle,#9aa3af);
  /* Sistem yazı tipi, bilinçli: web fontu geç gelince öğe genişliği değişip sayfa kayıyordu; rakamlar da gerçek eşit genişlikli. */
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:13px;
  line-height:1;
}
.szp *,.szp *::before,.szp *::after{box-sizing:border-box}

.szp__ic{
  display:flex;
  align-items:stretch;
  height:100%;
  max-width:calc(1200px + 2 * var(--szp-kenar,16px));
  margin:0 auto;
  padding:0 var(--szp-kenar,16px);
  gap:8px;
}

.szp__liste{
  display:flex;
  flex:1 1 auto;
  min-width:0;
  align-items:stretch;
  justify-content:space-between;
  gap:2px;
  margin:0 0 0 -8px; /* İlk öğenin iç boşluğu: metin başlık kabıyla hizalanır. */
  padding:0; /* İlk öğenin iç boşluğu: metin başlık kabıyla hizalanır. */
  list-style:none;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
}
.szp__liste::-webkit-scrollbar{display:none}
.szp__oge{flex:0 0 auto;margin:0;padding:0;list-style:none;scroll-snap-align:start}
.szp__oge::before,.szp__oge::marker{content:none}

/* Tema düğme kuralları sızmasın diye her özellik açıkça yazılır. */
.szp .szp__dugme,.szp .szp__tumu{
  display:inline-flex;
  align-items:center;
  height:100%;
  min-height:0;
  margin:0;
  padding:0 8px;
  gap:6px;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  color:inherit;
  font:inherit;
  letter-spacing:0;
  text-transform:none;
  white-space:nowrap;
  transition:background-color 120ms ease;
}
.szp button.szp__dugme,.szp .szp__tumu{cursor:pointer}
.szp button.szp__dugme:hover,.szp .szp__tumu:hover{background:var(--sz-surface-2,#1b2027);color:var(--sz-text-muted,#c2c8d0)}
.szp .szp__dugme:focus-visible,.szp .szp__tumu:focus-visible{
  outline:2px solid var(--sz-focus-ring,#6ee7b7);
  outline-offset:-3px;
}

.szp__ad{color:var(--sz-text-subtle,#9aa3af)}
.szp__deger{
  color:var(--sz-text,#e6e9ee);
  font-weight:500;
  font-variant-numeric:tabular-nums;
}
.szp__deg{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums}
.szp__ok{font-size:9px;line-height:1}
.szp__deg--artis{color:var(--szp-artis)}
.szp__deg--azalis{color:var(--szp-azalis)}
.szp__deg--yatay,.szp__deg--yok{color:var(--sz-text-subtle,#9aa3af)}
.szp__deg--yatay .szp__ok{font-size:7px}

.szp__sr{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  border:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}

.szp__eski{
  padding:2px 4px;
  border:1px solid var(--sz-border,#2d343d);
  border-radius:3px;
  color:var(--sz-text-subtle,#9aa3af);
  font-size:10px;
}
.szp__eski[hidden]{display:none}
.szp__oge--eski .szp__deger{color:var(--sz-text-subtle,#9aa3af)}

.szp .szp__tumu{
  flex:0 0 auto;
  align-self:center;
  height:26px;
  padding:0 10px;
  border:1px solid var(--sz-border,#2d343d);
  border-radius:var(--sz-radius-sm,6px);
  color:var(--sz-text-muted,#c2c8d0);
}
.szp .szp__tumu[aria-busy="true"],.szp .szp__dugme[aria-busy="true"]{opacity:.6;cursor:progress}

/* Dar ekran: yatay kaydırma. Sağdaki solma, devamı olduğunu gösterir; sonda JS kaldırır. */
@media (max-width:1180px){
  .szp__liste{
    justify-content:flex-start;
    -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);
    mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);
  }
  .szp--sonda .szp__liste{-webkit-mask-image:none;mask-image:none}
}
@media (max-width:1100px){
  .szp__tumu-metin{display:none}
  .szp .szp__tumu{width:36px;padding:0;justify-content:center}
}
/* Kenar: sayfa içeriğiyle aynı sol çizgi (telefon 16, tablet 24, 1024 üstü 30 px). */
@media (min-width:768px){
  .szp{--szp-kenar:24px}
}
@media (min-width:1024px){
  .szp{--szp-kenar:30px}
}
/* 1024 px'te altı öğe de sığsın; 60 px'lik fark kesik bir son öğe bırakıyordu. */
@media (min-width:1024px) and (max-width:1100px){
  .szp{font-size:12.5px}
  .szp .szp__dugme{padding:0 6px;gap:5px}
  .szp__liste{gap:0;-webkit-mask-image:none;mask-image:none}
}
/* Dokunmatikte satır 44 px: 38 px'lik şeritte dokunma hedefi taşmadan sağlanamıyor (kaydırma kabı kırpar). */
@media (pointer:coarse){
  .szp{--szp-h:44px}
  .szp .szp__tumu{position:relative;height:36px;width:44px}
  .szp .szp__tumu::after{content:"";position:absolute;inset:-4px 0}
}
.szp--mobil-gizli{display:block}
@media (max-width:767px){
  .szp--mobil-gizli{display:none}
}
@media (prefers-reduced-motion:reduce){
  .szp .szp__dugme,.szp .szp__tumu{transition:none}
}
@media print{
  .szp{display:none}
}
@media (forced-colors:active){
  .szp .szp__tumu{border-color:ButtonText}
}