/* Terminal 3 bölüm Faz 5 — Konteyner · Teslim · İade dönüşü · Taşı stilleri (term-konteyner.js, term-teslim.js, term-iade.js İ5 Kap; sözleşme §9.8).
   Kurallar: bütün sınıflar t2-knt- önekli; renkler yalnız tema belirteçleri (--surface, --surface-2, --ink, --ink-muted, --line, --good satılabilir,
   --warn inceleme / yaş sarı, --critical kusurlu / red / kırmızı kart, --accent, --t2-mor İade); sabit renk yalnız var(--x, #…) yedeği. Köşe
   --radius-md / --radius-pill; gölge / animasyon yok. 375 px: ızgaralar minmax(0,1fr), metin kutularında min-width:0 + overflow-wrap:anywhere,
   kap kodu tabular-nums (daktilo yazı tipi yok), yatay kaydırma yok, dokunma hedefi ≥ 48 px. [hidden] sayfa genelinde display:none !important
   (index.html başı): display:flex / grid yazan sınıflar ona güvenir. color-mix'i tanımayan eski WebView için düz yedek zemin önce gelir. */

/* ---------- ortak ---------- */
.t2-knt{display:flex; flex-direction:column; gap:8px; min-width:0;}
.t2-knt-cipler{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:6px; margin-bottom:8px;}
.t2-knt-cipler.iki{grid-template-columns:repeat(2, minmax(0,1fr));}
.t2-knt-cip{
  min-height:48px; min-width:0; padding:4px 6px; border-radius:var(--radius-md, 10px); border:1px solid var(--line);
  background:var(--surface-2); color:var(--ink); font:inherit; font-size:.85rem; font-weight:800; line-height:1.15;
  overflow-wrap:anywhere; text-align:center;
}
.t2-knt-cip b{font-variant-numeric:tabular-nums;}
.t2-knt-cip.secili{background:var(--accent); color:var(--accent-contrast); border-color:transparent;}
.t2-knt-serit{
  display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; min-height:48px; min-width:0; padding:8px 12px;
  border-radius:var(--radius-md, 10px); border:1px solid var(--line); border-left-width:4px; background:var(--surface-2); color:var(--ink);
  font-weight:700; overflow-wrap:anywhere;
}
.t2-knt-serit > span{flex:1 1 auto; min-width:0;}
.t2-knt-serit.sari{border-left-color:var(--warn); background:var(--surface-2); background:color-mix(in srgb, var(--warn) 14%, var(--surface));}
.t2-knt-serit.kirmizi{border-left-color:var(--critical); background:var(--surface-2); background:color-mix(in srgb, var(--critical) 12%, var(--surface));}
.t2-knt-serit.mavi{border-left-color:var(--accent);}
.t2-knt-son{
  display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; min-height:48px; padding:8px 12px; min-width:0;
  border-radius:var(--radius-md, 10px); border:1px solid var(--line); border-left:4px solid var(--good); background:var(--surface); font-weight:700; overflow-wrap:anywhere;
}
.t2-knt-son > span{flex:1 1 auto; min-width:0;}
.t2-knt-son.sari{border-left-color:var(--warn);}
.t2-knt-son.kirmizi{border-left-color:var(--critical);}
.t2-knt-son small{flex:1 1 100%; font-size:.78rem; font-weight:600; color:var(--ink-muted);}
.t2-knt-ust{display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; min-width:0;}
.t2-knt-liste .t2-liste{display:flex; flex-direction:column; gap:6px;}
.t2-knt-satir{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 8px; align-items:center; min-height:48px; padding:8px 10px; min-width:0;
  border-radius:var(--radius-md, 10px); border:1px solid var(--line-soft, var(--line)); background:var(--surface);
}
.t2-knt-satir > .t2-knt-kap-kod + .t2-knt-satir-metin{min-width:0;}
.t2-knt-satir:has(> .t2-knt-kap-kod){grid-template-columns:auto minmax(0,1fr) auto;}
.t2-knt-satir:has(> .t2-gorsel){grid-template-columns:auto minmax(0,1fr) auto;}
.t2-knt-satir.yas-sari{border-left:4px solid var(--warn);}
.t2-knt-satir.yas-kirmizi{border-left:4px solid var(--critical);}
.t2-knt-satir.okut{border:2px solid var(--accent);}
.t2-knt-satir.hatali{border:2px solid var(--critical);}
.t2-knt-satir-metin{display:flex; flex-direction:column; gap:2px; min-width:0;}
.t2-knt-satir-metin .ad{font-weight:800; overflow-wrap:anywhere; min-width:0;}
.t2-knt-satir-metin .meta{font-size:.82rem; color:var(--ink-muted); overflow-wrap:anywhere; min-width:0;}
.t2-knt-beden{display:inline-block; min-width:28px; margin-right:6px; padding:1px 6px; border-radius:var(--radius-pill, 999px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font-weight:800; text-align:center;}
.t2-knt-hedef{white-space:nowrap; font-weight:800;}
.t2-knt-dugmeler{display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; grid-column:1 / -1; min-width:0;}
.t2-knt-dugmeler .t2-dugme{min-height:48px;}
.t2-knt-karar{font-size:.85rem; font-weight:800; overflow-wrap:anywhere; align-self:center; margin-right:auto;}
.t2-knt-kap-kod{font-size:1.15rem; font-weight:900; font-variant-numeric:tabular-nums; letter-spacing:.01em; overflow-wrap:anywhere; min-width:0;}
.t2-knt-gorsel{width:44px; height:56px; object-fit:cover; border-radius:var(--radius-sm, 7px);}

/* ---------- kap satırı (Kaplar sekmesi, İade dönüşü listesi) ---------- */
.t2-knt-kap{
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:4px 10px; align-items:center; min-height:56px; width:100%; min-width:0;
  padding:8px 10px; border-radius:var(--radius-md, 10px); border:1px solid var(--line); border-left:4px solid var(--line); background:var(--surface);
  color:var(--ink); font:inherit; text-align:left;
}
.t2-knt-kap.ton-satilabilir{border-left-color:var(--good);}
.t2-knt-kap.ton-kusurlu, .t2-knt-kap.ton-red{border-left-color:var(--critical);}
.t2-knt-kap.ton-inceleme{border-left-color:var(--warn);}
.t2-knt-kap.ton-karisik{border-left-color:var(--t2-mor, #8b5cf6);}
.t2-knt-kap.yas-sari{background:var(--surface-2); background:color-mix(in srgb, var(--warn) 10%, var(--surface));}
.t2-knt-kap.yas-kirmizi{background:var(--surface-2); background:color-mix(in srgb, var(--critical) 10%, var(--surface));}
.t2-knt-secili .t2-buyuk-kod{font-variant-numeric:tabular-nums;}
.t2-knt-secim-satir{
  display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; width:100%; min-height:56px; min-width:0; padding:8px 12px;
  border-radius:var(--radius-md, 10px); border:2px solid var(--warn); background:var(--surface); color:var(--ink); font:inherit; text-align:left;
}
.t2-knt-secim-satir b{font-size:1.1rem;}
.t2-knt-secim-satir small{margin-left:auto; color:var(--ink-muted);}
.t2-knt-katla{display:flex; align-items:center; gap:8px; width:100%; min-height:48px; padding:4px 0; border:0; background:none; color:var(--ink); font:inherit; font-weight:800; text-align:left;}

/* ---------- İade dönüşü (Rafa Koy sekmesi) ---------- */
.t2-knt-kap-serit{grid-template-columns:auto minmax(0,1fr);}
.t2-knt-kap-serit > .t2-knt-kap-kod{font-size:clamp(22px, 1.5rem, 28px);}
.t2-knt-urun .t2-rk-bekle{margin-top:4px;}
.t2-knt-oneriler{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; min-width:0;}
.t2-knt-oneriler > span{flex:1 1 100%; font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-muted);}
/* Faz 6 çapraz sevk (2026-11-01): şerit kartın en üstünde ve kompakt (360×640'ta okut kutusunun üstünde kalır); raf "Ad (BARKOD)" tek biçim */
.t2-knt-sevk{display:flex; flex-direction:column; gap:2px; min-width:0; margin:0 0 10px; padding:8px 12px; border-left:4px solid var(--critical); border-radius:var(--radius-md, 10px);
  background:var(--surface-2); background:color-mix(in srgb, var(--critical) 12%, var(--surface)); color:var(--ink);}
.t2-knt-sevk-bas{font-size:1rem; font-weight:900; letter-spacing:.02em; line-height:1.2; color:var(--critical);}
:root[data-theme="light"] .t2-knt-sevk-bas, :root[data-theme="studio"] .t2-knt-sevk-bas{color:#991B1B;}
.t2-knt-sevk-raf{font-size:clamp(20px, 1.3rem, 24px); font-weight:900; line-height:1.15; overflow-wrap:anywhere; font-variant-numeric:tabular-nums;}
.t2-knt-sevk-alt{font-size:.9rem; line-height:1.25; color:var(--ink-muted);}
.t2-knt-iki{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px;}
.t2-knt-iki .t2-dugme{min-height:56px; white-space:normal; overflow-wrap:anywhere;}
.t2-knt-iki .t2-dugme.secili{border-width:3px;}
.t2-knt-bosalt .t2-knt-satir{grid-template-columns:minmax(0,1fr);}
.t2-knt-bosalt .t2-knt-satir:has(> .t2-gorsel){grid-template-columns:auto minmax(0,1fr);}
.t2-knt-ok-etiket{font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-muted);}
.t2-knt-metin{display:flex; flex-direction:column; gap:4px; min-width:0;}
.t2-knt-metin textarea, .t2-knt-metin input{width:100%; box-sizing:border-box; min-height:48px; padding:8px 10px; border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface); color:var(--ink); font:inherit; user-select:text; -webkit-user-select:text;}
.t2-knt-metin label{font-weight:800; font-size:.85rem;}
.t2-knt-metin small{font-size:.78rem; color:var(--ink-muted);}

/* ---------- Teslim fişi ---------- */
.t2-knt-fis-kod{font-size:clamp(28px, 1.875rem, 32px); font-weight:900; font-variant-numeric:tabular-nums; letter-spacing:.02em; overflow-wrap:anywhere;}

/* ---------- Rafa Koy: > 4 sekme (İade dönüşü / Taşı açık) — 375 px'te üç sütun iki satır ---------- */
.t2-rk-sekmeler.cok{grid-template-columns:repeat(3, minmax(0,1fr));}
@media (min-width:600px){ .t2-rk-sekmeler.cok{grid-template-columns:repeat(6, minmax(0,1fr));} }

/* ---------- İade Kabul (konteyner akışı): İ3 dört düğme, İ5 Kap, Kaliteyi düzelt ---------- */
.t2-ik-kaliteler.t2-knt-dort{grid-template-columns:repeat(2, minmax(0,1fr));}
@media (min-width:600px){ .t2-ik-kaliteler.t2-knt-dort{grid-template-columns:repeat(4, minmax(0,1fr));} }
.t2-knt-dort .t2-ik-kalite{min-height:72px;}
.t2-knt-dort .kY{border-color:var(--good); border-style:dashed;}
.t2-knt-dort .kY.secili{border-style:solid; background:var(--surface-2); background:color-mix(in srgb, var(--good) 22%, var(--surface));}
.t2-knt-ik-karar .t2-knt-ik-satir, .t2-knt-ik-son{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; min-width:0; overflow-wrap:anywhere;}
.t2-knt-ik-et{font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-muted);}
.t2-knt-ik-son{padding:4px 2px;}
.t2-knt-ik-son b{font-size:1.1rem; font-variant-numeric:tabular-nums;}
.t2-knt-ik-liste .t2-liste{display:flex; flex-direction:column; gap:6px;}
.t2-knt-ik-birim{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 10px; align-items:center; min-height:56px; padding:8px 10px; min-width:0;
  border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface);
}
.t2-knt-ik-birim:has(> .t2-gorsel){grid-template-columns:auto minmax(0,1fr) auto;}
.t2-knt-ik-birim.secili{border:2px solid var(--accent);}
.t2-knt-ik-birim .t2-rozet{grid-column:1 / -1; justify-self:start;}
.t2-knt-ik-hedef{font-weight:900; font-size:.85rem; text-align:right; overflow-wrap:anywhere; padding:4px 8px; border-radius:var(--radius-md, 10px); border:2px solid var(--line);}
.t2-knt-ik-hedef.h-satilabilir{border-color:var(--good);}
.t2-knt-ik-hedef.h-kusurlu, .t2-knt-ik-hedef.h-red{border-color:var(--critical);}
.t2-knt-ik-hedef.h-inceleme{border-color:var(--warn);}
.t2-knt-ik-hedef.h-yok{border-style:dashed; color:var(--ink-muted);}
.t2-knt-duzelt .t2-ik-urun-metin{margin-bottom:6px;}

/* ---------- menü: rakamsız kart (Konteyner) nötr kare; Stok Say kusurlu rafı satırı ---------- */
.t2-menu-kart .t2-menu-no:empty{background:var(--surface-3, var(--surface-2));}
.t2-ss-stokdisi{color:var(--ink-muted);}

/* ---------- açık tema: küçük yardımcı yazılar koyu (kontrast; emsal kural listesi) ---------- */
:root[data-theme="light"] .t2-knt-satir-metin .meta, :root[data-theme="studio"] .t2-knt-satir-metin .meta,
:root[data-theme="light"] .t2-knt-son small, :root[data-theme="studio"] .t2-knt-son small,
:root[data-theme="light"] .t2-knt-ik-et, :root[data-theme="studio"] .t2-knt-ik-et,
:root[data-theme="light"] .t2-knt-ok-etiket, :root[data-theme="studio"] .t2-knt-ok-etiket{color:var(--ink-muted-koyu, #475569);}

/* [Al] gibi kısa etiketli satır düğmeleri en az 48 px genişlik (görsel denetim 2026-10-30: 45 × 48 ölçülmüştü) */
.t2-knt-satir .t2-dugme, .t2-knt-dugmeler .t2-dugme{min-width:48px;}

@media (max-width:420px){
  /* Kap satırı: dar ekranda sınıf rozeti ikinci satıra iner (üç sütun ad metnini 4 satıra sıkıştırıyordu) */
  .t2-knt-kap{grid-template-columns:auto minmax(0,1fr);}
  .t2-knt-kap > .t2-rozet{grid-column:1 / -1; justify-self:start;}
  .t2-knt-cipler{grid-template-columns:repeat(2, minmax(0,1fr));}
  .t2-knt-cip{font-size:.8rem;}
  .t2-knt-ik-birim{grid-template-columns:minmax(0,1fr);}
  .t2-knt-ik-birim:has(> .t2-gorsel){grid-template-columns:auto minmax(0,1fr);}
  .t2-knt-ik-hedef{grid-column:1 / -1; text-align:left; justify-self:start;}
}