/* Bolum 7 - Tedarikci fiyat listesi: ekleme penceresi (kolon esleme, onizleme) ve tedarikci
 * sayfasi (tasarim: TedarikciEsleme, TedarikciListe). Siniflar td- onekli. */

/* ---------------- esleme penceresi ---------------- */
.td-esle { display: grid; grid-template-columns: 240px 240px minmax(0, 1fr); column-gap: 16px; row-gap: 8px; align-items: center; }
.td-esle > label, .td-esle > span:not(.alt):not(.td-kur) { color: var(--text); font-size: 14px; line-height: 20px; }
.pencere-ic .td-esle > label { flex-direction: row; }
.td-secim { display: flex; gap: 8px; align-items: center; min-width: 0; }
.td-secim select { flex: 1; min-width: 0; }
.td-tahmin { min-width: 40px; }
.td-ornek { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.td-bolumlu { width: 100%; }
.td-bolumlu button { flex: 1; }
.td-kur { display: flex; gap: 8px; align-items: center; }
.td-kur input { width: 88px; text-align: right; }
.td-kur[hidden] { display: none; }
.td-onizleme { display: flex; flex-direction: column; gap: 8px; }
.td-onizleme-tablo .td-tasma { max-width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.td-onizleme-tablo .ikon { width: 14px; height: 14px; vertical-align: -2px; }

/* ---------------- ozet kartlari (sekmeler): buyuk sayi, altinda etiket ---------------- */
.td-kovalar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.td-kova {
  display: flex; flex-direction: column; gap: 4px; padding: 16px; text-align: left; cursor: pointer;
  border: 0; border-radius: var(--r-card); background: var(--surface); color: var(--text);
}
.td-kova:hover { box-shadow: inset 0 0 0 1px var(--border-strong); }
.td-kova.td-secili { box-shadow: inset 0 0 0 2px var(--link); }
.td-kova .td-n { font-size: 28px; line-height: 36px; font-weight: 500; }
.td-kova .td-ad { color: var(--text-2); }
.td-kova.td-renk-iyi .td-n { color: var(--ok); }
.td-kova.td-renk-notr .td-n { color: var(--na); }

/* ---------------- tablo ---------------- */
.td-ara { flex: 0 1 320px; width: 320px; }
.td-sag { margin-left: auto; }
.td-th { display: inline-flex; align-items: center; }
.td-tablo { min-width: 1120px; }
.td-tablo td { height: 56px; }
.td-tablo .td-k-ted { width: 30%; max-width: 0; }
.td-tablo .td-k-amz { width: 40%; max-width: 0; }
.td-tablo td.sag { white-space: nowrap; }
.td-ted-ad { display: flex; gap: 8px; align-items: center; min-width: 0; }
.td-ted-ad .urun-ad { min-width: 0; }
.td-amz-alt { display: flex; gap: 8px; align-items: center; flex-wrap: nowrap; }
.td-tablo .urun-hucre a.urun-ad { color: var(--text); }
.td-tablo .urun-hucre a.urun-ad:hover { color: var(--link); }
tr.td-ayni > td { background: var(--surface-2); }
.td-ayni-yazi { padding-left: 32px; }
.td-girdi { position: relative; display: inline-flex; align-items: center; }
.td-girdi input { width: 88px; text-align: right; padding-right: 32px; }
.td-girdi input.td-onerildi { border-color: var(--border-strong); background: var(--surface-2); }
.td-girdi > .alt { position: absolute; right: 16px; pointer-events: none; }
.td-klasor { border: 0; background: transparent; padding: 4px; border-radius: var(--pill); cursor: pointer; color: inherit;
  display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.td-klasor:hover { background: var(--surface-3); }
.td-klasor .ikon { width: 14px; height: 14px; }
.td-alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.td-alt:has(#tdAyak:empty):has(#tdDaha[hidden]) { display: none; }
.td-eslesmeyen { display: flex; align-items: center; gap: 8px; padding: 0 4px; }
.td-eslesmeyen > span { flex: 1; }

/* ---------------- telefon ---------------- */
@media (max-width: 900px) {
  .td-kovalar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
@media (max-width: 700px) {
  .td-esle { grid-template-columns: minmax(0, 1fr); }
  .td-ara { flex: 1 1 100%; width: 100%; }
  .td-sag { margin-left: 0; }
  .td-kova .td-n { font-size: 18px; line-height: 24px; }
  .td-eslesmeyen { flex-wrap: wrap; }
  /* Her eslesme bir kart: tedarikci urunu, Amazon urunu, altinda etiket solda deger sagda */
  .td-tablo, .td-tablo tbody { display: block; min-width: 0; }
  .td-tablo thead { display: none; }
  .td-tablo tr.td-satir { display: flex; flex-direction: column; gap: 4px; padding: 16px; border-bottom: 1px solid var(--border); }
  .td-tablo tr.td-satir > td { display: flex; justify-content: space-between; align-items: center; gap: 8px;
    height: auto; min-height: 24px; padding: 0; border: 0; width: auto; max-width: none; white-space: normal; }
  .td-tablo tr.td-satir > td[data-ad]::before { content: attr(data-ad); color: var(--text-2); }
  .td-tablo tr.td-satir > td.td-k-ted, .td-tablo tr.td-satir > td.td-k-amz { display: block; }
  .td-tablo tr.td-satir > td:empty { display: none; }
  .td-ayni-yazi { padding-left: 0; }
  .td-amz-alt { flex-wrap: wrap; }
  .td-tablo tbody tr:not(.td-satir) > td { display: block; }
}