/* CmcEk — birleşik not/dosya paneli */

.cmc-ek-panel {
  display: flex;
  flex-direction: column;
  gap: var(--cmc-space-4);
  padding: var(--cmc-space-4);
  border: 1px solid var(--cmc-kenar);
  border-radius: var(--cmc-radius-lg);
  background: var(--cmc-yuzey-kart);
  box-shadow: var(--cmc-golge-sm);
}

.cmc-katman__govde > .cmc-ek-panel {
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

.cmc-ek__ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--cmc-space-2);
}

.cmc-ek-form {
  display: flex;
  flex-direction: column;
  gap: var(--cmc-space-3);
}

.cmc-ek-form .cmc-form__govde {
  gap: var(--cmc-space-3);
}

.cmc-ek-form .cmc-form__govde .cmc-etiketli-alan-grup:last-child,
.cmc-ek-form .cmc-form__govde .cmc-etiketli-alan-grup {
  margin-bottom: 0;
}

.cmc-ek-form .cmc-form__alt {
  display: flex;
  justify-content: flex-end;
  gap: var(--cmc-space-2);
  padding-top: var(--cmc-space-2);
  border-top: 1px solid var(--cmc-kenar);
}

.cmc-ek__not-liste,
.cmc-ek__dosya-liste {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--cmc-space-3);
}

.cmc-ek-form--not .cmc-form__alt {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.cmc-ek__renkler {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cmc-space-2);
}

.cmc-ek__not {
  gap: var(--cmc-space-3);
  align-items: start;
  padding: var(--cmc-space-3);
}

.cmc-ek__not-sira {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.75rem;
  height: 1.75rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  font-size: var(--cmc-font-xs, 0.75rem);
  font-weight: 650;
  line-height: 1;
}

.cmc-ek__not-sira--notr {
  background: color-mix(in srgb, var(--cmc-metin) 14%, transparent);
  color: var(--cmc-metin);
}

.cmc-ek__not-sira--basari {
  background: var(--cmc-basari);
  color: #fff;
}

.cmc-ek__not-sira--tehlike {
  background: var(--cmc-hata);
  color: #fff;
}

.cmc-ek__not-icerik {
  margin: 0;
  white-space: pre-wrap;
  font-size: var(--cmc-font-sm);
  line-height: 1.5;
  color: var(--cmc-metin);
}

.cmc-ek__not-meta {
  margin: var(--cmc-space-1) 0 0;
  font-size: var(--cmc-font-xs, 0.75rem);
}

.cmc-ek__dosya {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--cmc-space-2) var(--cmc-space-3);
  padding: var(--cmc-space-3) var(--cmc-space-4);
}

.cmc-ek__dosya-adi {
  flex: 1 1 8rem;
  min-width: 0;
  font-weight: 500;
  font-size: var(--cmc-font-sm);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cmc-ek__indir {
  margin-inline-start: auto;
}

.cmc-ek__bos {
  margin: 0;
}

.cmc-detay {
  display: flex;
  flex-direction: column;
  gap: var(--cmc-aralik-lg, 1.25rem);
}

.cmc-detay__ust {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--cmc-aralik-md, 1rem);
}

.cmc-detay__baglam {
  display: flex;
  flex-direction: column;
  gap: var(--cmc-space-1, 0.25rem);
  min-width: 0;
}

.cmc-detay__baglam-baslik {
  margin: 0;
  font-size: var(--cmc-font-lg, 1.125rem);
  font-weight: 650;
  overflow-wrap: anywhere;
}

.cmc-detay__baglam-meta {
  margin: 0;
  font-size: var(--cmc-font-sm, 0.875rem);
  color: var(--cmc-metin-zayif);
}

.cmc-detay__sonuc {
  margin: 0;
  text-align: end;
}

.cmc-detay__sonuc-etiket {
  display: block;
  font-size: var(--cmc-font-xs, 0.75rem);
  color: var(--cmc-metin-zayif);
}

.cmc-detay__sonuc-deger {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.cmc-detay__metrik {
  display: flex;
  flex-direction: column;
  gap: var(--cmc-space-1, 0.25rem);
  padding: var(--cmc-space-3, 0.75rem);
  border: 1px solid var(--cmc-kenar);
  border-inline-start: 3px solid var(--cmc-kenar);
  border-radius: var(--cmc-radius-sm, 6px);
  background: var(--cmc-yuzey);
}

.cmc-detay__metrik--basari { border-inline-start-color: var(--cmc-basari); }
.cmc-detay__metrik--uyari { border-inline-start-color: var(--cmc-uyari); }
.cmc-detay__metrik--hata { border-inline-start-color: var(--cmc-hata); }

.cmc-detay__metrik-deger {
  font-size: var(--cmc-font-lg, 1.125rem);
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

.cmc-detay__akis {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--cmc-space-2, 0.5rem);
  margin: 0;
  font-variant-numeric: tabular-nums;
}

.cmc-detay__akis-isaret {
  color: var(--cmc-metin-zayif);
  font-weight: 600;
}

.cmc-detay__satir {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--cmc-space-3, 0.75rem);
  padding-block: var(--cmc-space-2, 0.5rem);
  border-bottom: 1px solid var(--cmc-kenar);
}

.cmc-detay__satir:last-child {
  border-bottom: 0;
}

.cmc-detay__satir-ana {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.cmc-detay__satir-tutar {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.cmc-detay__nav {
  margin: calc(var(--cmc-space-2, 0.5rem) * -1) 0 0;
}

.cmc-detay__bilgi {
  display: flex;
  flex-direction: column;
  gap: var(--cmc-aralik-md, 1rem);
}

.cmc-detay__bolum {
  display: flex;
  flex-direction: column;
  gap: var(--cmc-aralik-md, 1rem);
}

.cmc-detay__bolum-baslik {
  margin: 0;
}

.cmc-detay__grid {
  --cmc-kolon-gap: var(--cmc-space-3, 0.75rem);
}

.cmc-detay__alan .cmc-alan__deger {
  word-break: break-word;
}

.cmc-detay__ek-islemler {
  display: flex;
  flex-direction: column;
  gap: var(--cmc-aralik-sm, 0.5rem);
  padding-top: var(--cmc-aralik-md, 1rem);
  border-top: 1px solid var(--cmc-kenar, #e5e7eb);
}

.cmc-detay__ek-dugmeler {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cmc-aralik-sm, 0.5rem);
}

.cmc-detay__ek-kartlar {
  --cmc-kolon-gap: var(--cmc-aralik-md, 1rem);
}

.cmc-detay__ek-kart {
  display: flex;
  flex-direction: column;
  gap: var(--cmc-aralik-sm, 0.5rem);
  padding: var(--cmc-aralik-md, 1rem);
}

.cmc-detay__ek-kart-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--cmc-aralik-sm, 0.5rem);
}

.cmc-detay__ek-ozet {
  margin: 0;
  font-size: var(--cmc-font-sm, 0.875rem);
  line-height: 1.45;
  color: var(--cmc-metin);
}

.cmc-detay__ek-etiket {
  display: block;
  font-size: var(--cmc-font-xs, 0.75rem);
  color: var(--cmc-metin-zayif, #64748b);
  margin-bottom: 0.15rem;
}

.cmc-detay__ek-meta {
  display: block;
  font-size: var(--cmc-font-xs, 0.75rem);
}

.cmc-detay__ek-dugme {
  display: inline-flex;
  align-items: center;
  gap: var(--cmc-aralik-xs, 0.25rem);
  margin-top: auto;
  align-self: flex-start;
}

.cmc-kart__rozetler {
  display: flex;
  align-items: center;
  gap: var(--cmc-aralik-xs, 0.25rem);
}

.cmc-kart__ek-rozet {
  font-size: 0.75rem;
}

.cmc-kisit-panel {
  display: flex;
  flex-direction: column;
  gap: var(--cmc-aralik-md, 1rem);
}

.cmc-katman__govde > .cmc-kisit-panel {
  min-height: 0;
}

.cmc-kisit-panel__ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--cmc-aralik-sm, 0.5rem);
}

.cmc-kisit-panel__govde {
  min-width: 0;
}

.cmc-kisit-panel__bos {
  margin: 0;
}

.cmc-kisit-liste {
  font-size: var(--cmc-font-sm, 0.875rem);
  border: 1px solid var(--cmc-kenar, #e5e7eb);
  border-radius: var(--cmc-radius-md, 0.5rem);
  overflow: hidden;
}

.cmc-kisit-liste__satir {
  gap: var(--cmc-aralik-sm, 0.5rem);
  padding: var(--cmc-aralik-sm, 0.5rem) var(--cmc-aralik-md, 1rem);
  border-bottom: 1px solid var(--cmc-kenar, #e5e7eb);
  align-items: start;
}

.cmc-kisit-liste__satir:last-child {
  border-bottom: none;
}

.cmc-kisit-liste__satir--baslik {
  font-size: var(--cmc-font-xs, 0.75rem);
  font-weight: 600;
  color: var(--cmc-metin-zayif, #6b7280);
  letter-spacing: 0.03em;
  background: color-mix(in srgb, var(--cmc-yuzey-ust, #fff) 92%, var(--cmc-yuzey-zemin, #f9fafb));
}

.cmc-kisit-liste__hucre {
  min-width: 0;
  overflow-wrap: anywhere;
}

.cmc-kisit-alanlar {
  display: grid;
  gap: var(--cmc-aralik-md, 1rem);
  margin: 0;
}

/* Onay kutusu satırı (checkbox + metin) — sportif custom tasarım */
.cmc-onay {
  display: flex;
  align-items: flex-start;
  gap: var(--cmc-space-2, 0.5rem);
  cursor: pointer;
  line-height: 1.4;
  user-select: none;
}

.cmc-onay__kutu {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  margin-top: 0.12rem;
  width: 1.2rem;
  height: 1.2rem;
  flex: 0 0 auto;
  border: 2px solid color-mix(in srgb, var(--cmc-metin-zayif) 55%, var(--cmc-kenar));
  border-radius: 0.42rem;
  background: var(--cmc-yuzey-ust);
  cursor: pointer;
  transition:
    background var(--cmc-gecis-hizli),
    border-color var(--cmc-gecis-hizli),
    box-shadow var(--cmc-gecis-hizli),
    transform var(--cmc-gecis-hizli);
}

/* Radyo varyantı (yuvarlak) */
.cmc-onay__kutu[type="radio"] {
  border-radius: 50%;
}

.cmc-onay__kutu:hover:not(:disabled) {
  border-color: var(--cmc-accent);
}

.cmc-onay__kutu:checked {
  border-color: transparent;
  background: var(--cmc-accent-gradyan);
}

/* Onay işareti */
.cmc-onay__kutu:checked::after {
  content: "";
  position: absolute;
  left: 0.34rem;
  top: 0.14rem;
  width: 0.32rem;
  height: 0.6rem;
  border: solid #fff;
  border-width: 0 2.5px 2.5px 0;
  transform: rotate(42deg);
}

.cmc-onay__kutu[type="radio"]:checked::after {
  left: 50%;
  top: 50%;
  width: 0.42rem;
  height: 0.42rem;
  border: 0;
  border-radius: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
}

.cmc-onay__kutu:active:not(:disabled) {
  transform: scale(0.9);
}

.cmc-onay__kutu:focus-visible {
  outline: none;
  box-shadow: var(--cmc-odak-glow);
}

.cmc-onay__kutu:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.cmc-onay__metin {
  min-width: 0;
}

/* Parola değiştir formu */
.cmc-parola-degistir {
  display: flex;
  flex-direction: column;
  gap: var(--cmc-aralik-md, 1rem);
}

.cmc-form__alt {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--cmc-space-2);
  margin-top: var(--cmc-space-2);
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 767px) {
  .cmc-form__alt {
    flex-wrap: nowrap;
    overflow-x: auto;
    touch-action: pan-x pan-y;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  .cmc-form__alt > .cmc-buton,
  .cmc-form__alt > .cmc-buton-grup {
    flex: 0 0 auto;
  }

  /* Güncelleme onayı: uzun düğmeler alta kayar, yatay kaydırma değil */
  [data-cmc-onay-serit] .cmc-form__alt {
    flex-wrap: wrap;
    overflow-x: visible;
    justify-content: stretch;
  }

  [data-cmc-onay-serit] .cmc-form__alt > .cmc-buton {
    flex: 1 1 auto;
    min-width: min(100%, 8rem);
  }
}