/* 🧱 TAŞERON HAKEDİŞ MODÜLÜ — yalnız /taseron ekranlarının kullandığı sınıflar.
   style.css (HR ortak) ve etap.css DEĞİŞTİRİLMEZ; modüle özgü her şey burada durur.
   Renkler doğrudan yazılır (style.css ile aynı palet: sarı #fef3c7/#92400e uyarı, turuncu düzeltme, yeşil vurgu). */

/* ---- Hakediş giriş ızgarası -------------------------------------------------------------------- */
.ts-izgara { width: 100%; }
.ts-izgara th, .ts-izgara td { vertical-align: middle; }
.ts-izgara thead th { position: sticky; top: 0; z-index: 2; background: #f1f5f9; }
.ts-izgara input.ts-kumul { width: 120px; text-align: right; font-variant-numeric: tabular-nums; }
.ts-izgara td.num, .ts-ozet td.num, .ts-tablo td.num { font-variant-numeric: tabular-nums; }
.ts-izgara tr.ts-satir-asim { background: #fff7ed; }
.ts-izgara .ts-tanim { max-width: 380px; }
.ts-eksi { color: #c2410c; font-weight: 600; }
.ts-uyari { display: inline-block; background: #fef3c7; color: #92400e; border-radius: 6px; padding: 1px 6px; font-size: 11px; white-space: nowrap; }
.ts-duzeltme { display: inline-block; background: #ffedd5; color: #9a3412; border-radius: 6px; padding: 1px 6px; font-size: 11px; white-space: nowrap; }
.ts-bolum-bas { background: #e2e8f0; font-weight: 700; }

/* ---- Canlı özet kutusu (form altında sabit durmaz; kartın içinde durur) -------------------------- */
.ts-canli { border: 1px solid #cbd5e1; border-radius: 10px; padding: 10px 12px; background: #f8fafc; }
.ts-canli table { width: 100%; border-collapse: collapse; }
.ts-canli td { padding: 3px 6px; }
.ts-canli td.num { text-align: right; font-variant-numeric: tabular-nums; }
.ts-canli tr.ts-vurgu td { border-top: 1px solid #cbd5e1; font-weight: 700; }
.ts-net { font-size: 18px; font-weight: 800; color: #0f766e; }

/* ---- Situation / Récapitulatif (hakediş detayı) -------------------------------------------------- */
.ts-sit td.num, .ts-sit th.num { text-align: right; font-variant-numeric: tabular-nums; }
.ts-sit tr.ts-ara td { background: #f8fafc; font-weight: 600; }
.ts-sit tr.ts-toplam td { background: #ecfdf5; font-weight: 700; }
.ts-odeme-kutu { border: 1px solid #99f6e4; background: #f0fdfa; border-radius: 10px; padding: 12px; }
.ts-odeme-kutu b { font-size: 20px; color: #0f766e; }
.ts-yaziyla { font-style: italic; color: #475569; }

/* ---- Akış şeridi (taslak → onaylandı → ödendi) --------------------------------------------------- */
.ts-akis { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin: 6px 0 10px; }
.ts-akis span { border: 1px solid #cbd5e1; border-radius: 999px; padding: 2px 10px; font-size: 12px; color: #64748b; }
.ts-akis span.ts-simdi { background: #0f766e; border-color: #0f766e; color: #fff; font-weight: 700; }
.ts-akis span.ts-gecti { background: #e2e8f0; color: #334155; }

/* ---- Sözleşme özeti şeridi ---------------------------------------------------------------------- */
.ts-ilerleme { background: #e2e8f0; border-radius: 999px; height: 8px; overflow: hidden; min-width: 90px; }
.ts-ilerleme i { display: block; height: 100%; background: #0ea5e9; }
.ts-ilerleme i.ts-tam { background: #16a34a; }