.cmc-girdi-alan { margin-bottom: var(--cmc-space-4); }

/* Etiketli alan — fieldset/legend: etiket kenarlık çizgisinde, gerçek border notch */
.cmc-etiketli-alan-grup {
  margin-bottom: var(--cmc-space-4);
}

.cmc-etiketli-alan {
  position: relative;
  margin: 0;
  min-width: 0;
  padding: 0 var(--cmc-space-3) 0;
  border: 1.5px solid var(--cmc-kenar);
  border-radius: var(--cmc-radius-md);
  background: var(--cmc-yuzey-ust);
  transition:
    border-color var(--cmc-gecis-hizli),
    box-shadow var(--cmc-gecis-hizli);
}

.cmc-etiketli-alan--tam {
  width: 100%;
}

.cmc-etiketli-alan[hidden] {
  display: none;
}

.cmc-etiketli-alan:hover:not(:focus-within) {
  border-color: color-mix(in srgb, var(--cmc-accent) 40%, var(--cmc-kenar));
}

.cmc-etiketli-alan:focus-within {
  border-color: var(--cmc-accent);
  box-shadow: var(--cmc-odak-glow);
}

.cmc-etiketli-alan__zorunlu {
  color: var(--cmc-hata);
  font-weight: 700;
  margin-inline-start: 0.12em;
}

.cmc-etiketli-alan:focus-within .cmc-etiketli-alan__zorunlu {
  color: var(--cmc-hata);
}

.cmc-etiketli-alan__etiket {
  display: block;
  width: max-content;
  max-width: calc(100% - var(--cmc-space-4));
  padding: 0 var(--cmc-space-2);
  margin-inline: var(--cmc-space-1);
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--cmc-yazi-etiket-aile);
  font-size: calc(var(--cmc-font-xs) * var(--cmc-yazi-genel-olcek) * var(--cmc-yazi-etiket-olcek));
  font-weight: var(--cmc-yazi-etiket-agirlik);
  line-height: var(--cmc-yazi-etiket-satir);
  letter-spacing: var(--cmc-yazi-etiket-harf);
  color: var(--cmc-metin-zayif);
  white-space: nowrap;
  transition: color 0.2s ease;
}

.cmc-etiketli-alan:focus-within .cmc-etiketli-alan__etiket {
  color: var(--cmc-accent);
}

.cmc-etiketli-alan__kontrol,
.cmc-etiketli-alan:not(.cmc-telefon-alan) .cmc-girdi {
  display: block;
  width: 100%;
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  min-height: var(--cmc-control-yukseklik);
  height: var(--cmc-control-yukseklik);
  max-height: var(--cmc-control-yukseklik);
  box-sizing: border-box;
  padding: 0;
  font-family: var(--cmc-yazi-girdi-aile);
  font-size: var(--cmc-kontrol-yazi);
  font-weight: var(--cmc-yazi-girdi-agirlik);
  letter-spacing: var(--cmc-yazi-girdi-harf);
  line-height: var(--cmc-yazi-girdi-satir);
  caret-color: currentColor;
  text-align: start;
}

textarea.cmc-etiketli-alan__kontrol,
.cmc-etiketli-alan:not(.cmc-telefon-alan) textarea.cmc-girdi {
  height: auto;
  max-height: none;
  min-height: calc(var(--cmc-control-yukseklik) * 2);
  padding-block: var(--cmc-space-2);
  line-height: var(--cmc-yazi-girdi-satir);
}

.cmc-etiketli-alan:has(.cmc-secim):not(.cmc-telefon-alan) {
  padding-bottom: 0;
}

/* Etiketli alan içinde seçim — tek kutu; sabit yükseklik (temizle sonrası da) */
.cmc-etiketli-alan:not(.cmc-telefon-alan) .cmc-secim {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
  min-height: var(--cmc-control-yukseklik);
  height: var(--cmc-control-yukseklik);
  max-height: var(--cmc-control-yukseklik);
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  position: relative;
  padding-block: 0;
  padding-inline: 0 1.25em;
  font-family: var(--cmc-yazi-girdi-aile);
  font-size: var(--cmc-kontrol-yazi);
  font-weight: var(--cmc-yazi-girdi-agirlik);
  letter-spacing: var(--cmc-yazi-girdi-harf);
  line-height: var(--cmc-yazi-girdi-satir);
  text-align: start;
  cursor: pointer;
}

.cmc-etiketli-alan:not(.cmc-telefon-alan) .cmc-secim::after {
  inset-inline-end: 0;
}

.cmc-etiketli-alan:not(.cmc-telefon-alan):hover:not(:focus-within) .cmc-secim::after {
  border-color: color-mix(in srgb, var(--cmc-accent) 50%, var(--cmc-metin-zayif));
}

.cmc-etiketli-alan:not(.cmc-telefon-alan):focus-within .cmc-secim::after {
  border-color: var(--cmc-accent);
}

.cmc-etiketli-alan .cmc-secim-placeholder.cmc-gizli {
  display: none;
}

.cmc-etiketli-alan .cmc-secim-placeholder:not(.cmc-gizli) {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  min-height: 0;
  align-self: stretch;
  color: var(--cmc-metin-zayif);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

/* Boş selectcs — sarı/uyarı veya accent kenar yok (doğrulama hatası hariç) */
.cmc-etiketli-alan:has(.cmc-secim-placeholder:not(.cmc-gizli)):not(.cmc-etiketli-alan--hata):not(:focus-within),
.cmc-etiketli-alan:has(.cmc-secim[data-cmc-vall=""]):not(.cmc-etiketli-alan--hata):not(:focus-within) {
  border-color: var(--cmc-kenar);
  box-shadow: none;
}

.cmc-etiketli-alan:has(.cmc-secim-placeholder:not(.cmc-gizli)):not(.cmc-etiketli-alan--hata):focus-within,
.cmc-etiketli-alan:has(.cmc-secim[data-cmc-vall=""]):not(.cmc-etiketli-alan--hata):focus-within {
  border-color: color-mix(in srgb, var(--cmc-metin) 28%, var(--cmc-kenar));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cmc-metin) 10%, transparent);
}

.cmc-etiketli-alan:has(.cmc-secim-placeholder:not(.cmc-gizli)):not(.cmc-etiketli-alan--hata):focus-within .cmc-secim::after,
.cmc-etiketli-alan:has(.cmc-secim[data-cmc-vall=""]):not(.cmc-etiketli-alan--hata):focus-within .cmc-secim::after {
  border-color: var(--cmc-metin-zayif);
}

.cmc-secim:is([data-cmc-vall=""]):not(.cmc-girdi--hata):hover:not([aria-disabled="true"]),
.cmc-secim:has(> .cmc-secim-placeholder:not(.cmc-gizli)):not(.cmc-girdi--hata):hover:not([aria-disabled="true"]) {
  border-color: var(--cmc-kenar);
}

.cmc-secim:is([data-cmc-vall=""]):not(.cmc-girdi--hata):focus-visible,
.cmc-secim:is([data-cmc-vall=""]):not(.cmc-girdi--hata)[aria-expanded="true"],
.cmc-secim:has(> .cmc-secim-placeholder:not(.cmc-gizli)):not(.cmc-girdi--hata):focus-visible,
.cmc-secim:has(> .cmc-secim-placeholder:not(.cmc-gizli)):not(.cmc-girdi--hata)[aria-expanded="true"] {
  border-color: color-mix(in srgb, var(--cmc-metin) 28%, var(--cmc-kenar));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cmc-metin) 10%, transparent);
}

.cmc-etiketli-alan__kontrol:focus,
.cmc-etiketli-alan__kontrol:focus-visible,
.cmc-etiketli-alan .cmc-girdi:focus,
.cmc-etiketli-alan .cmc-girdi:focus-visible,
.cmc-etiketli-alan .cmc-secim:focus,
.cmc-etiketli-alan .cmc-secim:focus-visible,
.cmc-etiketli-alan .cmc-secim[aria-expanded="true"],
.cmc-etiketli-alan .cmc-secim.cmc-secim--acik,
.cmc-filtre__siralama .cmc-secim.cmc-secim--acik,
.cmc-etiketli-alan .cmc-secim:is([data-cmc-vall=""]):not(.cmc-girdi--hata):focus-visible,
.cmc-etiketli-alan .cmc-secim:is([data-cmc-vall=""]):not(.cmc-girdi--hata)[aria-expanded="true"],
.cmc-etiketli-alan .cmc-secim:has(> .cmc-secim-placeholder:not(.cmc-gizli)):not(.cmc-girdi--hata):focus-visible,
.cmc-etiketli-alan .cmc-secim:has(> .cmc-secim-placeholder:not(.cmc-gizli)):not(.cmc-girdi--hata)[aria-expanded="true"] {
  outline: none;
  box-shadow: none;
  border-color: transparent;
}

.cmc-etiketli-alan__yardim {
  margin: var(--cmc-space-1) 0 0;
  font-size: var(--cmc-font-xs);
}

.cmc-etiketli-alan-grup--hata .cmc-etiketli-alan,
.cmc-etiketli-alan--hata {
  border-color: var(--cmc-hata);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--cmc-hata) 30%, transparent);
}

.cmc-etiketli-alan-grup--hata .cmc-etiketli-alan__etiket,
.cmc-etiketli-alan--hata .cmc-etiketli-alan__etiket {
  color: var(--cmc-hata);
}

/* Parola — sağda göz (göster / gizle) */
.cmc-parola-alan {
  display: flex;
  align-items: center;
  gap: 0;
  min-width: 0;
  width: 100%;
}

.cmc-parola-alan > .cmc-girdi,
.cmc-parola-alan > .cmc-etiketli-alan__kontrol {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  padding-inline-end: var(--cmc-space-1);
}

.cmc-parola-alan__dugme {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: var(--cmc-dokunma-min, 2.75rem);
  min-width: var(--cmc-dokunma-min, 2.75rem);
  min-height: var(--cmc-dokunma-min, 2.75rem);
  border: 0;
  border-radius: var(--cmc-radius-sm);
  background: transparent;
  color: var(--cmc-metin-zayif);
  cursor: pointer;
}

.cmc-parola-alan__dugme .cmc-ikon {
  width: 1.2rem;
  height: 1.2rem;
}

.cmc-parola-alan__dugme:hover,
.cmc-parola-alan__dugme[aria-pressed='true'] {
  color: var(--cmc-accent);
}

.cmc-parola-alan__dugme:focus-visible {
  outline: 2px solid var(--cmc-accent);
  outline-offset: 2px;
}

.cmc-etiketli-alan .cmc-girdi[type=file] {
  min-height: auto;
  padding: var(--cmc-space-2) 0;
  font-size: var(--cmc-font-sm);
}

.cmc-etiketli-alan .cmc-girdi[type=file]::file-selector-button {
  margin-inline-end: var(--cmc-space-3);
  padding: var(--cmc-space-1) var(--cmc-space-3);
  border: 1px solid var(--cmc-kenar);
  border-radius: var(--cmc-radius-sm);
  background: color-mix(in srgb, var(--cmc-accent-yumusak) 65%, var(--cmc-yuzey-ust));
  color: var(--cmc-accent);
  font: inherit;
  font-size: var(--cmc-font-xs);
  font-weight: 500;
  cursor: pointer;
  transition:
    border-color var(--cmc-gecis-hizli),
    background var(--cmc-gecis-hizli);
}

.cmc-etiketli-alan .cmc-girdi[type=file]::file-selector-button:hover {
  border-color: var(--cmc-accent);
  background: var(--cmc-accent-yumusak);
}

/*
 * Select / girdi yazı hizası — kapsayıcıya veya tek kontrole:
 * .cmc-yazi-orta | .cmc-yazi-sol  (ör. muayene formu cmc-yazi-orta)
 */
.cmc-yazi-orta .cmc-secim,
.cmc-secim.cmc-yazi-orta,
.cmc-etiketli-alan.cmc-yazi-orta .cmc-secim {
  justify-content: center;
  text-align: center;
  /* ok sağda; solda aynı boşluk → görsel merkez */
  padding-inline: 1.25em;
}

.cmc-yazi-orta .cmc-secim__metin,
.cmc-yazi-orta .cmc-secim__etiket,
.cmc-yazi-orta .cmc-secim-gosterim,
.cmc-yazi-orta .cmc-secim-placeholder,
.cmc-secim.cmc-yazi-orta .cmc-secim__metin,
.cmc-secim.cmc-yazi-orta .cmc-secim__etiket,
.cmc-secim.cmc-yazi-orta .cmc-secim-placeholder,
.cmc-etiketli-alan.cmc-yazi-orta .cmc-secim__metin,
.cmc-etiketli-alan.cmc-yazi-orta .cmc-secim__etiket,
.cmc-etiketli-alan.cmc-yazi-orta .cmc-secim-placeholder {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.cmc-yazi-orta .cmc-etiketli-alan__kontrol,
.cmc-yazi-orta .cmc-etiketli-alan .cmc-girdi,
.cmc-etiketli-alan.cmc-yazi-orta .cmc-etiketli-alan__kontrol,
.cmc-etiketli-alan.cmc-yazi-orta .cmc-girdi {
  text-align: center;
}

.cmc-yazi-sol .cmc-secim,
.cmc-secim.cmc-yazi-sol,
.cmc-etiketli-alan.cmc-yazi-sol .cmc-secim {
  justify-content: flex-start;
  text-align: start;
  padding-inline: 0 1.25em;
}

.cmc-yazi-sol .cmc-secim__metin,
.cmc-yazi-sol .cmc-secim__etiket,
.cmc-yazi-sol .cmc-secim-placeholder,
.cmc-secim.cmc-yazi-sol .cmc-secim__metin,
.cmc-secim.cmc-yazi-sol .cmc-secim__etiket,
.cmc-secim.cmc-yazi-sol .cmc-secim-placeholder,
.cmc-etiketli-alan.cmc-yazi-sol .cmc-secim__metin,
.cmc-etiketli-alan.cmc-yazi-sol .cmc-secim__etiket,
.cmc-etiketli-alan.cmc-yazi-sol .cmc-secim-placeholder {
  text-align: start;
  justify-content: flex-start;
  align-items: flex-start;
}

.cmc-yazi-sol .cmc-etiketli-alan__kontrol,
.cmc-yazi-sol .cmc-etiketli-alan .cmc-girdi,
.cmc-etiketli-alan.cmc-yazi-sol .cmc-etiketli-alan__kontrol,
.cmc-etiketli-alan.cmc-yazi-sol .cmc-girdi {
  text-align: start;
}

.cmc-isaret {
  display: flex;
  align-items: center;
  gap: var(--cmc-space-2);
  min-height: var(--cmc-dokunma-min);
  cursor: pointer;
  margin: 0;
}

.cmc-isaret__kutu {
  width: 1.125rem;
  height: 1.125rem;
  accent-color: var(--cmc-accent);
  flex-shrink: 0;
}

.cmc-isaret__metin {
  font: var(--cmc-govde);
  color: var(--cmc-metin);
}
