/* azatech – ortak sayfalama çubuğu (sayfala.js). Renk üretmez; mevcut değişkenler. Stripe tarzı sade. */
[data-sy-g] { display: none !important; }   /* bilerek tek kuralda önem işareti: mobil kart/tablo kuralları (display:block) sayfa dışı satırı geri getirmesin */
.sy-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin: 8px 0; font-size: var(--yz-sm, 13px); color: var(--mut); }
.sy-bar[hidden] { display: none; }
.sy-bilgi { font-variant-numeric: tabular-nums; }
.sy-boy { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-weight: 500; }
.sy-boy select { min-height: 36px; width: auto; padding: 4px 28px 4px 10px; border-radius: 8px; }
.sy-dz { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.sy-d { min-width: 36px; height: 36px; padding: 0 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel, #fff); color: var(--ink); font: inherit; font-variant-numeric: tabular-nums; cursor: pointer; }
.sy-d:hover:not(:disabled):not(.on) { border-color: var(--navy); color: var(--navy); }
.sy-d.on { background: var(--navy); border-color: var(--navy); color: #fff; font-weight: 600; cursor: default; }
.sy-d:disabled { opacity: .4; cursor: default; }
.sy-d:focus-visible, .sy-boy select:focus-visible { outline: 2px solid var(--navy); outline-offset: 2px; }
.sy-nokta { padding: 0 4px; color: var(--mut); }
@media (max-width: 640px) {
  .sy-d { min-width: 44px; height: 44px; }
  .sy-boy select { min-height: 44px; }
  .sy-bar { justify-content: center; }
  .sy-bilgi-alt { flex-basis: 100%; text-align: center; }
  .sy-dz { justify-content: center; }
}
@media (max-width: 480px) { .sy-uc { display: none; } .sy-dz { gap: 3px; } }   /* dar telefonda ilk/son düğmesi gizlenir; ‹ › ve numaralar tek satıra sığar */

/* sayfalı tablo: yatay kayan kutuda dikey iç kaydırma (viewport yüksekliği sınırı) kalkar; en çok 10/25 satır olduğu için sayfa akışına bırakılır */
@media (min-width: 641px) { .icerik .tbl-x.kaydirilir:has(> table.sy-sayfali) { max-height: none; } }
/* kenardan kenara listelerde (Daireler) çubuk iç boşluklu */
.list-wrap > .sy-bar, .grid-wrap > .sy-bar { padding: 4px 14px; }