/* Kullanici adi uretici: ad kartlari ve kontrol sonucu. */
.ka-satir { display: flex; gap: 8px; }
.ka-satir .form-control { flex: 1; }
.ka-satir .tool-btn { flex: 0 0 auto; white-space: nowrap; }
.ka-secenekler { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.ka-sec { display: inline-flex; align-items: center; gap: 6px; font-size: .8rem; color: var(--ucuz-metin2); cursor: pointer; }
.ka-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.ka-ad {
  display: flex; flex-direction: column; align-items: flex-start; gap: 3px;
  padding: 10px 12px; border: 1px solid var(--ucuz-border); border-radius: 10px;
  background: var(--ucuz-dark); color: var(--ucuz-metin); text-align: left; cursor: pointer;
  transition: border-color .15s;
}
.ka-ad:hover { border-color: var(--ucuz-gold); }
.ka-ad-metin { font-weight: 700; font-family: var(--yt-sayi); font-size: .95rem; word-break: break-all; }
.ka-ad-durum { font-size: .7rem; color: var(--ucuz-sonuk2); }
.ka-ad.is-bos { border-color: rgba(34, 197, 94, .6); }
.ka-ad.is-bos .ka-ad-durum { color: #22c55e; }
.ka-ad.is-yari { border-color: rgba(250, 204, 21, .6); }
.ka-ad.is-yari .ka-ad-durum { color: #facc15; }
.ka-ad.is-dolu { border-color: rgba(239, 68, 68, .5); }
.ka-ad.is-dolu .ka-ad-durum { color: #ef4444; }
.ka-sonuc { padding: 12px 14px; border: 1px solid var(--ucuz-border); border-radius: 10px; background: var(--ucuz-dark); font-size: .88rem; line-height: 1.6; }
.ka-sonuc.is-bos { border-color: rgba(34, 197, 94, .6); }
.ka-sonuc.is-yari { border-color: rgba(250, 204, 21, .6); }
.ka-sonuc.is-dolu { border-color: rgba(239, 68, 68, .5); }
.ka-sonuc.is-hata { border-color: rgba(239, 68, 68, .5); color: #fca5a5; }