/* ==========================================================================
   Besleme eşleme kutusu — Ayarlar › Webhook › (bir besleme)
   ==========================================================================
   07'DEN AYRILDI, çünkü 07 16 KB eşiğine dayanmıştı (gerekçe
   pages/_partials/styles.php başlığında: barındırmanın FTP yazması büyük
   dosyaları 16384'ün katlarında kesiyor). Sınırı aşan kural bu bölümün
   kendisiydi ve bölünecek doğal yer de burasıydı: eşleme kutusu tek bir
   ekranın tek bir kartı, ayarların geri kalanıyla hiçbir kuralı paylaşmıyor.

   07'DEN SONRA yükleniyor ve bu sıra önemli: aşağıdaki kurallar 07'nin
   .table kurallarının üzerine yazıyor.
   ========================================================================== */

/* Eşleme tablosunda açılır kutu hücreyi doldurur: dar bir kutu, uzun alan
   adlarını ("Tarih/saat") kırpıp hangisinin seçili olduğunu okunmaz kılıyordu. */
.map-table select { width: 100%; }
.map-table td { vertical-align: middle; }

/* Kimlik sütunu dar ve ortalı: içinde tek bir onay kutusu var ve tablonun
   genişliğini açılır kutu belirlemeli, bu kutucuk değil. */
.map-table__id { width: 4.5rem; text-align: center; }

/* Eşlenmemiş satır soluk: otuz sütunluk bir tabloda gönderilen dört sütunun
   göze çarpması gerekiyor ve varsayılan hâl "gönderilmiyor". */
.map-row--off .map-row__name { color: var(--text-muted); }

/* --- eşleme satırının altındaki alan formu -------------------------------
 *
 * Satırın ALTINDA ve tablonun içinde: hangi sütun için açıldığı ancak
 * bitişik durursa okunuyor. Kutu ya da ayrı bir ekran, "ben hangi sütun için
 * gelmiştim" sorusunu sorduruyordu.
 *
 * Izgara dar ekranda tek sütuna iniyor; alan adı ve tip yan yana sığmadığında
 * alt alta binmektense sırayla durmaları gerekiyor.
 */
.map-row__form { background: var(--surface-2); padding: .75rem 1rem; }

.map-row__form-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .625rem 1rem;
  align-items: start;
}

.map-row__form-inner .field { margin: 0; }

/* Seçenekler ve düğmeler tam genişlik: ilki çok satırlı, ikincisi sağa
   yaslanıyor. */
.map-row__form-inner [data-alan-secenekler-alan],
.map-row__form-actions,
.map-row__form-inner [data-alan-durum] { grid-column: 1 / -1; }

.map-row__form-actions {
  display: flex; justify-content: flex-end; gap: .5rem;
}

.map-row__form-inner [data-alan-durum] {
  margin: 0;
  color: var(--danger);
}

@media (max-width: 720px) {
  .map-row__form-inner { grid-template-columns: 1fr; }
}

/* Kimlik başlığının altındaki bir satırlık açıklama: sütunun ne olduğu,
   işaretlemeden ÖNCE okunuyor. Başlık hücresi dar (4.5rem) olduğu için
   metin iki satıra iniyor ve sütunu genişletmemesi gerekiyor. */
.map-table__id-hint {
  display: block;
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0;
}

/* Az önce açılan alanın adı ve tipi — açılır kutunun HEMEN ALTINDA, aynı
   hücrede. İkisi de düzenlenebilir kutu; "değiştirmek için şuraya gidin"
   diyen bir bağlantı, iki kutunun yaptığı işi bir tık uzağa koyuyordu.
   Ölçüler küçük: bunlar satırın asıl seçimi değil, açılan alanın künyesi. */
.map-row__new {
  display: flex;
  align-items: center;
  gap: .375rem;
  margin-top: .375rem;
}

.map-row__new .input,
.map-row__new .select {
  padding: .25rem .4375rem;
  font-size: .75rem;
  height: auto;
}

.map-row__new .input  { flex: 1 1 auto; min-width: 0; }
.map-row__new .select { flex: 0 0 auto; width: auto; }

/* İptal: alanın açılmasından vazgeçmek. Sessiz bir düğme -- satırın asıl
   seçimiyle yarışmaması gerekiyor -- ama üzerine gelince kırmızıya dönüyor,
   çünkü yaptığı şey bir şeyi geri almak. */
.map-row__cancel {
  flex: 0 0 auto;
  background: none; border: 0; padding: .125rem .25rem;
  font: inherit; font-size: .75rem;
  color: var(--text-muted);
  text-decoration: underline; cursor: pointer;
}

.map-row__cancel:hover { color: var(--danger); }

@media (max-width: 720px) {
  .map-row__new { flex-wrap: wrap; }
}

/* "Yazılacağı yer": satırın altında, kutunun hemen ardında. Tek satır ve
   kırpılmıyor -- kırpılan bir tablo adı, hangi tabloya yazıldığını söylemez. */
.map-row__writes {
  margin: .25rem 0 0;
  font-variant-numeric: tabular-nums;
  word-break: break-word;
}

/* Kilitli satır: lead'in kendi alanına bağlı sütun. Listede DURUYOR -- dosyanın
   sütun listesi eksik görünmemeli -- ama buradan değiştirilmiyor; bağ "Sütun
   eşleşmeleri" bölümünün kararı. Soluk değil: kilitli olması, önemsiz olması
   demek değil; tersine en kritik sütunlar bunlar. */
.map-row--locked { background: var(--surface-2); }

.map-row__locked {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
}

.map-row__locked a { color: var(--brand); text-decoration: underline; }

/* Bağlantı listesindeki simge: adın solunda, yuvarlak zeminde. Satırın
   tamamını okumadan "bu hangi kaynak" sorusunu cevaplıyor. */
.feed-row__icon {
  display: inline-grid;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .4375rem;
  vertical-align: -.3125rem;
  border-radius: 50%;
  background: var(--surface-2);
  color: var(--text-muted);
}

.feed-row__icon svg { width: 14px; height: 14px; }