/* Pay Hareketi - veri yogun, sakin, okunakli. Tema duyarli. */
:root{
  --zemin:#fbfaf8; --kart:#ffffff; --cizgi:#e4e0d8;
  --metin:#1c1a17; --ikincil:#55504a; --soluk:#857f77;
  --vurgu:#8a5a2b; --vurgu-zemin:#f5ede2;
  --alim:#2f6b46; --alim-zemin:#e9f2ec;
  --satim:#9c3a2e; --satim-zemin:#f7ebe8;
  --olcu:68rem; --yuvarlak:10px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="acik"]){
    --zemin:#15140f; --kart:#1e1c17; --cizgi:#332f28;
    --metin:#f0ece4; --ikincil:#b5aea4; --soluk:#8a837a;
    --vurgu:#d9a86a; --vurgu-zemin:#2c2419;
    --alim:#7dc79c; --alim-zemin:#1b2a21;
    --satim:#e39182; --satim-zemin:#2e1e1a;
  }
}
:root[data-tema="koyu"]{
  --zemin:#15140f; --kart:#1e1c17; --cizgi:#332f28;
  --metin:#f0ece4; --ikincil:#b5aea4; --soluk:#8a837a;
  --vurgu:#d9a86a; --vurgu-zemin:#2c2419;
  --alim:#7dc79c; --alim-zemin:#1b2a21;
  --satim:#e39182; --satim-zemin:#2e1e1a;
}
*{box-sizing:border-box}
body{margin:0;background:var(--zemin);color:var(--metin);
  font:16px/1.65 ui-sans-serif,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-text-size-adjust:100%;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--vurgu);text-decoration:none}
a:hover{text-decoration:underline}
.kap{max-width:var(--olcu);margin:0 auto;padding:0 1.1rem}

/* ---- ust bant ---- */
.ust{border-bottom:1px solid var(--cizgi);background:var(--kart);position:sticky;top:0;z-index:20}
.ust .kap{display:flex;align-items:center;gap:1rem;min-height:60px}
.logo{font-weight:700;font-size:1.06rem;color:var(--metin);letter-spacing:-.01em;white-space:nowrap}
.logo span{color:var(--vurgu)}
.menu{display:flex;gap:.3rem;margin-left:auto;flex-wrap:wrap}
.menu a{padding:.62rem .7rem;border-radius:8px;color:var(--ikincil);font-size:.93rem;
  min-height:44px;display:flex;align-items:center}
.menu a:hover,.menu a[aria-current="page"]{background:var(--vurgu-zemin);color:var(--vurgu);text-decoration:none}
.mnu-dugme{display:none;margin-left:auto;background:none;border:1px solid var(--cizgi);
  color:var(--metin);border-radius:8px;min-width:48px;min-height:44px;font-size:1.15rem;cursor:pointer}
@media (max-width:860px){
  .mnu-dugme{display:block}
  .menu{display:none;position:absolute;top:60px;left:0;right:0;background:var(--kart);
    border-bottom:1px solid var(--cizgi);flex-direction:column;gap:0;padding:.4rem .9rem .8rem}
  .menu.acik{display:flex}
  .menu a{width:100%;min-height:48px}
}

/* ---- uyari bandi ---- */
.uyari{background:var(--vurgu-zemin);border-bottom:1px solid var(--cizgi);
  color:var(--ikincil);font-size:.84rem;padding:.5rem 0}
.uyari strong{color:var(--metin)}

/* ---- baslik ---- */
h1{font-size:1.72rem;line-height:1.25;margin:1.4rem 0 .5rem;letter-spacing:-.02em}
h2{font-size:1.2rem;margin:2rem 0 .7rem;letter-spacing:-.01em}
h3{font-size:1rem;margin:1.4rem 0 .5rem}
.alt-baslik{color:var(--ikincil);margin:.1rem 0 1.2rem;font-size:1rem}

/* ---- kisa cevap (GEO) ---- */
.kisa{background:var(--kart);border:1px solid var(--cizgi);border-left:3px solid var(--vurgu);
  border-radius:var(--yuvarlak);padding:.95rem 1.1rem;margin:1.1rem 0 1.6rem;color:var(--ikincil)}
.kisa p{margin:.35rem 0}
.kisa p:first-child{margin-top:0;color:var(--metin)}

/* ---- kartlar / sayilar ---- */
.sayilar{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(0,1fr));margin:1.2rem 0}
.sayi{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--yuvarlak);padding:.9rem 1rem}
.sayi b{display:block;font-size:1.5rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sayi span{color:var(--soluk);font-size:.83rem}

/* ---- tablo ---- */
.tablo-kap{overflow-x:auto;-webkit-overflow-scrolling:touch;
  border:1px solid var(--cizgi);border-radius:var(--yuvarlak);background:var(--kart)}
table{border-collapse:collapse;width:100%;font-size:.92rem;min-width:44rem}
th,td{text-align:left;padding:.62rem .8rem;border-bottom:1px solid var(--cizgi);vertical-align:top}
th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--soluk);
  font-weight:600;white-space:nowrap;background:var(--zemin);position:sticky;top:0}
tr:last-child td{border-bottom:none}
td.tar{white-space:nowrap;color:var(--ikincil);font-variant-numeric:tabular-nums}
.etiket{display:inline-block;padding:.13rem .48rem;border-radius:999px;font-size:.75rem;
  font-weight:600;white-space:nowrap}
.e-islem{background:var(--alim-zemin);color:var(--alim)}
.e-gerialim{background:var(--satim-zemin);color:var(--satim)}
.kod{font-weight:600;letter-spacing:.02em}

/* ---- liste / rozet ---- */
.rozetler{display:flex;flex-wrap:wrap;gap:.4rem;margin:.9rem 0}
.rozet{background:var(--kart);border:1px solid var(--cizgi);border-radius:999px;
  padding:.4rem .8rem;font-size:.88rem;color:var(--metin);min-height:36px;display:inline-flex;align-items:center}
.rozet b{color:var(--soluk);font-weight:500;margin-left:.35rem;font-size:.82rem}
.rozet:hover{border-color:var(--vurgu);text-decoration:none}

/* ---- sayfalama / alt ---- */
.alt{border-top:1px solid var(--cizgi);margin-top:3rem;padding:1.6rem 0 2.4rem;
  color:var(--soluk);font-size:.87rem;background:var(--kart)}
.alt a{color:var(--ikincil)}
.alt-bag{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin-bottom:.9rem}
.kaynak{font-size:.82rem;color:var(--soluk)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (max-width:640px){ h1{font-size:1.42rem} .kap{padding:0 .9rem} }

/* ---- arama ---- */
.ara{position:relative;flex:1 1 12rem;max-width:26rem;margin-left:.4rem}
.ara input{width:100%;min-height:44px;font-size:16px;padding:.5rem .8rem;border:1px solid var(--cizgi);
  border-radius:8px;background:var(--zemin);color:var(--metin)}
.ara input:focus{outline:2px solid var(--vurgu);outline-offset:1px}
.ara-sonuc{position:absolute;top:calc(100% + 4px);left:0;right:0;margin:0;padding:.3rem;list-style:none;
  background:var(--kart);border:1px solid var(--cizgi);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:30}
.ara-sonuc a{display:flex;justify-content:space-between;gap:.6rem;padding:.55rem .7rem;border-radius:6px;
  color:var(--metin);min-height:44px;align-items:center}
.ara-sonuc a:hover,.ara-sonuc a:focus{background:var(--vurgu-zemin);text-decoration:none}
.ara-sonuc b{font-weight:500;color:var(--soluk);font-size:.8rem;white-space:nowrap}
@media (max-width:860px){ .ara{order:3;flex-basis:100%;max-width:none;margin:0 0 .6rem} .ust .kap{flex-wrap:wrap;padding-top:.5rem} }

/* ---- son bakilanlar / suzgec ---- */
.son-bakilan{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:1rem 0 0}
.suz-etiket{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--soluk);margin-right:.2rem}
.suzgec{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.4rem 0 .8rem}
.cip{background:var(--kart);border:1px solid var(--cizgi);color:var(--ikincil);border-radius:999px;
  padding:.35rem .8rem;font:inherit;font-size:.86rem;min-height:36px;cursor:pointer}
.cip.aktif{background:var(--vurgu-zemin);border-color:var(--vurgu);color:var(--vurgu);font-weight:600}
.suz-sayac{margin-left:auto;font-size:.82rem;color:var(--soluk);font-variant-numeric:tabular-nums}

/* ---- ay gezinmesi / iki sutun ---- */
.ay-gez{display:flex;justify-content:space-between;gap:.6rem;margin:.6rem 0 1rem;font-size:.92rem}
.ay-gez a{min-height:44px;display:inline-flex;align-items:center;padding:0 .4rem}
.iki-sutun{display:grid;gap:0 2rem;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
@media (max-width:640px){ .iki-sutun{grid-template-columns:1fr} }

/* ---- grafik (tek ton + tarama) ---- */
.grafik-kap{margin:1.2rem 0 1.6rem;padding:.8rem .9rem .6rem;background:var(--kart);
  border:1px solid var(--cizgi);border-radius:var(--yuvarlak)}
.grafik-kap figcaption{font-size:.9rem;margin-bottom:.4rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}
.grafik{width:100%;height:auto;display:block;color:var(--vurgu)}
.grafik .cubuk{fill:var(--vurgu)}
.grafik .geri{fill:url(#tarama);opacity:.9}
.grafik .bos{fill:var(--cizgi)}
.grafik .izg{stroke:var(--cizgi);stroke-width:1}
.grafik .taban{stroke:var(--ikincil);stroke-width:1}
.grafik .eks{fill:var(--soluk);font-size:11px}
.grafik .deg{fill:var(--metin);font-size:11px;font-weight:600}
.grafik .cub:hover .cubuk{opacity:.75}
.lejant{display:flex;gap:1rem;align-items:center;font-size:.8rem;color:var(--soluk);margin-top:.3rem}
.lej-duz,.lej-tarama{display:inline-block;width:14px;height:10px;border-radius:2px;vertical-align:middle;margin-right:.3rem}
.lej-duz{background:var(--vurgu)}
.lej-tarama{background:repeating-linear-gradient(45deg,var(--vurgu) 0 2px,transparent 2px 5px);border:1px solid var(--vurgu)}

/* ---- dar ekranda tablo -> kart (overflow-x tabloyu sessizce kesiyordu) ---- */
body{overflow-wrap:break-word}
@media (max-width:720px){
  table{min-width:0;display:block}
  thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  tbody,tr{display:block}
  tr{border-bottom:1px solid var(--cizgi);padding:.55rem .8rem}
  tr:last-child{border-bottom:none}
  td{display:flex;gap:.6rem;padding:.18rem 0;border:none;align-items:baseline}
  td::before{content:attr(data-etiket);flex:0 0 5.2rem;font-size:.74rem;text-transform:uppercase;
    letter-spacing:.04em;color:var(--soluk)}
  td.tar{font-weight:600;color:var(--metin)}
  td.tar::before{display:none}
  th{position:static}
}

/* ---- olcumle yakalananlar (15.09) ---- */
/* display:flex, UA'nin [hidden] kuralini eziyordu -> bos "Son baktiklariniz" ve suzgec gorunuyordu */
[hidden]{display:none!important}
thead{left:0}
/* satir ici baglantilar 24px dokunma yuksekliginin altindaydi */
td a,.alt-bag a,.uyari a,.kaynak a,.ay-gez a,main p>a{display:inline-block;padding:.2rem 0;min-height:28px}
/* grafik: eksen yazisi 12px altiydi; dar ekranda ayri (kisa) SVG gosterilir */
.grafik .eks,.grafik .deg{font-size:12px}
.grafik-dar{display:none}
@media (max-width:640px){ .grafik-genis{display:none} .grafik-dar{display:block} }
/* 375px'te 4 sayi karti sigmiyordu: "27.113" ve "bildiren" kiriliyordu -> 2 sutun */
@media (max-width:640px){
  .sayilar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sayi b{font-size:1.3rem}
  .uyari{font-size:.8rem}
}
/* tarama cizgisi cubukla ayni renkti -> gorunmuyordu; kart zemini rengiyle cizilir */
.grafik{color:var(--kart)}
.lej-tarama{background:repeating-linear-gradient(45deg,var(--kart) 0 2px,var(--vurgu) 2px 5px);border:1px solid var(--vurgu)}
/* tutar/fiyat sutunlari */
th.say,td.say{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:720px){ td.say{justify-content:flex-start} }
.e-duzeltme{background:var(--vurgu-zemin);color:var(--vurgu)}