/**
 * 24 parçalı kolon.
 * Satır: .cmc-kolon, .cmc-form__govde veya govdesi olmayan .cmc-form, filtre paneli.
 * Parça: .cmc-col-1 … .cmc-col-24, .cmc-col-auto, .cmc-col-auto-min, .cmc-col-auto-max.
 * Parça verilmezse satır çocuğu 24 (tam satır) sayılır.
 */

.cmc-kolon,
.cmc-form__govde,
.cmc-form:not(:has(> .cmc-form__govde)),
.cmc-filtre-panel__icerik {
  --cmc-kolon-gap: var(--cmc-space-3);
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  gap: var(--cmc-kolon-gap);
  min-width: 0;
}

.cmc-form:not(:has(> .cmc-form__govde)),
.cmc-form__govde {
  --cmc-kolon-gap: var(--cmc-space-4);
}

:is(.cmc-kolon, .cmc-form__govde, .cmc-form:not(:has(> .cmc-form__govde)), .cmc-filtre-panel__icerik) > * {
  box-sizing: border-box;
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
  width: calc(
    (100% - 23 * var(--cmc-kolon-gap)) * var(--cmc-col, 24) / 24
    + (var(--cmc-col, 24) - 1) * var(--cmc-kolon-gap)
  );
}

:is(.cmc-kolon, .cmc-form__govde, .cmc-form:not(:has(> .cmc-form__govde)), .cmc-filtre-panel__icerik) > .cmc-etiketli-alan-grup {
  margin-bottom: 0;
}

/* Sabit 24 izgara — pano ve eşit pay. Eski repeat(n) bunun içinde --cmc-col ile durur. */
.cmc-kolon-izgara.cmc-kolon-izgara,
.cmc-dashboard__izgara.cmc-dashboard__izgara,
.cmc-dashboard__sayaclar.cmc-dashboard__sayaclar,
.cmc-sistem__sayaclar.cmc-sistem__sayaclar,
.cmc-sistem__saglik-liste.cmc-sistem__saglik-liste,
.cmc-site__maddeler.cmc-site__maddeler,
.cmc-giris-sahne.cmc-giris-sahne,
.cmc-site__ana.cmc-site__ana,
.cmc-panel-grid.cmc-panel-grid,
.cmc-tema-studio__izgara.cmc-tema-studio__izgara,
.cmc-sistem-liste.cmc-sistem-liste,
.cmc-sql-yedek__ozet-liste.cmc-sql-yedek__ozet-liste,
.cmc-sql-yedek__politika-grid.cmc-sql-yedek__politika-grid,
.cmc-log-arsiv__ozet-liste.cmc-log-arsiv__ozet-liste,
.cmc-log-ayar__politika-grid.cmc-log-ayar__politika-grid,
.cmc-api-gelistirici__ozet.cmc-api-gelistirici__ozet,
.cmc-arsiv-dashboard__ozet.cmc-arsiv-dashboard__ozet,
.cmc-dosya-kart-grid.cmc-dosya-kart-grid,
.cmc-detay__grid.cmc-detay__grid,
.cmc-detay__ek-kartlar.cmc-detay__ek-kartlar,
.cmc-liste--grid .cmc-liste__govde.cmc-liste__govde,
.cmc-ek__not.cmc-ek__not,
.cmc-kisit-liste__satir.cmc-kisit-liste__satir {
  --cmc-kolon-gap: var(--cmc-space-3);
  display: grid;
  grid-template-columns: repeat(24, minmax(0, 1fr));
  gap: var(--cmc-kolon-gap);
  min-width: 0;
}

.cmc-kolon-izgara.cmc-kolon-izgara > *,
.cmc-dashboard__izgara.cmc-dashboard__izgara > *,
.cmc-dashboard__sayaclar.cmc-dashboard__sayaclar > *,
.cmc-sistem__sayaclar.cmc-sistem__sayaclar > *,
.cmc-sistem__saglik-liste.cmc-sistem__saglik-liste > *,
.cmc-site__maddeler.cmc-site__maddeler > *,
.cmc-giris-sahne.cmc-giris-sahne > *,
.cmc-site__ana.cmc-site__ana > *,
.cmc-panel-grid.cmc-panel-grid > *,
.cmc-tema-studio__izgara.cmc-tema-studio__izgara > *,
.cmc-sistem-liste.cmc-sistem-liste > *,
.cmc-sql-yedek__ozet-liste.cmc-sql-yedek__ozet-liste > *,
.cmc-sql-yedek__politika-grid.cmc-sql-yedek__politika-grid > *,
.cmc-log-arsiv__ozet-liste.cmc-log-arsiv__ozet-liste > *,
.cmc-log-ayar__politika-grid.cmc-log-ayar__politika-grid > *,
.cmc-api-gelistirici__ozet.cmc-api-gelistirici__ozet > *,
.cmc-arsiv-dashboard__ozet.cmc-arsiv-dashboard__ozet > *,
.cmc-dosya-kart-grid.cmc-dosya-kart-grid > *,
.cmc-detay__grid.cmc-detay__grid > *,
.cmc-detay__ek-kartlar.cmc-detay__ek-kartlar > *,
.cmc-liste--grid .cmc-liste__govde.cmc-liste__govde > *,
.cmc-ek__not.cmc-ek__not > *,
.cmc-kisit-liste__satir.cmc-kisit-liste__satir > * {
  grid-column: span var(--cmc-col, 24);
  min-width: 0;
}

.cmc-sistem__sayaclar.cmc-sistem__sayaclar > *,
.cmc-dashboard__sayaclar.cmc-dashboard__sayaclar > * { --cmc-col: 6; }
.cmc-sistem__saglik-liste.cmc-sistem__saglik-liste > *,
.cmc-site__maddeler.cmc-site__maddeler > * { --cmc-col: 8; }
.cmc-giris-sahne.cmc-giris-sahne > .cmc-giris-sahne__atmos {
  grid-column: 1 / -1;
  pointer-events: none;
}
.cmc-giris-sahne.cmc-giris-sahne > .cmc-giris-tanitim { --cmc-col: 11; }
.cmc-giris-sahne.cmc-giris-sahne > .cmc-giris-alan { --cmc-col: 13; }
.cmc-site__ana.cmc-site__ana > :first-child { --cmc-col: 11; }
.cmc-site__ana.cmc-site__ana > :last-child { --cmc-col: 13; }
.cmc-panel-grid.cmc-panel-grid > *,
.cmc-tema-studio__izgara.cmc-tema-studio__izgara > *,
.cmc-sistem-liste.cmc-sistem-liste > * { --cmc-col: 8; }
.cmc-sql-yedek__ozet-liste.cmc-sql-yedek__ozet-liste > *,
.cmc-log-arsiv__ozet-liste.cmc-log-arsiv__ozet-liste > *,
.cmc-api-gelistirici__ozet.cmc-api-gelistirici__ozet > *,
.cmc-detay__grid.cmc-detay__grid > *,
.cmc-detay__ek-kartlar.cmc-detay__ek-kartlar > * { --cmc-col: 8; }
.cmc-sql-yedek__politika-grid.cmc-sql-yedek__politika-grid > *,
.cmc-log-ayar__politika-grid.cmc-log-ayar__politika-grid > *,
.cmc-arsiv-dashboard__ozet.cmc-arsiv-dashboard__ozet > * { --cmc-col: 12; }
.cmc-dosya-kart-grid.cmc-dosya-kart-grid > * { --cmc-col: 6; }
.cmc-ek__not.cmc-ek__not > :first-child { --cmc-col: 2; }
.cmc-ek__not.cmc-ek__not > :last-child { --cmc-col: 22; }

@media (max-width: 1100px) and (min-width: 768px) {
  .cmc-sistem__sayaclar.cmc-sistem__sayaclar > *,
  .cmc-dashboard__sayaclar.cmc-dashboard__sayaclar > * { --cmc-col: 12; }
}

@media (max-width: 860px) {
  .cmc-giris-sahne.cmc-giris-sahne > *,
  .cmc-site__ana.cmc-site__ana > * { --cmc-col: 24; }
}

.cmc-arsiv-dashboard__saglik [data-cmc-arsiv-saglik-metrik] .cmc-arsiv-dashboard__ozet.cmc-arsiv-dashboard__ozet > * {
  --cmc-col: 8;
}

@media (max-width: 767px) {
  .cmc-sistem__sayaclar.cmc-sistem__sayaclar > *,
  .cmc-sistem__saglik-liste.cmc-sistem__saglik-liste > *,
  .cmc-site__maddeler.cmc-site__maddeler > *,
  .cmc-giris-sahne.cmc-giris-sahne > *,
  .cmc-site__ana.cmc-site__ana > *,
  .cmc-panel-grid.cmc-panel-grid > *,
  .cmc-tema-studio__izgara.cmc-tema-studio__izgara > *,
  .cmc-sistem-liste.cmc-sistem-liste > *,
  .cmc-sql-yedek__ozet-liste.cmc-sql-yedek__ozet-liste > *,
  .cmc-sql-yedek__politika-grid.cmc-sql-yedek__politika-grid > *,
  .cmc-log-arsiv__ozet-liste.cmc-log-arsiv__ozet-liste > *,
  .cmc-log-ayar__politika-grid.cmc-log-ayar__politika-grid > *,
  .cmc-api-gelistirici__ozet.cmc-api-gelistirici__ozet > *,
  .cmc-arsiv-dashboard__ozet.cmc-arsiv-dashboard__ozet > *,
  .cmc-detay__grid.cmc-detay__grid > *,
  .cmc-detay__ek-kartlar.cmc-detay__ek-kartlar > *,
  .cmc-dashboard__izgara.cmc-dashboard__izgara > * {
    --cmc-col: 24;
  }

  .cmc-dosya-kart-grid.cmc-dosya-kart-grid > *,
  .cmc-dashboard__sayaclar.cmc-dashboard__sayaclar > * { --cmc-col: 12; }
}

@media (min-width: 768px) {
  .cmc-liste--grid .cmc-liste__govde.cmc-liste__govde > * { --cmc-col: 12; }
  .cmc-liste--grid .cmc-liste__govde.cmc-liste__govde > .cmc-liste-satir--baslik { --cmc-col: 24; }
}

@media (min-width: 1200px) {
  .cmc-liste--grid .cmc-liste__govde.cmc-liste__govde > * { --cmc-col: 8; }
  .cmc-liste--grid .cmc-liste__govde.cmc-liste__govde > .cmc-liste-satir--baslik { --cmc-col: 24; }
  .cmc-panel-grid.cmc-panel-grid > *,
  .cmc-sistem-liste.cmc-sistem-liste > * { --cmc-col: 6; }
}

@media (min-width: 1600px) {
  .cmc-liste--grid .cmc-liste__govde.cmc-liste__govde > * { --cmc-col: 6; }
  .cmc-liste--grid .cmc-liste__govde.cmc-liste__govde > .cmc-liste-satir--baslik { --cmc-col: 24; }
}

.cmc-col-1 { --cmc-col: 1; }
.cmc-col-2 { --cmc-col: 2; }
.cmc-col-3 { --cmc-col: 3; }
.cmc-col-4 { --cmc-col: 4; }
.cmc-col-5 { --cmc-col: 5; }
.cmc-col-6 { --cmc-col: 6; }
.cmc-col-7 { --cmc-col: 7; }
.cmc-col-8 { --cmc-col: 8; }
.cmc-col-9 { --cmc-col: 9; }
.cmc-col-10 { --cmc-col: 10; }
.cmc-col-11 { --cmc-col: 11; }
.cmc-col-12 { --cmc-col: 12; }
.cmc-col-13 { --cmc-col: 13; }
.cmc-col-14 { --cmc-col: 14; }
.cmc-col-15 { --cmc-col: 15; }
.cmc-col-16 { --cmc-col: 16; }
.cmc-col-17 { --cmc-col: 17; }
.cmc-col-18 { --cmc-col: 18; }
.cmc-col-19 { --cmc-col: 19; }
.cmc-col-20 { --cmc-col: 20; }
.cmc-col-21 { --cmc-col: 21; }
.cmc-col-22 { --cmc-col: 22; }
.cmc-col-23 { --cmc-col: 23; }
.cmc-col-24 { --cmc-col: 24; }

/* Kalan boşluğu paylaşır */
:is(.cmc-kolon, .cmc-form__govde, .cmc-form:not(:has(> .cmc-form__govde)), .cmc-filtre-panel__icerik) > .cmc-col-auto {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: 100%;
}

/* İçerik sığabildiği en dar ölçü */
:is(.cmc-kolon, .cmc-form__govde, .cmc-form:not(:has(> .cmc-form__govde)), .cmc-filtre-panel__icerik) > .cmc-col-auto-min {
  flex: 0 0 auto;
  width: min-content;
  max-width: 100%;
}

/* İçerik tek satırda istediği en geniş ölçü */
:is(.cmc-kolon, .cmc-form__govde, .cmc-form:not(:has(> .cmc-form__govde)), .cmc-filtre-panel__icerik) > .cmc-col-auto-max {
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
}

/* İkon + metin + eylem satırları. Dar parça auto-min, esneyen parça auto. */
.cmc-sistem-sayac.cmc-sistem-sayac,
.cmc-yetki-atama__oge.cmc-yetki-atama__oge,
.cmc-yetki-atama__ana-bas.cmc-yetki-atama__ana-bas,
.cmc-baglam-menu__alt-hdr.cmc-baglam-menu__alt-hdr,
.cmc-tema-studio__olcu.cmc-tema-studio__olcu,
.cmc-takvim__weekdays.cmc-takvim__weekdays {
  --cmc-kolon-gap: 0.15rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--cmc-kolon-gap);
  min-width: 0;
}

/* 5 ve 7, 24’e bölünmez; yıl ve gün eşit payda alta kayar. */
.cmc-takvim__yil-panel.cmc-takvim__yil-panel {
  --cmc-kolon-gap: 0.15rem;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--cmc-kolon-gap);
  min-width: 0;
}

.cmc-takvim__yil-grid.cmc-takvim__yil-grid,
.cmc-takvim__grid.cmc-takvim__grid {
  --cmc-kolon-gap: 0.15rem;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  gap: var(--cmc-kolon-gap);
  min-width: 0;
}

.cmc-takvim__ay-panel.cmc-takvim__ay-panel {
  --cmc-kolon-gap: 0.2rem;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  gap: var(--cmc-kolon-gap);
}

.cmc-sistem-sayac > .cmc-sistem-sayac__ikon,
.cmc-sistem-sayac > .cmc-sistem-sayac__ok,
.cmc-yetki-atama__oge > .cmc-yetki-atama__id,
.cmc-yetki-atama__oge > .cmc-yetki-atama__sw,
.cmc-yetki-atama__ana-bas > .cmc-yetki-atama__sw,
.cmc-baglam-menu__alt-geri,
.cmc-baglam-menu__kapat,
.cmc-tema-studio__olcu > output {
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  max-width: 100%;
}

.cmc-sistem-sayac > .cmc-sistem-sayac__icerik,
.cmc-yetki-atama__oge > .cmc-yetki-atama__oge-ad,
.cmc-yetki-atama__ana-bas > .cmc-yetki-atama__ana-toggle,
.cmc-baglam-menu__alt-hdr > :not(.cmc-baglam-menu__alt-geri):not(.cmc-baglam-menu__kapat),
.cmc-takvim__weekdays > * {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: calc((100% - 6 * var(--cmc-kolon-gap)) / 7);
  min-width: 0;
  max-width: none;
}

.cmc-takvim__yil-grid > * {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: calc((100% - 4 * var(--cmc-kolon-gap)) / 5);
  min-width: 0;
  max-width: none;
}

.cmc-takvim__grid > * {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: calc((100% - 6 * var(--cmc-kolon-gap)) / 7);
  min-width: 0;
  max-width: none;
}

.cmc-yetki-atama__ana-bas > .cmc-yetki-atama__prog {
  flex: 1 1 100%;
  width: 100%;
  --cmc-col: 24;
}

.cmc-tema-studio__olcu > .cmc-tema-studio__etiket { --cmc-col: 8; }
.cmc-tema-studio__olcu > input[type="range"] { --cmc-col: 14; }
.cmc-tema-studio__olcu > output { --cmc-col: 2; }

.cmc-tema-studio__olcu > .cmc-tema-studio__etiket,
.cmc-tema-studio__olcu > input[type="range"],
.cmc-tema-studio__olcu > output,
.cmc-takvim__ay-panel > * {
  box-sizing: border-box;
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
  width: calc(
    (100% - 23 * var(--cmc-kolon-gap)) * var(--cmc-col, 8) / 24
    + (var(--cmc-col, 8) - 1) * var(--cmc-kolon-gap)
  );
}

/* Katman formu >30rem ise varsayılan tam satırlık tek satır girişler yarı pay alır. */
.cmc-katman .cmc-form:not(:has(> .cmc-form__govde)),
.cmc-katman .cmc-form__govde,
.cmc-merkez .cmc-kart > .cmc-form {
  container-type: inline-size;
  container-name: cmc-katman-form;
}

.cmc-form__kat {
  --cmc-col: 24;
  border-top: 1px solid var(--cmc-kenar);
  margin-top: var(--cmc-space-1);
}

.cmc-form__kat-bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--cmc-space-2);
  padding: var(--cmc-space-2) 0;
  font-weight: 650;
  cursor: pointer;
  list-style: none;
}

.cmc-form__kat-bas::-webkit-details-marker {
  display: none;
}

.cmc-form__kat-bas::after {
  content: '›';
  color: var(--cmc-metin-zayif);
  transform: rotate(90deg);
  transition: transform 220ms cubic-bezier(0.2, 0, 0, 1);
}

.cmc-form__kat[open]:not([data-cmc-katlaniyor]) > .cmc-form__kat-bas::after {
  transform: rotate(-90deg);
}

.cmc-form__kat > .cmc-kolon {
  width: 100%;
  padding-bottom: var(--cmc-space-2);
}

.cmc-form--onay-kilit :is(input, textarea, .cmc-secim, .cmc-etiketli-alan, .cmc-telefon-alan) {
  pointer-events: none;
}

[data-cmc-onay-gizli] {
  display: none !important;
}

.cmc-onay-soru {
  width: 100%;
  margin: var(--cmc-space-2) 0 0;
  padding: var(--cmc-space-2) var(--cmc-space-3);
  border-left: 3px solid var(--cmc-uyari, #d9a400);
  background: color-mix(in srgb, var(--cmc-uyari, #d9a400) 12%, transparent);
  border-radius: var(--cmc-radius-sm, 6px);
  font-weight: 600;
}

.cmc-parola-cifti > .cmc-etiketli-alan {
  --cmc-col: 12;
}

.cmc-parola-cifti > .cmc-etiketli-alan__yardim {
  --cmc-col: 24;
  flex: 0 0 auto;
  width: 100%;
  margin: 0;
}

/* Telefondaki dar katman formunda her giriş tam satırdır. */
@container cmc-katman-form (max-width: 30rem) {
  :is(.cmc-form, .cmc-form__govde, .cmc-kolon) > :is(.cmc-etiketli-alan, .cmc-etiketli-alan-grup, .cmc-kolon)[class*="cmc-col-"]:not(.cmc-col-auto-min) {
    --cmc-col: 24;
    flex: 0 0 auto;
    width: 100%;
  }

  /* Dar katmanda Kaldır kutusu düğmeden ince kalır; sağa yasılınca sol yarısı kesilir. */
  :is(.cmc-kolon, .cmc-form__govde, .cmc-form:not(:has(> .cmc-form__govde))) > .cmc-fis__sil {
    --cmc-col: 24;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

/* >30rem: dar telefon (≤30rem) tam satır kuralıyla çakışmasın. */
@container cmc-katman-form (min-width: 30.01rem) {
  .cmc-form > .cmc-etiketli-alan.cmc-col-24:not(:has(textarea)),
  .cmc-form > .cmc-etiketli-alan-grup.cmc-col-24:not(:has(textarea)),
  .cmc-form__govde > .cmc-etiketli-alan.cmc-col-24:not(:has(textarea)),
  .cmc-form__govde > .cmc-etiketli-alan-grup.cmc-col-24:not(:has(textarea)) {
    --cmc-col: 12;
  }
}
