/* ===== SEVK TARİHİ GİRİŞİ (PORTAL_VERI lisansı, Gözlem Ağı F3) =====
   Ekran: public/ekranlar/sevk-sozu.js. Bilerek sade — portal telefon düzeni
   (portal-mobil işi) gelince onun kalıbına uyacak. Yazı boyu ve renk yalnız
   token'dan (ölçek dışı boy yok). */
.ss-tablo td.ss-eylem { white-space: nowrap; text-align: right; }
.ss-form { display: grid; gap: var(--bosluk-3); }
.ss-form label { display: grid; gap: var(--bosluk-1); }
.ss-form input, .ss-form textarea { min-height: 44px; font: inherit; }
.ss-form-ayak { display: flex; gap: var(--bosluk-2); justify-content: flex-end; align-items: center; }
.ss-form-ayak .btn { min-height: 44px; }

/* TELEFON (≤600 px): tablo → kart. Her hücre kendi başlığıyla alt alta;
   düğme tam genişlik, en az 44 px dokunma hedefi. Yatay kaydırma yok. */
@media (max-width: 600px) {
  .ss-tablo thead { display: none; }
  .ss-tablo, .ss-tablo tbody, .ss-tablo tr, .ss-tablo td { display: block; width: 100%; }
  .ss-tablo tr { padding: var(--bosluk-2) 0; border-bottom: 1px solid var(--line); }
  .ss-tablo td { border: 0; padding: var(--bosluk-1) 0; text-align: left; }
  .ss-tablo td[data-etiket]::before { content: attr(data-etiket); display: block; color: var(--muted); }
  .ss-tablo td.ss-eylem { text-align: left; white-space: normal; }
  .ss-tablo td.ss-eylem .btn { width: 100%; min-height: 44px; }
  /* Arama ve sayfalama da dokunma hedefi: en az 44 px. */
  #view-sevkSozu .toolbar #ssAra { width: 100%; min-height: 44px; }
  /* Sayfalama telefonda tek sütun: düğmeler ortada, "Satır" seçici altında;
     ilk/son oklar gizli (yedi 44 px düğme 375 px'e sığmıyor — önceki/sonraki
     ve sayfa numaraları kalıyor). Yalnız bu ekranda; ortak bileşene dokunulmadı. */
  #view-sevkSozu .sayfalama { grid-template-columns: 1fr; justify-items: center; }
  #view-sevkSozu .sayfalama .syf-sol { display: none; }
  #view-sevkSozu .sayfalama .syf-boy { justify-self: center; }
  #view-sevkSozu .sayfalama [data-git="ilk"], #view-sevkSozu .sayfalama [data-git="son"] { display: none; }
  #view-sevkSozu .sayfalama button, #view-sevkSozu .sayfalama select { min-height: 44px; min-width: 44px; }
}