/* stok modülü stilleri — renkler sofra.css jetonlarından, koyu/açık tema ikisinde de */
.stok-tablo td small { display: block; color: var(--soluk); font-size: 12px; font-weight: 400; font-family: var(--yazi); }
.stok-tablo td.sayi small { text-align: right; }
.stok-tablo td { vertical-align: top; }
.stok-tablo td.sayi { white-space: nowrap; }
.stok-tablo td:has(> .btn) { text-align: right; white-space: nowrap; }
.stok-cubuk { width: 120px; margin-top: 6px; }
.stok-cubuk.kritik i { background: var(--siparis); }
.stok-cubuk.bitti i { background: var(--soluk); }
.stok-kritik-satir td:first-child strong { color: var(--siparis); }
.stok-bitti-satir td:first-child strong { text-decoration: line-through; text-decoration-color: var(--soluk); }
.etiket.stok-bitti { background: var(--murekkep); color: var(--yuzey); }
.stok-recete-ozet { font-size: 13px; color: var(--soluk); min-width: 220px; }

/* tedarikçi taslağı */
.stok-taslak { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.stok-taslak__kutu { display: grid; gap: 8px; align-content: start; background: var(--yuzey-2); border-radius: 12px; padding: 12px; min-width: 0; }
.stok-taslak__bas { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.stok-taslak__bas small { color: var(--soluk); font-size: 12px; }
.stok-taslak textarea { width: 100%; resize: vertical; border: 1px solid var(--cizgi); background: var(--yuzey); color: var(--murekkep); border-radius: 9px; padding: 9px 10px; font: 13px/1.5 var(--mono); }
.stok-taslak .btn { justify-self: start; }

/* reçete çekmecesi */
.stok-recete-satir { display: grid; grid-template-columns: minmax(0, 1fr) 104px 104px; gap: 10px; align-items: end; padding-bottom: 10px; border-bottom: 1px solid var(--cizgi); }
.stok-recete-satir > span { align-self: center; min-width: 0; }
.stok-recete-satir strong { display: block; font-weight: 600; }
.stok-recete-satir small { color: var(--soluk); font-size: 12px; }
.stok-recete-satir .alan input { width: 100%; min-width: 0; }
.stok-not { font-size: 13px; }
.stok-izgara { margin-bottom: 18px; }

@media (max-width: 700px) {
  .stok-gizle-dar { display: none; }
  /* telefonda tablo satırı kart olur: yatay kaydırma yok */
  .stok-tablo thead { display: none; }
  .stok-tablo, .stok-tablo tbody { display: block; }
  .stok-tablo tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; padding: 12px 0; border-bottom: 1px solid var(--cizgi); }
  .stok-tablo tr:last-child { border-bottom: 0; }
  .stok-tablo td { display: block; padding: 0; border: 0; min-width: 0; }
  .stok-tablo td.stok-gizle-dar { display: none; }
  .stok-tablo td:has(> .btn) { grid-column: 2; text-align: right; }
  .stok-tablo td:has(> .etiket) { text-align: right; }
  .stok-tablo tr[data-yemek] td:has(> .etiket) { text-align: left; }
  .stok-recete-ozet { min-width: 0; grid-column: 1 / -1; }
  .stok-tablo td[data-etiket]::before { content: attr(data-etiket) " "; font: 500 12px var(--yazi); color: var(--soluk); }
  .stok-recete-satir { grid-template-columns: 1fr 1fr; }
  .stok-recete-satir > span { grid-column: 1 / -1; }
}

/* hareket: yeni giriş yapılan satır bir kez parlar */
@media (prefers-reduced-motion: no-preference) {
  .stok-tablo tr.stok-yeni td { animation: stok-parla 1.2s var(--yay, ease-out); }
  @keyframes stok-parla { 0%, 30% { background: var(--marka-acik); } }
}