.cds-katman {
  position: fixed; inset: 0; z-index: 1080;
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
}
.cds-katman[hidden] { display: none; }

.cds-arka {
  position: absolute; inset: 0;
  background: rgba(3, 6, 12, .78);
  backdrop-filter: blur(2px);
}

.cds-panel {
  position: relative;
  display: flex; flex-direction: column; min-width: 0;
  width: 100%; max-width: 620px; max-height: min(88vh, 760px);
  background: var(--ucuz-panel, var(--ucuz-panel));
  border: 1px solid var(--ucuz-border, var(--ucuz-border));
  border-radius: 14px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .55);
  overflow: hidden;
}

body.cds-kilit { overflow: hidden; }


.cds-ust {
  display: flex; align-items: flex-start; gap: 12px; min-width: 0;
  padding: 14px 16px;
  border-bottom: 1px solid var(--ucuz-border, var(--ucuz-border));
}
.cds-ust-metin { flex: 1 1 auto; min-width: 0; }
.cds-baslik {
  font-size: 1rem; font-weight: 700; color: var(--ucuz-metin);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cds-altbaslik {
  margin-top: 2px; font-size: .74rem; color: var(--ucuz-sonuk);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cds-kapat {
  flex: 0 0 auto;
  width: 32px; height: 32px; padding: 0; line-height: 1;
  border: 1px solid var(--ucuz-border, var(--ucuz-border)); border-radius: 9px;
  background: transparent; color: var(--ucuz-sonuk);
  font-size: 1.35rem; cursor: pointer; transition: .15s;
}
.cds-kapat:hover { color: var(--ucuz-metin); border-color: #46506080; }


.cds-secili-kutu { padding: 12px 16px 0; }
.cds-secili-kutu[hidden] { display: none; }
.cds-secili {
  display: flex; align-items: center; gap: 10px; min-width: 0;
  padding: 8px 10px;
  border: 1px solid rgba(234, 179, 8, .28);
  background: rgba(234, 179, 8, .07);
  border-radius: 10px;
}
.cds-secili-metin { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.cds-secili-etiket {
  display: block; font-size: .62rem; text-transform: uppercase;
  letter-spacing: .07em; color: #a1873a;
}
.cds-secili-ad {
  display: block; font-size: .84rem; font-weight: 600; color: #e8d48b;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cds-kaldir {
  flex: 0 0 auto;
  padding: 5px 11px; border-radius: 8px; cursor: pointer;
  border: 1px solid var(--ucuz-border, var(--ucuz-border));
  background: transparent; color: var(--ucuz-metin2); font-size: .74rem; font-weight: 600;
  transition: .15s;
}
.cds-kaldir:hover { border-color: var(--ucuz-red); color: var(--ucuz-red); }


.cds-arama { padding: 12px 16px; }
.cds-giris {
  width: 100%; max-width: 100%; height: 42px; padding: 0 13px;
  border: 1px solid var(--ucuz-border, var(--ucuz-border)); border-radius: 10px;
  background: var(--ucuz-dark, var(--ucuz-dark)); color: var(--ucuz-metin);
  font-size: .9rem; outline: none; transition: border-color .15s;
  -webkit-appearance: none; appearance: none;
}
.cds-giris:focus { border-color: var(--ucuz-gold, var(--ucuz-gold)); }
.cds-giris::placeholder { color: var(--ucuz-sonuk3); }
.cds-giris::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }


.cds-govde {
  flex: 1 1 auto; min-height: 120px; min-width: 0;
  overflow-y: auto; overflow-x: hidden;
  padding: 0 16px 4px;
  outline: none;
  overscroll-behavior: contain;
}

.cds-dip {
  padding: 9px 16px; min-height: 34px;
  border-top: 1px solid var(--ucuz-border, var(--ucuz-border));
}
.cds-durum { font-size: .72rem; color: #6f7b8a; }
.cds-durum.is-hata { color: #ef8080; }


.cds-liste { list-style: none; margin: 0; padding: 0; }

.cds-satir {
  display: flex; align-items: center; gap: 11px; min-width: 0;
  padding: 9px 10px; margin-bottom: 5px;
  border: 1px solid transparent; border-radius: 10px;
  background: var(--ucuz-dark, var(--ucuz-dark));
  cursor: pointer; transition: border-color .12s, background .12s;
}
.cds-satir:hover { border-color: #3a4454; }
.cds-satir.is-aktif { border-color: var(--ucuz-gold, var(--ucuz-gold)); background: var(--ucuz-yukselti); }

.cds-satir-metin { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.cds-ad {
  display: block; font-size: .87rem; font-weight: 600; color: var(--ucuz-metin);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cds-alt {
  display: block; margin-top: 1px; font-size: .68rem; color: #6f7b8a;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.cds-rozetler { flex: 0 0 auto; display: flex; gap: 5px; }
.cds-rozet {
  padding: 2px 7px; border-radius: 6px;
  font-size: .66rem; font-weight: 700; white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.cds-rozet.is-ap { background: rgba(239, 68, 68, .13); color: #f08a8a; }
.cds-rozet.is-ac { background: rgba(59, 130, 246, .13); color: #8ab4f0; }


.cds-ikon {
  position: relative; flex: 0 0 auto;
  width: 38px; height: 38px; border-radius: 8px;
  border: 1px solid var(--ucuz-border, var(--ucuz-border));
  background: #0a0e14;
  overflow: hidden;
}
.cds-ikon img {
  position: absolute; inset: 0;
  width: 100%; height: 100%; object-fit: contain;
}
.cds-harf {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-style: normal; font-size: .95rem; font-weight: 700; color: var(--ucuz-sonuk3);
}


.cds-satir.is-iskelet { cursor: default; pointer-events: none; }
.cds-satir.is-iskelet .cds-ikon { background: var(--ucuz-yukselti); }
.cds-cizgi {
  display: block; height: 9px; width: 62%; border-radius: 5px;
  background: #1c232e;
}
.cds-cizgi.is-kisa { width: 32%; margin-top: 6px; height: 7px; }

.cds-bos { padding: 34px 12px; text-align: center; color: var(--ucuz-sonuk); }
.cds-bos p { margin: 0 0 6px; font-size: .87rem; }
.cds-bos.is-hata p { color: #ef8080; }
.cds-ipucu { margin: 6px 0 0; font-size: .72rem; color: #6f7b8a; line-height: 1.6; }

.cds-btn {
  margin-top: 10px; padding: 8px 16px; border: 0; border-radius: 9px;
  background: var(--ucuz-gold, var(--ucuz-gold)); color: var(--ucuz-gold-metin);
  font-size: .82rem; font-weight: 700; cursor: pointer;
}
.cds-btn:hover { filter: brightness(1.08); }


.cds-detay { display: flex; flex-direction: column; gap: 14px; padding-bottom: 4px; }

.cds-detay-ust { display: flex; flex-direction: column; gap: 9px; min-width: 0; }
.cds-geri {
  align-self: flex-start;
  padding: 5px 11px; border-radius: 8px; cursor: pointer;
  border: 1px solid var(--ucuz-border, var(--ucuz-border));
  background: transparent; color: var(--ucuz-sonuk); font-size: .74rem; font-weight: 600;
  transition: .15s;
}
.cds-geri:hover { color: var(--ucuz-metin); border-color: #46506080; }
.cds-detay-ad {
  display: flex; align-items: center; gap: 10px; min-width: 0;
  font-size: .95rem; font-weight: 700; color: var(--ucuz-metin);
}
.cds-detay-ad span {
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.cds-alan { min-width: 0; }
.cds-alan-baslik {
  display: block; margin-bottom: 7px;
  font-size: .64rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .09em; color: var(--ucuz-sonuk2);
}
.cds-cipler { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }

.cds-cip {
  padding: 6px 12px; border-radius: 8px; cursor: pointer;
  border: 1px solid var(--ucuz-border, var(--ucuz-border));
  background: var(--ucuz-dark, var(--ucuz-dark)); color: var(--ucuz-metin2);
  font-size: .76rem; font-weight: 600; white-space: nowrap;
  transition: .12s;
}
.cds-cip:hover { border-color: #46506080; color: var(--ucuz-metin); }
.cds-cip.is-secili {
  border-color: var(--ucuz-gold, var(--ucuz-gold));
  background: rgba(234, 179, 8, .1);
  color: #e8d48b;
}
.cds-cip.is-sv {
  min-width: 46px; text-align: center;
  font-variant-numeric: tabular-nums;
}
.cds-cip.is-denk {
  border-color: rgba(34, 197, 94, .45);
  color: var(--ucuz-green, var(--ucuz-green));
}
.cds-cip.is-bekliyor { opacity: .6; cursor: progress; }
.cds-cip:disabled { cursor: not-allowed; }

.cds-onizleme {
  display: flex; align-items: center; gap: 10px; min-width: 0;
  padding: 9px 10px;
  border: 1px solid var(--ucuz-border, var(--ucuz-border)); border-radius: 10px;
  background: var(--ucuz-dark, var(--ucuz-dark));
}
.cds-onizleme-ad {
  flex: 1 1 auto; min-width: 0;
  font-size: .82rem; font-weight: 600; color: var(--ucuz-metin2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}


@media (max-width: 575.98px) {
  .cds-katman { padding: 0; align-items: flex-end; }
  .cds-panel {
    max-width: none; max-height: 92vh;
    border-radius: 14px 14px 0 0;
    border-left: 0; border-right: 0; border-bottom: 0;
  }
  .cds-ust, .cds-arama, .cds-govde, .cds-dip { padding-left: 12px; padding-right: 12px; }
  .cds-secili-kutu { padding-left: 12px; padding-right: 12px; }
  .cds-ikon { width: 34px; height: 34px; }
  .cds-satir { gap: 9px; padding: 8px; }
  .cds-rozet { padding: 2px 5px; font-size: .62rem; }
  .cds-cip { padding: 6px 10px; }
}


.cd-sayfa { max-width: 1720px; }


.cd-alt-baslik {
  font-size: .64rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .09em; color: var(--ucuz-sonuk2); margin-bottom: 7px;
}
.cd-bos-not { font-size: .74rem; color: var(--ucuz-sonuk2); line-height: 1.6; margin: 0; }
.cd-sayac { font-size: .74rem; color: var(--ucuz-sonuk); font-variant-numeric: tabular-nums; }

.cd-chipler { display: flex; flex-wrap: wrap; gap: 5px; min-width: 0; }
.cd-chip {
  padding: 3px 8px; border-radius: 7px; white-space: nowrap;
  border: 1px solid var(--ucuz-border); background: var(--ucuz-dark);
  color: var(--ucuz-sonuk); font-size: .71rem;
}
.cd-chip b { color: var(--ucuz-metin2); font-variant-numeric: tabular-nums; }

.cd-butonlar { display: flex; flex-wrap: wrap; gap: 8px; }
.cd-butonlar .tool-btn { padding: 9px 15px; font-size: .84rem; }
.cd-butonlar .tool-btn.is-ok { background: var(--ucuz-green); color: #04240f; }

.cd-detay { border: 1px solid var(--ucuz-border); border-radius: 10px; overflow: hidden; }
.cd-detay > summary {
  padding: 9px 13px; cursor: pointer; list-style: none;
  background: var(--ucuz-dark); color: var(--ucuz-metin2);
  font-size: .8rem; font-weight: 600;
}
.cd-detay > summary::-webkit-details-marker { display: none; }
.cd-detay > summary::after { content: "\25BE"; float: right; color: var(--ucuz-sonuk2); }
.cd-detay[open] > summary::after { content: "\25B4"; }
.cd-detay > summary:hover { color: var(--ucuz-metin); }
.cd-detay-ic { padding: 12px 13px; min-width: 0; }


.cd-siniflar { display: flex; flex-wrap: wrap; gap: 6px; }
.cd-sinif {
  flex: 1 1 auto; min-width: 0;
  padding: 7px 12px; border-radius: 9px; cursor: pointer; transition: .13s;
  border: 1px solid var(--ucuz-border); background: var(--ucuz-dark);
  color: var(--ucuz-metin2); font-size: .81rem; font-weight: 600; white-space: nowrap;
}
.cd-sinif:hover { border-color: #46506080; color: var(--ucuz-metin); }
.cd-sinif.is-aktif {
  border-color: var(--ucuz-gold); background: rgba(234, 179, 8, .1); color: #e8d48b;
}


.cd-kalanlar { display: flex; gap: 10px; flex-wrap: wrap; }
.cd-kalan { display: flex; align-items: baseline; gap: 5px; }
.cd-kalan .k {
  font-size: .6rem; text-transform: uppercase; letter-spacing: .07em; color: var(--ucuz-sonuk2);
}
.cd-kalan-deger {
  font-size: .82rem; font-weight: 700; color: var(--ucuz-gold);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.cd-kalan-deger.is-bitti { color: #6f7b8a; }
.cd-kalan-deger.is-eksi { color: var(--ucuz-red); }

.cd-stat-tablo { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.cd-stat-baslik, .cd-stat-satir {
  display: grid; align-items: center; gap: 6px; min-width: 0;
  grid-template-columns: 42px 38px minmax(0, 1fr) minmax(0, 1fr) 48px;
}
.cd-stat-baslik span {
  font-size: .58rem; text-transform: uppercase; letter-spacing: .06em;
  color: var(--ucuz-sonuk2); text-align: center; overflow: hidden; text-overflow: ellipsis;
}
.cd-stat-baslik span:first-child { text-align: left; }
.cd-stat-ad { font-size: .79rem; font-weight: 700; color: var(--ucuz-metin2); }
.cd-stat-taban, .cd-stat-ham {
  font-size: .79rem; text-align: center; font-variant-numeric: tabular-nums;
  overflow: hidden; text-overflow: ellipsis;
}
.cd-stat-taban { color: var(--ucuz-sonuk2); }
.cd-stat-ham { color: var(--ucuz-metin); font-weight: 700; }
.cd-sayfa .cd-stat-in {
  min-width: 0; height: 32px; padding: 0 6px;
  text-align: center; font-size: .8rem; font-variant-numeric: tabular-nums;
}
.cd-sayfa .cd-stat-in.is-rb { color: #a78bfa; }


.cd-buf-panel { display: flex; flex-direction: column; gap: 13px; min-width: 0; }
.cd-buf-grup { min-width: 0; }
.cd-buf-liste { display: flex; flex-direction: column; gap: 4px; min-width: 0; }

.cd-buf {
  display: flex; align-items: center; gap: 8px; min-width: 0;
  padding: 5px 8px; border-radius: 8px; cursor: pointer;
  background: var(--ucuz-dark); border: 1px solid transparent;
  margin: 0; transition: border-color .12s;
}
.cd-buf:hover { border-color: var(--ucuz-border); }
.cd-buf input[type=checkbox] {
  flex: 0 0 auto; width: 15px; height: 15px; margin: 0;
  accent-color: var(--ucuz-gold); cursor: pointer;
}
.cd-buf-ad {
  flex: 1 1 auto; min-width: 0;
  font-size: .78rem; font-weight: 600; color: var(--ucuz-metin2);
  overflow: hidden; text-overflow: ellipsis;
}
.cd-buf-ad i {
  display: block; font-style: normal; font-size: .67rem; font-weight: 400; color: #6f7b8a;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cd-sayfa .cd-buf.is-sec .form-select {
  flex: 0 0 auto; width: 96px; height: 30px; padding: 0 24px 0 8px;
  font-size: .76rem; background-position: right 6px center;
}


.cd-grid {
  display: grid; gap: 8px; min-width: 0;
  grid-template-columns: repeat(auto-fill, minmax(158px, 1fr));
}

.cd-slot {
  position: relative; display: flex; min-width: 0;
  border: 1px solid var(--ucuz-border); border-radius: 10px;
  background: var(--ucuz-dark); transition: border-color .13s;
}
.cd-slot:hover { border-color: #46506080; }
.cd-slot.is-dolu { border-color: rgba(234, 179, 8, .28); background: #121820; }

.cd-slot-ac {
  flex: 1 1 auto; min-width: 0;
  display: flex; align-items: center; gap: 9px;
  padding: 8px 9px; border: 0; background: transparent;
  text-align: left; cursor: pointer;
}
.cd-slot-metin { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.cd-slot-etiket {
  display: block; font-size: .59rem; text-transform: uppercase; letter-spacing: .07em;
  color: var(--ucuz-sonuk2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cd-slot.is-dolu .cd-slot-etiket { color: #a1873a; }
.cd-slot-ad {
  display: block; margin-top: 1px;
  font-size: .78rem; font-weight: 600; color: var(--ucuz-metin);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cd-slot-bos { display: block; margin-top: 1px; font-size: .78rem; color: var(--ucuz-sonuk3); }
.cd-slot-alt { display: block; margin-top: 3px; }

.cd-slot-ikon {
  position: relative; flex: 0 0 auto;
  width: 34px; height: 34px; border-radius: 8px;
  border: 1px solid var(--ucuz-border); background: #0a0e14; overflow: hidden;
}
.cd-slot-ikon img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.cd-slot-ikon .cd-harf {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  font-style: normal; font-size: .88rem; font-weight: 700; color: var(--ucuz-sonuk3);
}
.cd-slot-ikon.is-bos {
  display: flex; align-items: center; justify-content: center;
  border-style: dashed; color: var(--ucuz-pasif); font-size: .82rem;
}

.cd-slot-sil {
  flex: 0 0 auto; align-self: stretch;
  width: 28px; padding: 0; line-height: 1;
  border: 0; border-left: 1px solid var(--ucuz-border);
  background: transparent; color: var(--ucuz-sonuk2);
  font-size: 1.1rem; cursor: pointer; transition: .13s;
  border-radius: 0 9px 9px 0;
}
.cd-slot-sil:hover { color: var(--ucuz-red); background: rgba(239, 68, 68, .08); }

.cd-rz {
  display: inline-block; padding: 1px 6px; border-radius: 5px;
  font-size: .63rem; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap;
}
.cd-rz.is-ap { background: rgba(239, 68, 68, .13); color: #f08a8a; }
.cd-rz.is-ac { background: rgba(59, 130, 246, .13); color: #8ab4f0; }
.cd-rz.is-bonus { background: rgba(234, 179, 8, .13); color: #d6b44a; }
.cd-rz + .cd-rz { margin-left: 4px; }


.cd-sag { min-width: 0; }

.cd-metrikler {
  display: grid; gap: 8px; min-width: 0; margin-bottom: 12px;
  grid-template-columns: repeat(auto-fit, minmax(78px, 1fr));
}
.cd-metrik {
  min-width: 0; padding: 8px 10px; border-radius: 10px;
  border: 1px solid var(--ucuz-border); background: var(--ucuz-dark);
}
.cd-metrik .k {
  display: block; font-size: .59rem; text-transform: uppercase;
  letter-spacing: .07em; color: var(--ucuz-sonuk2);
}
.cd-metrik .v {
  display: block; margin-top: 1px;
  font-size: 1.12rem; font-weight: 700; font-variant-numeric: tabular-nums;
  color: var(--ucuz-metin); overflow: hidden; text-overflow: ellipsis;
}
.cd-metrik.is-ap { border-color: rgba(239, 68, 68, .3); }
.cd-metrik.is-ap .v { color: #f08a8a; }
.cd-metrik.is-ac { border-color: rgba(59, 130, 246, .3); }
.cd-metrik.is-ac .v { color: #8ab4f0; }
.cd-metrik.is-hp { border-color: rgba(34, 197, 94, .3); }
.cd-metrik.is-hp .v { color: var(--ucuz-green); }
.cd-metrik.is-mp { border-color: rgba(167, 139, 250, .3); }
.cd-metrik.is-mp .v { color: #a78bfa; }

.cd-tablewrap { max-height: none; }
.cd-sayfa .cd-kaynak { font-size: .78rem; }
.cd-sayfa .cd-kaynak thead th { padding: 6px 8px; font-size: .6rem; }
.cd-sayfa .cd-kaynak tbody td, .cd-sayfa .cd-kaynak tbody th { padding: 5px 8px; }
.cd-sayfa .cd-kaynak tbody th {
  font-weight: 700; color: var(--ucuz-metin2); font-size: .76rem; text-align: left;
}
.cd-sayfa .cd-kaynak td.is-bos { color: var(--ucuz-sonuk3); }
.cd-sayfa .cd-kaynak td.is-toplam { color: var(--ucuz-gold); font-weight: 700; }

.cd-direncler {
  display: grid; gap: 6px; min-width: 0;
  grid-template-columns: repeat(auto-fit, minmax(84px, 1fr));
}
.cd-direnc {
  display: flex; align-items: baseline; justify-content: space-between; gap: 6px;
  min-width: 0; padding: 5px 9px; border-radius: 8px;
  border: 1px solid var(--ucuz-border); background: var(--ucuz-dark);
}
.cd-direnc .k {
  font-size: .68rem; color: var(--ucuz-sonuk); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cd-direnc .v { font-size: .84rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.cd-direnc.is-fire .v { color: #f97316; }
.cd-direnc.is-light .v { color: #facc15; }
.cd-direnc.is-ice .v { color: #38bdf8; }
.cd-direnc.is-magic .v { color: #a855f7; }
.cd-direnc.is-dark .v { color: #94a3b8; }
.cd-direnc.is-poison .v { color: #4ade80; }
.cd-direnc.is-bos { opacity: .55; }
.cd-direnc.is-bos .v { color: var(--ucuz-sonuk3); }

.cd-set {
  padding: 9px 11px; margin-bottom: 7px;
  border: 1px solid var(--ucuz-border); border-radius: 10px; background: var(--ucuz-dark);
}
.cd-set:last-child { margin-bottom: 0; }
.cd-set.is-tam { border-color: rgba(34, 197, 94, .35); }
.cd-set-ust {
  display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
  min-width: 0; margin-bottom: 7px;
}
.cd-set-ad {
  min-width: 0; font-size: .82rem; font-weight: 700; color: var(--ucuz-metin);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cd-set-parca {
  flex: 0 0 auto; font-size: .72rem; font-weight: 700;
  color: var(--ucuz-sonuk); font-variant-numeric: tabular-nums;
}
.cd-set.is-tam .cd-set-parca { color: var(--ucuz-green); }

.cd-not { margin-bottom: 12px; }
.cd-not:last-child { margin-bottom: 0; }
.cd-not-baslik { font-weight: 700; margin-bottom: 4px; }
.cd-not ul { margin: 0; padding-left: 18px; }
.cd-not li { margin-bottom: 2px; }
.cd-not li:last-child { margin-bottom: 0; }

.cd-sayfa .cd-lines .tool-line { padding: 7px 11px; font-size: .8rem; }


@media (min-width: 1200px) {
  .cd-sag { position: sticky; top: 76px; max-height: calc(100vh - 92px); overflow-y: auto; }
}


@media (max-width: 575.98px) {
  .cd-sayfa .result-box { padding: 14px 13px; }
  .cd-grid { grid-template-columns: repeat(auto-fill, minmax(146px, 1fr)); }
  .cd-stat-baslik, .cd-stat-satir { grid-template-columns: 38px 34px minmax(0, 1fr) minmax(0, 1fr) 44px; }
  .cd-metrikler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cd-sinif { flex: 1 1 calc(50% - 3px); }
  .cd-sayfa .cd-buf.is-sec .form-select { width: 84px; }
}

.cd3-secimler { display: flex; gap: .5rem; margin-bottom: .6rem; }
.cd3-secimler .form-select { flex: 1 1 0; min-width: 0; }

.cd3-sahne {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  max-height: 420px;
  border-radius: .5rem;
  overflow: hidden;
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(255, 255, 255, .07), transparent 60%),
    linear-gradient(180deg, #1b1f27 0%, #12151b 100%);
  border: 1px solid rgba(255, 255, 255, .07);
}
.cd3-sahne canvas { display: block; width: 100%; height: 100%; cursor: grab; touch-action: none; }
.cd3-sahne canvas:active { cursor: grabbing; }

.cd3-durum { min-height: 1.1em; margin-top: .45rem; font-size: .82rem; color: var(--bs-secondary-color, #9aa3af); }
.cd3-durum.is-hata { color: #ff8b8b; }

@media (max-width: 575.98px) {
  .cd3-sahne { aspect-ratio: 4 / 3; }
}


.cd-hazir-cipler { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.cd-hazir-cip {
  border: 1px solid #2a323d; background: #131922; color: #9aa6b4;
  border-radius: 999px; padding: 3px 10px; font-size: .74rem; font-weight: 600;
  cursor: pointer; transition: border-color .12s, color .12s, background .12s;
}
.cd-hazir-cip:hover { border-color: #46506080; color: #cdd6e0; }
.cd-hazir-cip.is-secili {
  border-color: rgba(234, 179, 8, .45); background: rgba(234, 179, 8, .1); color: #e2c15a;
}