/* ==================================================================
 * YENI ARAYUZ (2.48.0)
 *
 * Yalnizca yeni arayuz acikken yukleniyor (head.ejs). Butun siniflar
 * `y-` onekli; eski sayfalarin `.card`, `.tabs` gibi siniflarina
 * DOKUNULMUYOR - eski arayuzu secen kisi birebir eskisini goruyor.
 *
 * Renkler temadan (`--brand`, `--line`...): Staff > Gorunum'de marka
 * rengini degistiren yeni arayuzu de degistirmis oluyor.
 * ================================================================== */

/*
 * `hidden` HER ZAMAN GIZLESIN. Asagidaki `display: flex/grid` kurallari
 * ozniteligi eziyordu: taslak notu ilk acilista bos formda "taslagin geri
 * yuklendi" diye gorunuyordu (2.47'deki "kimse yok" yazisiyla ayni hata).
 */
.y-basvuru [hidden], .y-bugun [hidden], .staffside--yeni [hidden], .staffbar--yeni [hidden], .y-ara [hidden], .y-not[hidden] { display: none !important; }

/* ---------- Cizgi ikonlar (services/ikonlar.js) ---------- */
.yico {
  width: 18px; height: 18px; flex: none;
  stroke: currentColor; fill: none; stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round;
}
.yico--sm { width: 15px; height: 15px; }
.yico--lg { width: 22px; height: 22px; }

/* ==================================================================
 * STAFF MENUSU
 * ================================================================== */
.staffside--yeni { background: #0b0b0e; }
.staffside--yeni .staffside__scroll { padding: .75rem .6rem .5rem; }

.y-arabtn {
  display: flex; align-items: center; gap: .55rem; width: 100%;
  min-height: 40px; padding: 0 .55rem 0 .7rem; margin-bottom: .6rem;
  border-radius: 10px; border: 1px solid var(--line-strong);
  background: rgba(255, 255, 255, .03); color: var(--muted);
  font: inherit; font-size: .82rem; text-align: left; cursor: pointer;
  transition: border-color .12s, color .12s;
}
.y-arabtn:hover { border-color: var(--brand-mid); color: var(--text); }
.y-arabtn span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.y-staff kbd, .y-ara kbd {
  font-family: var(--mono); font-size: .66rem; line-height: 1;
  padding: .2rem .38rem; border-radius: 6px;
  border: 1px solid var(--line-strong); color: var(--muted);
  white-space: nowrap; background: transparent;
}

.staffside--yeni .staffside__group { margin-top: .8rem; }
.staffside--yeni .staffside__group + .staffside__group { margin-top: .8rem; }
.staffside--yeni .staffside__head { padding: 0 .55rem .3rem; font-size: .62rem; letter-spacing: .14em; }

.y-item {
  gap: .65rem; min-height: 33px; padding: .3rem .55rem;
  border-radius: 9px; font-size: .85rem;
}
.y-item .yico { color: var(--faint); transition: color .12s; }
.y-item:hover .yico { color: var(--muted); }
.staffside--yeni .y-item.is-active {
  background: var(--brand-soft); color: var(--text);
  font-weight: 500; box-shadow: none;
}
.staffside--yeni .y-item.is-active .yico { color: var(--brand); }

/* Bekleyen is rozeti */
.y-rozet {
  margin-left: auto; flex: none;
  min-width: 1.35rem; padding: .1rem .42rem; border-radius: 99px;
  font-size: .68rem; font-weight: 700; text-align: center; line-height: 1.35;
  background: rgba(255, 255, 255, .08); color: var(--text);
}
.y-rozet--acil { background: var(--brand); color: var(--brand-ink); }

/* Alt: siteyi gor + arayuz secimi, tek sirada */
.y-alt {
  flex: none; display: flex; align-items: center; justify-content: space-between; gap: .5rem;
  padding: .55rem .8rem; border-top: 1px solid var(--line);
}
.y-alt__link {
  display: inline-flex; align-items: center; gap: .35rem;
  color: var(--faint); text-decoration: none; font-size: .76rem;
}
.y-alt__link:hover { color: var(--text); }
.y-arayuz { margin: 0; }
.y-arayuz button {
  background: none; border: 0; padding: .2rem 0; cursor: pointer;
  color: var(--faint); font: inherit; font-size: .74rem;
  text-decoration: underline; text-decoration-color: var(--line-strong); text-underline-offset: 3px;
}
.y-arayuz button:hover { color: var(--text); text-decoration-color: currentColor; }
.y-arayuz--menu { padding: .6rem .6rem .2rem; border-top: 1px solid var(--line); margin-top: .5rem; }

/* ---------- Dar ekran ust cubugu ---------- */
.staffbar--yeni .staffbar__trigger { justify-content: flex-start; }
.staffbar--yeni .staffbar__trigger > span:not(.staffbar__caret) { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.staffbar--yeni .staffbar__list a .yico { color: var(--faint); }
.staffbar--yeni .staffbar__list a.is-active .yico { color: var(--brand); }
.staffbar--yeni .staffbar__list a .y-rozet { margin-left: auto; }
.staffbar--yeni .staffbar__list { max-height: min(70vh, 560px); }
.y-arabtn-kucuk { display: inline-flex; align-items: center; gap: .35rem; flex: none; }

@media (min-width: 1100px) {
  /* Genis ekranda soldaki menu her seyi gosteriyor, ust cubuk gereksiz */
  .y-staff .staffbar--yeni { display: none; }
}
@media (max-width: 420px) {
  .y-arabtn-kucuk span, .staffbar--yeni .staffbar__site { display: none; }
}

/* ---------- Birlesen sayfalarin sekme seridi ---------- */
.y-sekme-serit { position: relative; z-index: 3; padding-top: 1.4rem; }
.y-sekme-serit ~ main { padding-top: 1.6rem; }
.y-sekmeler {
  display: flex; gap: .25rem; overflow-x: auto; scrollbar-width: none;
  border-bottom: 1px solid var(--line);
}
.y-sekmeler::-webkit-scrollbar { display: none; }
.y-sekme {
  flex: none; padding: .6rem .85rem; margin-bottom: -1px;
  color: var(--muted); text-decoration: none; font-size: .88rem; font-weight: 500;
  border-bottom: 2px solid transparent; white-space: nowrap;
}
.y-sekme:hover { color: var(--text); }
.y-sekme.is-active { color: var(--text); border-bottom-color: var(--brand); }

@media (min-width: 1100px) {
  .y-staff .y-sekme-serit { margin-left: 232px; }
}
@media print {
  .y-sekme-serit { display: none; }
}

/* ==================================================================
 * CTRL+K HIZLI ARAMA
 * ================================================================== */
.y-ara {
  width: min(640px, calc(100vw - 32px));
  max-height: min(580px, calc(100vh - 96px));
  margin: 11vh auto auto; padding: 0;
  border: 1px solid var(--line-strong); border-radius: 16px;
  /* OPAK: --surface yari saydam, altindaki sayfa icinden gorunurdu */
  background: #131316; color: var(--text);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .65);
  overflow: hidden;
}
.y-ara[open] { display: flex; flex-direction: column; }
.y-ara::backdrop { background: rgba(0, 0, 0, .58); backdrop-filter: blur(3px); }

.y-ara__giris {
  display: flex; align-items: center; gap: .7rem; flex: none;
  padding: .85rem 1rem; border-bottom: 1px solid var(--line);
  color: var(--faint);
}
.y-ara__giris input {
  flex: 1; min-width: 0; background: none; border: 0; outline: none;
  color: var(--text); font: inherit; font-size: 1rem; padding: .2rem 0;
}
.y-ara__giris input::-webkit-search-cancel-button { display: none; }

.y-ara__sonuc { flex: 1; overflow-y: auto; padding: .4rem; overscroll-behavior: contain; }
.y-ara__blok + .y-ara__blok { margin-top: .35rem; }
.y-ara__grup {
  margin: 0; padding: .55rem .65rem .3rem;
  font-size: .64rem; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--faint);
}
.y-ara__satir {
  display: grid; grid-template-columns: 1fr auto; column-gap: .6rem; align-items: center;
  padding: .55rem .7rem; border-radius: 10px;
  color: var(--text); text-decoration: none;
}
.y-ara__satir.is-secili { background: var(--brand-soft); }
.y-ara__satir.is-secili .y-ara__ad { color: var(--text); }
.y-ara__ad { font-size: .92rem; font-weight: 500; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.y-ara__alt {
  grid-column: 1 / -1; font-size: .76rem; color: var(--muted);
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.y-ara__rozet {
  font-size: .66rem; font-weight: 700; padding: .1rem .45rem; border-radius: 99px;
  color: var(--ok); background: var(--ok-bg); border: 1px solid rgba(16, 185, 129, .3);
}
.y-ara__kayit { border-radius: 10px; }
.y-ara__islemler { display: flex; flex-wrap: wrap; gap: .35rem; padding: 0 .7rem .55rem; }
.y-ara__islem {
  font-size: .74rem; padding: .25rem .6rem; border-radius: 99px;
  border: 1px solid var(--line-strong); color: var(--muted); text-decoration: none;
}
.y-ara__islem:hover, .y-ara__islem:focus-visible { color: var(--text); border-color: var(--brand-mid); background: var(--brand-soft); }
.y-ara__bos { margin: 0; padding: 1.4rem 1rem; text-align: center; color: var(--faint); font-size: .88rem; }

.y-ara__ipucu {
  flex: none; display: flex; flex-wrap: wrap; gap: .4rem 1rem;
  padding: .6rem 1rem; border-top: 1px solid var(--line);
  font-size: .72rem; color: var(--faint);
}
@media (max-width: 600px) {
  .y-ara { margin-top: 12px; max-height: calc(100vh - 24px); }
  .y-ara__ipucu span:nth-child(n+3) { display: none; }
  .y-ara__giris kbd { display: none; }
}

/* ==================================================================
 * BUGUN (staff ana sayfasi)
 * ================================================================== */
.y-bas {
  display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;
  gap: 1rem 1.5rem; margin-bottom: 1.8rem;
}
.y-bas__baslik { margin: .35rem 0 0; font-size: clamp(1.7rem, 3vw, 2.2rem); line-height: 1.1; }
.y-bas__alt { margin: .45rem 0 0; color: var(--muted); font-size: .92rem; }
.y-bas__alt::first-letter { text-transform: uppercase; }
.y-bas__eylem { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.y-bas__eylem form { margin: 0; }
.y-ikonlu { display: inline-flex; align-items: center; gap: .4rem; }

.y-bolum {
  margin: 0 0 .8rem; font-size: .7rem; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase; color: var(--faint);
}

/* Ikon kutusu - bekleyen kartlari, departmanlar */
.y-nokta {
  width: 44px; height: 44px; border-radius: 12px; flex: none;
  display: grid; place-items: center;
  background: rgba(255, 255, 255, .05); color: var(--muted);
}
.y-nokta--marka { background: var(--brand-soft); color: var(--brand); }
.y-nokta--uyari { background: var(--warn-bg); color: #fbbf24; }
.y-nokta--tehlike { background: var(--danger-bg); color: #fb7185; }
.y-nokta--iyi { background: var(--ok-bg); color: #34d399; }
.y-nokta--mavi { background: rgba(96, 165, 250, .12); color: #93c5fd; }

.y-bekleyen {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: .85rem; margin-bottom: 1.3rem;
}
.y-bekleyen__kart {
  display: flex; align-items: center; gap: .9rem;
  padding: 1rem 1.1rem; border-radius: var(--r);
  background: var(--surface); border: 1px solid var(--line);
  color: var(--text); text-decoration: none;
  transition: border-color .15s, background .15s, transform .15s;
}
.y-bekleyen__kart:hover { border-color: var(--line-strong); background: var(--surface-hover); transform: translateY(-1px); }
.y-bekleyen__sayi { display: block; font-size: 1.65rem; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.y-bekleyen__metin { display: block; margin-top: .3rem; font-size: .82rem; color: var(--muted); line-height: 1.35; }

/* Telefonda iki sutun: bes kart alt alta bir ekrani dolduruyordu */
@media (max-width: 600px) {
  .y-bekleyen { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
  .y-bekleyen__kart { flex-direction: column; align-items: flex-start; gap: .65rem; padding: .85rem; }
  .y-bekleyen__kart .y-nokta { width: 36px; height: 36px; border-radius: 10px; }
  .y-bekleyen__sayi { font-size: 1.4rem; }
}
@media (max-width: 340px) { .y-bekleyen { grid-template-columns: minmax(0, 1fr); } }

.y-sakin {
  display: flex; align-items: center; gap: .9rem; margin-bottom: 1.3rem;
  padding: 1rem 1.1rem; border-radius: var(--r);
  border: 1px dashed var(--line-strong);
}
.y-sakin__baslik { margin: 0 0 .15rem; font-weight: 600; }
.y-sakin p { margin: 0; }

.y-cipler { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.6rem; }
.y-cip {
  display: inline-flex; align-items: center; gap: .4rem;
  min-height: 28px; padding: 0 .7rem; border-radius: 99px;
  font-size: .78rem; font-weight: 600; white-space: nowrap;
  border: 1px solid var(--line-strong); color: var(--muted); text-decoration: none;
}
.y-cip::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex: none; }
.y-cip--iyi { color: #34d399; border-color: rgba(16, 185, 129, .35); background: var(--ok-bg); }
.y-cip--uyari { color: #fbbf24; border-color: rgba(245, 158, 11, .35); background: var(--warn-bg); }
.y-cip--kotu { color: #fb7185; border-color: rgba(244, 63, 94, .35); background: var(--danger-bg); }
.y-cip--notr { color: var(--faint); }
a.y-cip:hover { filter: brightness(1.15); }
@media (max-width: 600px) { .y-cip { white-space: normal; padding: .3rem .7rem; } }

.y-izgara { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 1rem; align-items: start; }
.y-yigin { display: grid; gap: 1rem; min-width: 0; }
@media (max-width: 900px) { .y-izgara { grid-template-columns: minmax(0, 1fr); } }

.y-kart {
  padding: 1.15rem 1.2rem; border-radius: var(--r);
  background: var(--surface); border: 1px solid var(--line); min-width: 0;
}
.y-kart__bas { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .3rem 1rem; margin-bottom: 1rem; }
.y-kart__baslik { margin: 0; font-size: .98rem; font-weight: 600; }
.y-kart__ek { color: var(--faint); font-weight: 400; }
.y-bag { color: var(--muted); text-decoration: none; }
.y-bag:hover { color: var(--brand); }

/* 24 saat cubuk grafigi */
.y-grafik { display: flex; align-items: flex-end; gap: 4px; height: 150px; }
.y-grafik__sut { flex: 1; min-width: 0; height: 100%; display: flex; align-items: flex-end; }
.y-grafik__sut span {
  display: block; width: 100%; border-radius: 4px 4px 2px 2px;
  background: color-mix(in srgb, var(--brand) 38%, transparent);
  transition: background .12s;
}
.y-grafik__sut:hover span { background: color-mix(in srgb, var(--brand) 65%, transparent); }
.y-grafik__sut.is-simdi span { background: var(--brand); }
.y-grafik__eksen { display: flex; justify-content: space-between; margin-top: .55rem; font-size: .72rem; color: var(--faint); font-variant-numeric: tabular-nums; }
@media (max-width: 480px) { .y-grafik { gap: 2px; height: 120px; } }

.y-dept { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .7rem; }
.y-dept__kart {
  display: flex; align-items: center; gap: .75rem; padding: .75rem;
  border: 1px solid var(--line); border-radius: 12px;
  color: var(--text); text-decoration: none;
}
.y-dept__kart:hover { border-color: var(--line-strong); background: var(--surface-hover); }
.y-dept__kart .y-nokta { width: 38px; height: 38px; border-radius: 10px; }
.y-dept__ad { display: block; font-weight: 600; font-size: .92rem; }

.y-akis { list-style: none; margin: 0; padding: 0; }
.y-akis__oge { display: flex; gap: .75rem; padding: .7rem 0; border-bottom: 1px solid var(--line); }
.y-akis__oge:first-child { padding-top: 0; }
.y-akis__oge:last-child { border-bottom: 0; padding-bottom: 0; }
.y-akis__oge.is-geri .y-akis__metin { color: var(--faint); text-decoration: line-through; text-decoration-color: var(--line-strong); }
.y-akis__metin { margin: 0; font-size: .86rem; line-height: 1.4; overflow-wrap: anywhere; }
.y-akis__metin b { font-weight: 600; }
.y-akis__zaman { margin: .15rem 0 0; font-size: .74rem; color: var(--faint); }
.y-avatar {
  width: 30px; height: 30px; border-radius: 50%; flex: none;
  display: grid; place-items: center;
  background: rgba(255, 255, 255, .07); color: var(--muted);
  font-size: .68rem; font-weight: 700; letter-spacing: .02em;
}

/* ==================================================================
 * BASVURU AKISI (turler, adim adim form, durum)
 * ================================================================== */
.y-bas__baslik--buyuk { font-size: clamp(1.9rem, 4.2vw, 2.8rem); letter-spacing: -.02em; max-width: 22ch; }
.y-bas__alt--genis { max-width: 62ch; line-height: 1.55; }
.y-bas__alt--genis::first-letter { text-transform: none; }

.y-cip--marka { color: var(--brand); border-color: var(--brand-mid); background: var(--brand-soft); }

/* Bilgi notu */
.y-not {
  display: flex; gap: .7rem; align-items: flex-start;
  padding: .8rem 1rem; margin-bottom: 1.2rem; border-radius: 12px;
  border: 1px solid var(--line-strong); background: rgba(255, 255, 255, .025);
  font-size: .9rem; line-height: 1.5;
}
.y-not > .yico { margin-top: .12rem; color: var(--muted); }
.y-not p { margin: 0 0 .5rem; }
.y-not p:last-child { margin-bottom: 0; }
.y-not .btn { margin-top: .4rem; }
.y-not--iyi { border-color: rgba(16, 185, 129, .35); background: var(--ok-bg); }
.y-not--iyi > .yico { color: #34d399; }
.y-not--kotu { border-color: rgba(244, 63, 94, .35); background: var(--danger-bg); }
.y-not--kotu > .yico { color: #fb7185; }
.y-not--uyari { border-color: rgba(245, 158, 11, .3); background: var(--warn-bg); }
.y-not--uyari > .yico { color: #fbbf24; }
.y-not--marka { border-color: var(--brand-mid); background: var(--brand-soft); }
.y-not--marka > .yico { color: var(--brand); }

.y-bagdugme {
  background: none; border: 0; padding: 0; cursor: pointer; font: inherit;
  color: var(--brand); text-decoration: underline; text-underline-offset: 3px;
}

/* ---- Tur kartlari ---- */
.y-turler { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 310px), 1fr)); gap: 1.1rem; }
.y-tur {
  display: flex; flex-direction: column; min-width: 0; overflow: hidden;
  background: #111114; border: 1px solid var(--line); border-radius: 18px;
}
.y-tur__bant {
  position: relative; height: 88px; display: flex; align-items: flex-end; padding: 1rem 1.1rem;
  background: var(--brand-soft);
}
.y-tur__ikon {
  width: 50px; height: 50px; border-radius: 14px; display: grid; place-items: center;
  background: rgba(9, 9, 11, .55); font-size: 1.5rem; line-height: 1;
}
.y-tur__durum { position: absolute; top: .85rem; right: .85rem; background-color: rgba(9, 9, 11, .75); }
.y-tur__govde { flex: 1; display: flex; flex-direction: column; gap: .8rem; padding: 1.1rem; }
.y-tur__ad { margin: 0; font-size: 1.2rem; font-weight: 700; }
.y-tur__aciklama { margin: .3rem 0 0; color: var(--muted); font-size: .88rem; line-height: 1.5; }
.y-tur__olcu { margin: 0; display: flex; flex-wrap: wrap; gap: .3rem .9rem; font-size: .8rem; color: var(--faint); }
.y-tur__mesaj { margin: 0; font-size: .84rem; color: var(--muted); }
.y-tur__mesaj--kotu { color: #fda4af; }
.y-tur__alt { margin-top: auto; padding-top: .2rem; }
.y-tur.is-kapali .y-tur__ikon { filter: grayscale(.6); opacity: .8; }
.btn.is-pasif { opacity: .6; cursor: not-allowed; pointer-events: none; }

.y-sartlar { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; font-size: .86rem; }
.y-sartlar li { display: flex; align-items: center; gap: .55rem; }
.y-sartlar__isaret { width: 20px; height: 20px; border-radius: 6px; display: grid; place-items: center; flex: none; }
.y-sartlar .is-tamam .y-sartlar__isaret { background: var(--ok-bg); color: #34d399; }
.y-sartlar .is-eksik .y-sartlar__isaret { background: var(--danger-bg); color: #fb7185; }
.y-sartlar .is-eksik { color: var(--text); }

.y-nasil { margin-top: 2.6rem; }
.y-nasil__liste {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: .9rem;
}
.y-nasil__liste li {
  display: flex; flex-direction: column; gap: .25rem; padding: 1rem 1.1rem;
  border: 1px solid var(--line); border-radius: var(--r); background: var(--surface);
}
.y-nasil__liste span:last-child { color: var(--muted); font-size: .84rem; line-height: 1.5; }
.y-nasil__no { font-size: 1.6rem; font-weight: 800; color: var(--brand); line-height: 1.1; }

/* ---- Form ust kismi ---- */
.y-geri { margin: 0 0 1rem; font-size: .88rem; }
.y-geri a { color: var(--muted); text-decoration: none; }
.y-geri a:hover { color: var(--brand); }
.y-form-bas { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.y-form-bas__ikon {
  width: 56px; height: 56px; border-radius: 15px; flex: none;
  display: grid; place-items: center; font-size: 1.6rem; background: var(--brand-soft);
}
.y-form-bas__metin { flex: 1; min-width: 0; }
.y-form-bas__metin h1 { margin: 0; font-size: clamp(1.5rem, 3.2vw, 2rem); letter-spacing: -.02em; line-height: 1.15; }
.y-form-bas__metin p { margin: .2rem 0 0; }
.y-form-bas--kart { margin-bottom: 0; }
.y-taslak { font-size: .8rem; color: var(--faint); white-space: nowrap; }
.y-ilerleme { height: 6px; border-radius: 99px; background: rgba(255, 255, 255, .06); overflow: hidden; margin-bottom: 1.6rem; }
.y-ilerleme i { display: block; height: 100%; background: var(--brand); border-radius: inherit; transition: width .25s var(--ease); }

.y-form-izgara {
  display: grid; gap: 1.4rem; align-items: start;
  grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) minmax(220px, 290px);
}
.y-form-izgara > .y-form { min-width: 0; }
@media (max-width: 1100px) {
  .y-form-izgara { grid-template-columns: minmax(180px, 220px) minmax(0, 1fr); }
  .y-form-izgara > .y-yan { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
}
@media (max-width: 760px) {
  .y-form-izgara { grid-template-columns: minmax(0, 1fr); }
}

/* Adim listesi - dar ekranda yatay serit */
.y-adimlar { display: flex; flex-direction: column; gap: .35rem; position: sticky; top: calc(var(--topbar-h) + 1rem); }
.y-adimlar[hidden] { display: none; }
.y-adimlar__oge {
  display: flex; align-items: center; gap: .7rem; min-height: 50px; padding: .55rem .7rem;
  border: 0; border-radius: 12px; background: none; color: var(--muted);
  font: inherit; text-align: left; cursor: pointer;
}
.y-adimlar__oge:hover { background: var(--surface-hover); color: var(--text); }
.y-adimlar__no {
  width: 30px; height: 30px; border-radius: 50%; flex: none; display: grid; place-items: center;
  border: 1px solid var(--line-strong); font-size: .82rem; font-weight: 700;
}
.y-adimlar__ad { display: block; font-weight: 600; font-size: .9rem; color: inherit; }
.y-adimlar__ozet { display: block; font-size: .76rem; color: var(--faint); }
.y-adimlar__oge.is-acik { background: var(--brand-soft); color: var(--text); }
.y-adimlar__oge.is-acik .y-adimlar__no { background: var(--brand); border-color: var(--brand); color: var(--brand-ink); }
.y-adimlar__oge.is-tamam .y-adimlar__no { background: var(--ok-bg); border-color: transparent; color: #34d399; font-size: 0; }
.y-adimlar__oge.is-tamam .y-adimlar__no::before { content: "✓"; font-size: .85rem; }
@media (max-width: 760px) {
  .y-adimlar { position: static; flex-direction: row; overflow-x: auto; gap: .3rem; scrollbar-width: none; margin: 0 -.2rem; }
  .y-adimlar::-webkit-scrollbar { display: none; }
  .y-adimlar__oge { flex: none; min-height: 44px; padding: .4rem .6rem; }
  .y-adimlar__ozet { display: none; }
  .y-adimlar__oge:not(.is-acik) .y-adimlar__ad { display: none; }
}

/* Adimlar: betik varsa yalnizca acik olan gorunur */
.y-form { display: grid; gap: 1rem; }
.y-form.is-adimli .y-adim:not(.is-acik) { display: none; }
.y-adim { padding: 1.5rem; }
.y-adim__baslik { margin: 0; font-size: 1.3rem; font-weight: 700; }
.y-adim__baslik:focus { outline: none; }
.y-adim__giris { margin: .3rem 0 0; color: var(--muted); font-size: .88rem; }
.y-adim__alt {
  display: flex; justify-content: space-between; gap: .6rem; flex-wrap: wrap;
  margin-top: 1.4rem; padding-top: 1.1rem; border-top: 1px solid var(--line);
}
.y-adim__alt[hidden] { display: none; }
.y-adim__alt .btn--primary { margin-left: auto; }
.y-adim > .y-not { margin: 1.2rem 0 0; }

.y-alan { margin-top: 1.3rem; }
.y-alan__etiket { display: block; font-weight: 600; font-size: .93rem; margin-bottom: .3rem; }
.y-alan__yardim { display: block; color: var(--faint); font-size: .8rem; margin: -.1rem 0 .45rem; line-height: 1.45; }
.y-alan textarea + .y-alan__yardim { margin: .4rem 0 0; }
.y-zorunlu { color: #fb7185; }
.y-alan.has-error input, .y-alan.has-error textarea, .y-alan.has-error select { border-color: var(--danger); }
.y-alan__hata { margin-top: .4rem; color: #fda4af; font-size: .82rem; white-space: pre-line; }
.y-alan__hata[hidden] { display: none; }
.y-onay { display: flex; gap: .7rem; align-items: flex-start; cursor: pointer; line-height: 1.5; }
.y-onay input { width: 18px; height: 18px; accent-color: var(--brand); margin-top: .2rem; flex: none; }
.y-sayac { display: flex; justify-content: space-between; gap: .5rem; margin-top: .35rem; font-size: .78rem; color: var(--faint); font-variant-numeric: tabular-nums; }
.y-sayac .is-tamam { color: #34d399; font-weight: 600; }
.y-sayac .is-eksik { color: #fbbf24; font-weight: 600; }

/* Gozden gecir */
.y-ozet { margin-top: 1rem; display: grid; gap: .8rem; }
.y-ozet__blok { border: 1px solid var(--line); border-radius: 12px; padding: .9rem 1rem; }
.y-ozet__bas { display: flex; justify-content: space-between; align-items: baseline; gap: .6rem; margin-bottom: .5rem; }
.y-ozet__bas h3 { margin: 0; font-size: .95rem; }
.y-ozet dl, .y-cevaplar { margin: 0; display: grid; gap: .15rem; }
.y-ozet dt, .y-cevaplar dt { font-size: .8rem; color: var(--faint); margin-top: .55rem; }
.y-ozet dt:first-child, .y-cevaplar dt:first-child { margin-top: 0; }
.y-ozet dd, .y-cevaplar dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .9rem; line-height: 1.55; }
.y-ozet dd.is-bos { color: var(--faint); }

/* Yan kartlar */
.y-yan { display: grid; gap: .9rem; min-width: 0; }
.y-kv { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: .45rem 1rem; font-size: .87rem; }
.y-kv dt { color: var(--faint); }
.y-kv dd { margin: 0; text-align: right; }
.y-ipucu { margin: 0; padding-left: 1.1rem; display: grid; gap: .5rem; font-size: .85rem; color: var(--muted); line-height: 1.5; }

/* ---- Durum sayfasi ---- */
.y-durum-izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 320px); gap: 1.2rem; align-items: start; }
@media (max-width: 900px) { .y-durum-izgara { grid-template-columns: minmax(0, 1fr); } }
.y-kart--genis { padding: 1.5rem; }
.y-kart--genis > .btn { margin-top: .4rem; }
.y-kart--genis > p { margin: 1rem 0 .6rem; }

.y-cizelge { list-style: none; margin: 1.6rem 0 1.2rem; padding: 0; }
.y-cizelge__oge { position: relative; display: flex; gap: .9rem; padding-bottom: 1.3rem; }
.y-cizelge__oge:last-child { padding-bottom: 0; }
.y-cizelge__oge::before {
  content: ""; position: absolute; left: 13px; top: 28px; bottom: 0; width: 2px;
  background: var(--line-strong);
}
.y-cizelge__oge:last-child::before { display: none; }
.y-cizelge__oge.is-tamam::before { background: rgba(16, 185, 129, .45); }
.y-cizelge__isaret {
  position: relative; z-index: 1; width: 28px; height: 28px; border-radius: 50%; flex: none;
  display: grid; place-items: center; border: 2px solid var(--line-strong); background: var(--bg);
}
.is-tamam > .y-cizelge__isaret { background: var(--ok); border-color: var(--ok); color: #fff; }
.is-kotu > .y-cizelge__isaret { background: var(--danger); border-color: var(--danger); color: #fff; }
.is-simdi > .y-cizelge__isaret { border-color: var(--brand); box-shadow: 0 0 0 4px var(--brand-soft); }
.is-simdi > .y-cizelge__isaret::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--brand); }
.is-sonra, .is-atlandi { opacity: .6; }
.y-cizelge__govde { min-width: 0; flex: 1; padding-top: .2rem; }
.y-cizelge__zaman { margin: 0; font-size: .76rem; color: var(--faint); }
.y-cizelge__baslik { margin: .1rem 0 0; font-weight: 600; }
.y-cizelge__aciklama { margin: .2rem 0 0; font-size: .86rem; color: var(--muted); }
.y-cizelge__not { margin: .35rem 0 0; font-size: .88rem; overflow-wrap: anywhere; }
.y-cizelge .y-not { margin: .7rem 0 0; }

.y-acilir { margin-top: .9rem; }
.y-acilir > summary { cursor: pointer; color: var(--brand); font-size: .88rem; }
.y-acilir[open] > summary { margin-bottom: .8rem; }

.y-diger { list-style: none; margin: 0; padding: 0; }
.y-diger li + li { border-top: 1px solid var(--line); }
.y-diger a { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .6rem 0; color: var(--text); text-decoration: none; }
.y-diger a > span:first-child { display: flex; flex-direction: column; min-width: 0; }
.y-diger a:hover b { color: var(--brand); }
@media (max-width: 600px) {
  /* Telefonda baslik tam genislik, durum cipi alt satira */
  .y-form-bas--kart .y-form-bas__metin { flex-basis: calc(100% - 72px); }
  .y-form-bas--kart .y-cip { margin-left: 72px; }
  .y-adim, .y-kart--genis { padding: 1.1rem; }
  .y-taslak { width: 100%; }
}

/* ==================================================================
 * 2.98.0 DESTEK, SIRALAMALAR, KURALLAR (yeni arayuz sayfalari)
 *
 * Halit: "Destek, Siralamalar, Kurallar sayfalarini guzellestir."
 * Eski sayfalar (destek.ejs, leaderboard.ejs, rules.ejs, rule-doc.ejs)
 * oldugu gibi; bu kurallar yalnizca yeni arayuzde yukleniyor.
 * Renkler temadan - marka rengi degisince bunlar da degisiyor; tek
 * istisna kursudeki madalya renkleri (altin/gumus/bronz her temada ayni).
 * ================================================================== */
.y-destek [hidden], .y-sira [hidden], .y-kurallar [hidden], .y-kr-doc [hidden] { display: none !important; }

/* ---------------- DESTEK ---------------- */
.y-dk-bilgi { display: flex; flex-direction: column; align-items: flex-end; gap: .45rem; }
.y-dk-bilgi__oge {
  display: inline-flex; align-items: center; gap: .5rem; padding: .45rem .85rem;
  border-radius: 99px; border: 1px solid var(--line); background: var(--surface);
  color: var(--muted); font-size: .86rem;
}
.y-dk-bilgi__oge b { color: var(--text); font-variant-numeric: tabular-nums; }
.y-dk-bilgi__oge .yico { color: var(--brand); }
.y-dk-bilgi__oge.is-dolu { border-color: rgba(245, 158, 11, .35); background: var(--warn-bg); }
.y-dk-bilgi__oge.is-dolu .yico { color: #fbbf24; }
@media (max-width: 700px) { .y-dk-bilgi { flex-direction: row; flex-wrap: wrap; align-items: flex-start; } }

.y-dk { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 360px); gap: 1.2rem; align-items: start; }
@media (max-width: 900px) { .y-dk { grid-template-columns: minmax(0, 1fr); } }
.y-dk-form { padding: 1.4rem; }
.y-dk-form__baslik { margin: 0 0 1.1rem; font-size: 1.15rem; font-weight: 700; }
.y-dk-form__alanlar, .y-dk-konu { border: 0; margin: 0; padding: 0; min-width: 0; }
.y-dk-form__alanlar[disabled] { opacity: .5; }
.y-dk-konu > legend { padding: 0; }
.y-dk-konu__izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; }
@media (max-width: 560px) { .y-dk-konu__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; } }
.y-dk-konu__oge { position: relative; display: block; cursor: pointer; min-width: 0; }
/* Gorunmez ama odaklanabilir: klavyeyle oklarla gezilebilsin */
.y-dk-konu__oge input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.y-dk-konu__kutu {
  display: flex; align-items: center; gap: .6rem; min-height: 50px; padding: .55rem .8rem;
  border-radius: 12px; border: 1px solid var(--line-strong); background: rgba(255, 255, 255, .02);
  color: var(--muted); font-size: .88rem; font-weight: 600; line-height: 1.25;
  transition: border-color .12s, background .12s, color .12s;
}
.y-dk-konu__kutu > span { min-width: 0; overflow-wrap: anywhere; }
.y-dk-konu__oge:hover .y-dk-konu__kutu { border-color: var(--brand-mid); color: var(--text); }
.y-dk-konu__oge input:checked + .y-dk-konu__kutu {
  border-color: var(--brand); background: var(--brand-soft); color: var(--text); box-shadow: inset 0 0 0 1px var(--brand);
}
.y-dk-konu__oge input:checked + .y-dk-konu__kutu .yico { color: var(--brand); }
.y-dk-konu__oge input:focus-visible + .y-dk-konu__kutu { outline: 2px solid var(--brand); outline-offset: 2px; }
/* label satir ici - bosluk icin blok */
.y-dk-form .y-alan { display: block; margin-top: 1.25rem; }
.y-dk-form .y-alan textarea { min-height: 150px; }
.y-dk-form__alt {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem 1rem;
  margin-top: 1.3rem; padding-top: 1.1rem; border-top: 1px solid var(--line);
}
.y-dk-guven { margin: 0; display: flex; align-items: flex-start; gap: .45rem; max-width: 44ch; font-size: .8rem; line-height: 1.45; color: var(--faint); }
.y-dk-guven .yico { flex: none; margin-top: .1rem; }
.y-dk-form__alt .btn { margin-left: auto; }
@media (max-width: 560px) {
  .y-dk-form { padding: 1.1rem; }
  .y-dk-form__alt .btn { width: 100%; justify-content: center; }
}

.y-dk-yan { display: grid; gap: 1rem; min-width: 0; }
.y-dk-liste .y-kart__bas { margin-bottom: .5rem; }
.y-dk-talepler { list-style: none; margin: 0 -.55rem; padding: 0; display: grid; gap: .15rem; }
.y-dk-talep {
  display: grid; gap: .28rem; padding: .7rem .6rem; border-radius: 12px;
  color: var(--text); text-decoration: none; transition: background .12s;
}
.y-dk-talep:hover { background: var(--surface-hover); color: var(--text); }
.y-dk-talep.is-yeni { background: var(--brand-soft); }
.y-dk-talep__ust { display: flex; align-items: center; justify-content: space-between; gap: .6rem; min-width: 0; }
.y-dk-talep__ad { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9rem; }
.y-dk-talep__ad b { font-variant-numeric: tabular-nums; }
.y-dk-talep.is-kapali .y-dk-talep__ad { color: var(--muted); }
.y-dk-talep .y-cip { min-height: 24px; padding: 0 .55rem; font-size: .72rem; flex: none; }
.y-dk-talep__metin {
  font-size: .84rem; line-height: 1.45; color: var(--muted); overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.y-dk-talep__alt { display: flex; align-items: center; gap: .7rem; font-size: .76rem; color: var(--faint); }
.y-dk-talep__tarih { flex: none; font-size: .76rem; color: var(--faint); white-space: nowrap; }
.y-dk-talep__yeni { display: inline-flex; align-items: center; gap: .38rem; color: var(--brand); font-weight: 700; }
.y-dk-talep__yeni::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 0 3px var(--brand-soft); }
.y-dk-bos { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.55; }
.y-dk-kapanan { margin-top: .8rem; }
.y-dk-kapanan > summary { color: var(--muted); }
.y-dk-kapanan[open] > summary { margin-bottom: .4rem; }
.y-dk-oyun p { margin: .55rem 0 0; color: var(--muted); font-size: .86rem; line-height: 1.6; }
.y-dk-komut {
  display: inline-block; padding: .1rem .45rem; border-radius: 7px;
  border: 1px solid var(--line-strong); background: rgba(255, 255, 255, .06); color: var(--text); font-size: .82rem;
}

/* Talep sayfasi */
.wrap.y-dk-detay { width: min(880px, 100% - 3rem); }
.y-dk-detay__alt { display: flex; flex-wrap: wrap; gap: .2rem .8rem; }
.y-dk-detay__alt > span + span { padding-left: .8rem; border-left: 1px solid var(--line-strong); }
.y-dk-adim { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.y-dk-adim__oge {
  display: flex; align-items: flex-start; gap: .6rem; min-width: 0;
  padding-top: .85rem; border-top: 3px solid var(--line-strong); color: var(--faint);
}
.y-dk-adim__oge.is-tamam { border-top-color: var(--ok); color: var(--text); }
.y-dk-adim__oge.is-simdi { border-top-color: var(--brand); color: var(--text); }
.y-dk-adim__isaret {
  width: 22px; height: 22px; border-radius: 50%; flex: none;
  display: grid; place-items: center; border: 2px solid var(--line-strong);
}
.y-dk-adim__isaret .yico { width: 13px; height: 13px; stroke-width: 3; }
.is-tamam > .y-dk-adim__isaret { background: var(--ok); border-color: var(--ok); color: #fff; }
.is-simdi > .y-dk-adim__isaret { border-color: var(--brand); box-shadow: 0 0 0 4px var(--brand-soft); }
.is-simdi > .y-dk-adim__isaret::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--brand); }
.y-dk-adim__metin { display: flex; flex-direction: column; min-width: 0; font-size: .86rem; line-height: 1.3; }
.y-dk-adim__metin span { margin-top: .15rem; font-size: .76rem; color: var(--faint); }
@media (max-width: 560px) {
  .y-dk-adim { gap: .4rem; }
  .y-dk-adim__oge { flex-direction: column; gap: .4rem; }
  .y-dk-adim__metin { font-size: .78rem; }
}

.y-dk-sohbet { padding: 1.3rem; }
.y-dk-akis { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1.1rem; }
.y-dk-msj { display: flex; align-items: flex-end; gap: .6rem; max-width: min(80%, 620px); min-width: 0; }
.y-dk-msj--oyuncu { align-self: flex-end; flex-direction: column; align-items: flex-end; }
.y-dk-msj--yetkili { align-self: flex-start; }
.y-dk-msj__govde { display: flex; flex-direction: column; min-width: 0; }
.y-dk-msj__ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: .15rem .5rem; margin-bottom: .3rem; font-size: .76rem; color: var(--faint); }
.y-dk-msj__ust b { color: var(--text); font-size: .82rem; }
.y-dk-msj--oyuncu .y-dk-msj__ust { justify-content: flex-end; }
.y-dk-msj__rol { color: var(--brand); font-weight: 600; }
.y-dk-msj__balon {
  margin: 0; padding: .7rem .95rem; border-radius: 16px;
  white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.55; font-size: .93rem;
}
.y-dk-msj--oyuncu .y-dk-msj__balon { background: var(--brand-soft); border: 1px solid var(--brand-mid); border-bottom-right-radius: 5px; }
.y-dk-msj--yetkili .y-dk-msj__balon { background: rgba(255, 255, 255, .045); border: 1px solid var(--line-strong); border-bottom-left-radius: 5px; }
.y-dk-msj__av { width: 32px; height: 32px; margin-bottom: .15rem; }
@media (max-width: 560px) { .y-dk-msj { max-width: 94%; } .y-dk-sohbet { padding: 1rem; } }
.y-dk-bekle { display: flex; align-items: center; justify-content: center; gap: .5rem; margin: 1.2rem 0 0; color: var(--muted); font-size: .86rem; text-align: center; }
.y-dk-yaz { display: flex; align-items: flex-end; gap: .6rem; margin-top: 1.3rem; padding-top: 1.1rem; border-top: 1px solid var(--line); }
.y-dk-yaz textarea { flex: 1; min-width: 0; min-height: 56px; }
@media (max-width: 560px) { .y-dk-yaz { flex-direction: column; align-items: stretch; } .y-dk-yaz .btn { justify-content: center; } }
.y-dk-kapandi { margin-top: 1.3rem; padding: 1.1rem; border-radius: 12px; border: 1px dashed var(--line-strong); text-align: center; }
.y-dk-kapandi p { margin: 0 0 .3rem; overflow-wrap: anywhere; }
.y-dk-kapandi__alt { color: var(--muted); font-size: .86rem; }
.y-dk-kapandi .btn { margin-top: .5rem; }

/* ---------------- SIRALAMALAR ---------------- */
.y-sira-sekmeler {
  display: flex; gap: .3rem; width: max-content; max-width: 100%; margin: 0 0 1.8rem; padding: .3rem;
  border-radius: 14px; border: 1px solid var(--line); background: var(--surface);
  overflow-x: auto; scrollbar-width: none;
}
.y-sira-sekmeler::-webkit-scrollbar { display: none; }
.y-sira-sekme {
  flex: none; display: inline-flex; align-items: center; gap: .45rem; min-height: 38px; padding: 0 .9rem;
  border-radius: 10px; color: var(--muted); font-size: .86rem; font-weight: 600; text-decoration: none; white-space: nowrap;
}
.y-sira-sekme:hover { color: var(--text); background: var(--surface-hover); }
.y-sira-sekme.is-active, .y-sira-sekme.is-active:hover { background: var(--brand); color: var(--brand-ink); }
/* Betik yoksa panolar alt alta; betik sekmeye cevirince yalnizca secili */
.y-sira-pano + .y-sira-pano { margin-top: 3.2rem; }
.y-sira.is-sekmeli .y-sira-pano:not(.is-acik) { display: none; }
.y-sira.is-sekmeli .y-sira-pano + .y-sira-pano { margin-top: 0; }
.y-sira-pano:focus { outline: none; }
.y-sira-pano__bas { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: .7rem 1.2rem; margin-bottom: 1.6rem; }
.y-sira-pano__baslik { margin: 0; font-size: 1.35rem; font-weight: 700; letter-spacing: -.01em; }
.y-sira-pano__alt { margin: .25rem 0 0; color: var(--muted); font-size: .88rem; }
.y-sira-senin {
  margin: 0; display: inline-flex; align-items: center; gap: .5rem; padding: .45rem .85rem;
  border-radius: 99px; border: 1px solid var(--brand-mid); background: var(--brand-soft); font-size: .85rem;
}
.y-sira-senin .yico { color: var(--brand); flex: none; }
.y-sira-sen {
  flex: none; display: inline-flex; align-items: center; min-height: 20px; padding: 0 .45rem;
  border-radius: 99px; background: var(--brand); color: var(--brand-ink); font-size: .68rem; font-weight: 800;
}
.y-sira-bos { margin: 0; padding: 1.4rem; border: 1px dashed var(--line-strong); border-radius: var(--r); color: var(--muted); text-align: center; }

/* Kursu: 2 - 1 - 3. DOM sirasi 1-2-3 (ekran okuyucu sirayla okusun). */
.y-podyum {
  list-style: none; margin: 0 auto; padding: 0; max-width: 760px;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: .8rem;
  border-bottom: 1px solid var(--line-strong);
}
.y-podyum__oge { --madalya: #e8b931; --madalya-rgb: 232, 185, 49; display: flex; flex-direction: column; align-items: center; min-width: 0; text-align: center; }
.y-podyum__oge--1 { order: 2; }
.y-podyum__oge--2 { order: 1; --madalya: #c3ccd6; --madalya-rgb: 195, 204, 214; }
.y-podyum__oge--3 { order: 3; --madalya: #cd8a5c; --madalya-rgb: 205, 138, 92; }
.y-podyum--1 .y-podyum__oge--1 { grid-column: 2; }
.y-podyum__kim { display: flex; flex-direction: column; align-items: center; gap: .3rem; max-width: 100%; }
.y-podyum__ad {
  max-width: 100%; font-weight: 700; font-size: 1rem; line-height: 1.25; overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.y-podyum__oge--1 .y-podyum__ad { font-size: 1.12rem; }
.y-podyum__deger { margin-top: .35rem; max-width: 100%; color: var(--madalya); font-size: 1.05rem; font-weight: 800; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.y-podyum__ek { margin-top: .1rem; color: var(--faint); font-size: .76rem; }
.y-podyum__basamak {
  width: 100%; height: 96px; margin-top: .8rem; padding-top: .45rem;
  display: flex; justify-content: center; overflow: hidden;
  border: 1px solid rgba(var(--madalya-rgb), .38); border-bottom: 0; border-radius: 14px 14px 4px 4px;
  background: linear-gradient(180deg, rgba(var(--madalya-rgb), .22), rgba(var(--madalya-rgb), .03) 88%);
  transform-origin: bottom;
}
.y-podyum__oge--1 .y-podyum__basamak { height: 136px; }
.y-podyum__oge--3 .y-podyum__basamak { height: 70px; }
.y-podyum__sira { color: var(--madalya); font-size: 3.2rem; font-weight: 800; line-height: 1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.y-podyum__oge--1 .y-podyum__sira { font-size: 4.4rem; }
.y-podyum__oge.is-ben .y-podyum__basamak { box-shadow: inset 0 0 0 2px var(--brand); }

.y-sira-liste { list-style: none; margin: 1.8rem auto 0; padding: 0; max-width: 760px; display: grid; gap: .2rem; }
.y-sira-satir {
  display: grid; grid-template-columns: 2.4rem minmax(0, 1fr) auto;
  grid-template-areas: "no ad deger" "no cubuk cubuk";
  align-items: center; column-gap: .8rem; row-gap: .45rem; padding: .7rem .9rem; border-radius: 12px;
}
.y-sira-satir:nth-child(odd) { background: rgba(255, 255, 255, .022); }
.y-sira-satir.is-ben { background: var(--brand-soft); box-shadow: inset 0 0 0 1px var(--brand-mid); }
.y-sira-satir__no { grid-area: no; color: var(--faint); font-size: 1.05rem; font-weight: 800; text-align: center; font-variant-numeric: tabular-nums; }
.y-sira-satir__ad { grid-area: ad; display: flex; align-items: center; gap: .45rem; min-width: 0; font-weight: 600; }
.y-sira-satir__ad > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.y-sira-satir__deger { grid-area: deger; text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.y-sira-satir__deger small { display: block; color: var(--faint); font-size: .74rem; font-weight: 400; }
.y-sira-satir__cubuk { grid-area: cubuk; height: 4px; border-radius: 99px; background: rgba(255, 255, 255, .05); overflow: hidden; }
.y-sira-satir__cubuk i { display: block; height: 100%; border-radius: inherit; background: var(--brand); opacity: .75; transform-origin: left; }

/* Tek an: pano acilinca basamaklar sirayla yukseliyor, cubuklar doluyor */
@media (prefers-reduced-motion: no-preference) {
  .y-podyum__basamak { animation: y-podyum-yuksel .65s cubic-bezier(.2, .8, .2, 1) both; }
  .y-podyum__oge--2 .y-podyum__basamak { animation-delay: .1s; }
  .y-podyum__oge--1 .y-podyum__basamak { animation-delay: .2s; }
  .y-sira-satir__cubuk i { animation: y-cubuk-dol .8s .25s cubic-bezier(.2, .8, .2, 1) both; }
}
@keyframes y-podyum-yuksel { from { transform: scaleY(.1); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes y-cubuk-dol { from { transform: scaleX(0); } to { transform: none; } }

@media (max-width: 560px) {
  /* Dar ekranda sekmeler gizli kalmasin: ikili izgara (kaydirma yok) */
  .y-sira-sekmeler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .y-sira-sekme { justify-content: center; padding: 0 .6rem; font-size: .82rem; }
  .y-podyum { gap: .45rem; }
  .y-podyum__ad, .y-podyum__oge--1 .y-podyum__ad { font-size: .86rem; }
  .y-podyum__deger { font-size: .86rem; }
  .y-podyum__ek { font-size: .7rem; }
  .y-podyum__basamak { height: 72px; }
  .y-podyum__oge--1 .y-podyum__basamak { height: 100px; }
  .y-podyum__oge--3 .y-podyum__basamak { height: 54px; }
  .y-podyum__sira { font-size: 2.4rem; }
  .y-podyum__oge--1 .y-podyum__sira { font-size: 3.2rem; }
  .y-sira-satir { grid-template-columns: 1.8rem minmax(0, 1fr) auto; column-gap: .6rem; padding: .65rem .6rem; }
  .y-sira-satir__deger { font-size: .9rem; }
}

/* ---------------- KURALLAR ---------------- */
.y-kurallar mark, .y-kr-doc mark { background: rgba(var(--brand-rgb), .24); color: inherit; border-radius: 3px; padding: 0 .08em; }
.y-kr-bas { max-width: 780px; padding: .6rem 0 2.2rem; }
.y-kr-bas__baslik { margin: 0; max-width: 13ch; font-size: clamp(2.3rem, 6vw, 4rem); font-weight: 800; line-height: 1.02; letter-spacing: -.035em; text-wrap: balance; }
.y-kr-bas__alt { margin: 1rem 0 0; max-width: 60ch; color: var(--muted); font-size: 1rem; line-height: 1.6; }
.y-kr-ara {
  display: flex; align-items: center; gap: .5rem; margin-top: 1.7rem; padding: .35rem .35rem .35rem 1rem;
  border-radius: 14px; border: 1px solid var(--line-strong); background: rgba(255, 255, 255, .035);
  transition: border-color .15s, box-shadow .15s;
}
.y-kr-ara:focus-within { border-color: var(--brand); box-shadow: 0 0 0 4px var(--brand-soft); }
.y-kr-ara > .yico { color: var(--faint); }
.y-kr-ara input[type=search], .y-kr-suz input[type=search] {
  flex: 1; min-width: 0; width: auto; padding: .55rem .2rem; border: 0; border-radius: 0; background: transparent; font-size: 1rem;
}
.y-kr-ara input[type=search]:focus, .y-kr-suz input[type=search]:focus { background: transparent; }
/* Tarayicinin temizle carpisi mavi geliyordu - temanin gri tonunda */
.y-kr-ara input[type=search]::-webkit-search-cancel-button, .y-kr-suz input[type=search]::-webkit-search-cancel-button { filter: grayscale(1) brightness(1.4); cursor: pointer; }
.y-kr-ara .btn { flex: none; }
.y-kr-ozet { display: flex; flex-wrap: wrap; gap: .3rem 1.3rem; margin: 1rem 0 0; color: var(--faint); font-size: .84rem; }
.y-kr-ozet b { color: var(--text); font-variant-numeric: tabular-nums; }

.y-kr-sonuclar { max-width: 860px; margin: 0 0 2.6rem; }
.y-kr-sonuclar__sayi { margin: 0 0 .8rem; color: var(--muted); font-size: .88rem; }
.y-kr-sonuclar__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.y-kr-sonuc {
  display: grid; gap: .3rem; padding: .9rem 1rem; border-radius: 12px;
  border: 1px solid var(--line); background: var(--surface); color: var(--text); text-decoration: none;
  transition: border-color .12s, background .12s;
}
.y-kr-sonuc:hover { border-color: var(--brand-mid); background: var(--surface-hover); color: var(--text); }
.y-kr-sonuc__ust { display: flex; align-items: baseline; gap: .55rem; min-width: 0; }
.y-kr-sonuc__baslik { min-width: 0; font-weight: 700; overflow-wrap: anywhere; }
.y-kr-sonuc__belge { color: var(--faint); font-size: .78rem; }
.y-kr-sonuc__alinti { color: var(--muted); font-size: .86rem; line-height: 1.5; overflow-wrap: anywhere; }
.y-kurallar.is-araniyor .y-kr-gruplar { display: none; }

.y-kr-grup + .y-kr-grup { margin-top: 2.6rem; }
.y-kr-grup__bas { display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem .8rem; margin-bottom: .9rem; }
.y-kr-grup__ad { margin: 0; font-size: 1.15rem; font-weight: 700; }
.y-kr-grup__not { color: var(--faint); font-size: .8rem; }
.y-kr-belgeler { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr)); gap: .8rem; }
.y-kr-belge {
  display: flex; align-items: stretch; gap: 1.1rem; min-width: 0; padding: 1rem 1.1rem 1rem 1rem;
  border-radius: var(--r); border: 1px solid var(--line); background: var(--surface);
  color: var(--text); text-decoration: none; transition: border-color .15s, background .15s;
}
.y-kr-belge:hover { border-color: var(--brand-mid); background: var(--surface-hover); color: var(--text); }
.y-kr-belge__sayi {
  flex: none; width: 4.4rem; padding: .55rem 0; border-radius: 10px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: var(--brand-soft); color: var(--brand);
}
.y-kr-belge__sayi b { font-size: 1.6rem; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.y-kr-belge__sayi span { margin-top: .25rem; font-size: .7rem; opacity: .85; }
.y-kr-belge__metin { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: .22rem; }
.y-kr-belge__ad { font-size: 1rem; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }
.y-kr-belge__acik { color: var(--muted); font-size: .84rem; line-height: 1.45; overflow-wrap: anywhere; }
.y-kr-belge__tarih { color: var(--faint); font-size: .76rem; }
.y-kr-belge__ok { align-self: center; flex: none; color: var(--faint); transition: transform .15s, color .15s; }
.y-kr-belge:hover .y-kr-belge__ok { color: var(--brand); transform: translateX(3px); }
.y-kr-belgeler--kucuk { grid-template-columns: minmax(0, 1fr); }
.y-kr-belgeler--kucuk .y-kr-belge { padding: .75rem .9rem .75rem .75rem; }
.y-kr-belgeler--kucuk .y-kr-belge__sayi { width: 3.4rem; padding: .4rem 0; }
.y-kr-belgeler--kucuk .y-kr-belge__sayi b { font-size: 1.2rem; }
@media (max-width: 560px) {
  .y-kr-belge { gap: .85rem; padding: .85rem; }
  .y-kr-belge__sayi { width: 3.6rem; }
  .y-kr-belge__sayi b { font-size: 1.35rem; }
}

/* Belge sayfasi */
.y-kr-doc__bas { max-width: 780px; margin-bottom: 2rem; }
.y-kr-doc__kategori {
  display: inline-flex; margin: 0 0 .7rem; padding: .18rem .65rem; border-radius: 99px;
  background: var(--brand-soft); color: var(--brand); font-size: .78rem; font-weight: 600;
}
.y-kr-doc__baslik { margin: 0; font-size: clamp(1.8rem, 4.5vw, 2.9rem); font-weight: 800; line-height: 1.08; letter-spacing: -.025em; overflow-wrap: anywhere; }
.y-kr-doc__acik { margin: .75rem 0 0; max-width: 62ch; color: var(--muted); font-size: 1rem; line-height: 1.6; }
.y-kr-doc__izgara { display: grid; grid-template-columns: minmax(220px, 290px) minmax(0, 1fr); gap: 2.4rem; align-items: start; }
@media (max-width: 980px) { .y-kr-doc__izgara { grid-template-columns: minmax(0, 1fr); gap: 1.4rem; } }

.y-kr-icindekiler {
  position: sticky; top: calc(var(--topbar-h, 69px) + 1rem); min-width: 0;
  border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); overflow: hidden;
}
.y-kr-icindekiler > summary {
  display: flex; align-items: center; justify-content: space-between; gap: .6rem;
  padding: .85rem 1rem; cursor: pointer; list-style: none; font-size: .92rem; font-weight: 700;
}
.y-kr-icindekiler > summary::-webkit-details-marker { display: none; }
.y-kr-icindekiler > summary > span { margin-left: auto; color: var(--faint); font-size: .8rem; font-weight: 600; }
.y-kr-icindekiler > summary::after {
  content: ""; width: 8px; height: 8px; flex: none; margin: 0 .2rem 3px .3rem;
  border-right: 2px solid var(--faint); border-bottom: 2px solid var(--faint); transform: rotate(45deg); transition: transform .15s;
}
.y-kr-icindekiler[open] > summary::after { transform: rotate(-135deg); margin-bottom: -3px; }
.y-kr-icindekiler__ic {
  max-height: calc(100vh - var(--topbar-h, 69px) - 7rem); overflow: auto; overscroll-behavior: contain;
  padding: .6rem; border-top: 1px solid var(--line); scrollbar-width: thin;
}
@media (max-width: 980px) {
  .y-kr-icindekiler { position: static; }
  .y-kr-icindekiler__ic { max-height: 60vh; }
}
.y-kr-suz {
  display: flex; align-items: center; gap: .45rem; margin-bottom: .5rem; padding: 0 .65rem;
  border-radius: 10px; border: 1px solid var(--line-strong); color: var(--faint);
}
.y-kr-suz:focus-within { border-color: var(--brand); }
.y-kr-suz input[type=search] { font-size: .88rem; padding: .5rem 0; }
.y-kr-toc { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; }
.y-kr-toc a {
  display: flex; align-items: baseline; gap: .55rem; padding: .42rem .55rem; border-radius: 8px;
  color: var(--muted); font-size: .84rem; line-height: 1.35; text-decoration: none;
}
.y-kr-toc a > span:last-child { min-width: 0; overflow-wrap: anywhere; }
.y-kr-toc a:hover { color: var(--text); background: var(--surface-hover); }
.y-kr-toc a.is-active { color: var(--text); background: var(--brand-soft); }
.y-kr-toc__no { flex: none; min-width: 2.1rem; color: var(--faint); font-size: .76rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.y-kr-toc a.is-active .y-kr-toc__no { color: var(--brand); }

.y-kr-maddeler { min-width: 0; max-width: 780px; }
.y-kr-bilgi {
  display: flex; gap: .8rem; margin-bottom: 1.4rem; padding: 1rem 1.1rem;
  border-radius: var(--r); border: 1px solid var(--brand-mid); background: var(--brand-soft);
}
.y-kr-bilgi > .yico { flex: none; margin-top: .15rem; color: var(--brand); }
.y-kr-bilgi p { margin: 0 0 .4rem; line-height: 1.6; overflow-wrap: anywhere; }
.y-kr-bilgi p:last-child { margin-bottom: 0; }
.y-kr-bos { margin: 0 0 1rem; padding: 1rem; border-radius: 12px; border: 1px dashed var(--line-strong); color: var(--muted); }
.y-kr-madde { padding: 1.3rem 0 1.45rem; border-bottom: 1px solid var(--line); scroll-margin-top: calc(var(--topbar-h, 69px) + 1rem); }
.y-kr-madde__bas { display: flex; align-items: flex-start; gap: .75rem; }
.y-kr-kod {
  flex: none; display: inline-flex; align-items: center; justify-content: center;
  min-width: 2.5rem; height: 1.85rem; margin-top: .05rem; padding: 0 .5rem; border-radius: 8px;
  background: var(--brand-soft); color: var(--brand); font-size: .8rem; font-weight: 800; font-variant-numeric: tabular-nums;
}
.y-kr-kod--no { background: rgba(255, 255, 255, .05); color: var(--faint); }
.y-kr-madde__baslik { flex: 1; min-width: 0; margin: 0; font-size: 1.12rem; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.y-kr-madde__bag {
  flex: none; display: inline-flex; align-items: center; gap: .35rem; min-height: 32px; padding: 0 .5rem;
  border-radius: 8px; color: var(--faint); font-size: .76rem; text-decoration: none; opacity: 0; transition: opacity .12s, color .12s;
}
.y-kr-madde:hover .y-kr-madde__bag, .y-kr-madde__bag:focus-visible, .y-kr-madde:target .y-kr-madde__bag, .y-kr-madde__bag.is-kopyalandi { opacity: 1; }
@media (hover: none) { .y-kr-madde__bag { opacity: 1; } }
.y-kr-madde__bag:hover { color: var(--brand); background: var(--surface-hover); }
.y-kr-madde__bag.is-kopyalandi { color: #34d399; }
.y-kr-madde__metin, .y-kr-madde__noktalar {
  margin: .7rem 0 0; padding-left: 3.25rem; color: #d4d4d8; font-size: .95rem; line-height: 1.68; overflow-wrap: anywhere;
}
.y-kr-madde__noktalar { list-style: none; display: grid; gap: .4rem; }
.y-kr-madde__noktalar li { position: relative; padding-left: 1rem; }
.y-kr-madde__noktalar li::before {
  content: ""; position: absolute; left: 0; top: .7em; width: 5px; height: 5px; border-radius: 50%; background: var(--brand); opacity: .7;
}
.y-kr-ceza {
  display: inline-flex; align-items: center; gap: .6rem; max-width: calc(100% - 3.25rem); margin: .9rem 0 0 3.25rem;
  padding: .35rem .8rem .35rem .35rem; border-radius: 10px;
  border: 1px solid rgba(244, 63, 94, .28); background: var(--danger-bg); color: #fecdd3; font-size: .86rem; overflow-wrap: anywhere;
}
.y-kr-ceza__ad { flex: none; padding: .15rem .5rem; border-radius: 6px; background: rgba(244, 63, 94, .22); color: #fda4af; font-size: .74rem; font-weight: 700; }
.y-kr-madde:target .y-kr-kod { background: var(--brand); color: var(--brand-ink); }
@media (prefers-reduced-motion: no-preference) {
  .y-kr-madde:target { animation: y-kr-vurgu 2.6s ease-out; }
}
@keyframes y-kr-vurgu {
  0%, 35% { background: var(--brand-soft); box-shadow: -14px 0 0 var(--brand-soft), 14px 0 0 var(--brand-soft); }
  100% { background: transparent; box-shadow: none; }
}
@media (max-width: 560px) {
  .y-kr-madde__metin, .y-kr-madde__noktalar { padding-left: 0; }
  .y-kr-ceza { margin-left: 0; max-width: 100%; }
  .y-kr-madde__baslik { font-size: 1.04rem; }
}
.y-kr-diger { margin-top: 2.8rem; }
.y-kr-diger__baslik { margin: 0 0 .8rem; font-size: 1rem; font-weight: 700; }
.y-kr-yukari {
  position: fixed; right: 1.2rem; bottom: 1.2rem; z-index: 20; width: 44px; height: 44px; border-radius: 50%;
  display: grid; place-items: center; background: var(--brand); color: var(--brand-ink); box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
}
.y-kr-yukari:hover { color: var(--brand-ink); filter: brightness(1.08); }