/* ════════════════════════════════════════════════════════
   K360 UI KATMANI (v37)
   1) index.html'deki en çok tekrar eden inline stillerden
      çıkarılan yardımcı sınıflar (CSP refaktörünün ön adımı)
   2) Uygulama geneli "premium" dokunuşlar
   Kaynak token'lar: css/theme.css
   ════════════════════════════════════════════════════════ */

/* ── YARDIMCI SINIFLAR (inline stil çıkarımı) ── */
/* 8x tekrar: mikro etiket (kart üstü başlıklar) */
.u-label{
  font-size:.6rem;color:var(--tx3);font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;
  display:block;margin-bottom:5px;
}
/* 7x tekrar: bölüm başlığı */
.u-title{font-size:1rem;font-weight:800;margin-bottom:14px}
/* 7x tekrar: soluk yardımcı metin */
.u-muted{font-size:.75rem;color:var(--tx3);font-weight:500}
/* 5x tekrar: soluk küçük açıklama */
.u-hint{font-size:.65rem;color:var(--tx3);margin-bottom:4px;font-weight:600}
/* 5x tekrar: iki uçlu satır düzeni */
.u-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}

/* ── VERİ TİPOGRAFİSİ ──
   Sayı ağırlıklı bir operasyon aracında rakamlar sabit genişlikte
   hizalanmalı; sayaçlar değişirken düzen zıplamaz. */
body{font-variant-numeric:tabular-nums}

/* ── BAŞLIK DENGESİ ── */
h1,h2,h3,.u-title,.page-hdr{text-wrap:balance}

/* ── MİKRO ETKİLEŞİM ──
   Basılı hissi: fiziksel tık simülasyonu (reduced-motion'da
   theme.css global kuralı geçişleri zaten kapatır). */
button{transition:transform .12s var(--ease,ease-out),background-color .2s,border-color .2s,color .2s}
button:not(:disabled):active{transform:translateY(1px)}

/* ── YUMUŞAK KAYDIRMA ── */
html{scroll-behavior:smooth}

/* ── İÇERİĞE ATLA (WCAG klavye kullanıcıları) ── */
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:var(--z-crit,500);
  background:var(--cr);color:#fff;padding:10px 16px;
  border-radius:0 0 var(--r-sm,8px) 0;font-weight:700;font-size:.8rem;
  text-decoration:none;
}
.skip-link:focus-visible{left:0}