/* Terminal 2.0 arayüz sözlüğü (.t2-*) — shared.css :root sözlüğü (--elev-*, --radius-*, --ease, --dur)
   ve tema değişkenleri (--bg, --surface, --ink, --line-soft …) üzerine kurulu.
   Kurallar: dokunma hedefi >= 48 px, birincil düğme 56-64 px, mobil kenar 6 px, animasyon/gölge yok
   (yalnız pencere yükseltisi), scrollIntoView yok (kart yükseklikleri sabit), monospace yazı tipi yok. */

[hidden]{display:none !important;}

html{
  --t2-ust:56px;
  --t2-alt:64px;
  --t2-kenar:6px;
  /* Firma tonu (rozet + kenar şeridi) tek yerden: PTT mavi, HepsiJET mor (tema sözlüğünde karşılığı yok) */
  --t2-mavi:#3b82f6;
  --t2-mor:#8b5cf6;
  /* İade Kabul (ADIM 7) fiziksel kasa renkleri: tema sözlüğü dışında tek gerekçeli istisna (depodaki siyah ve kırmızı kasanın
     kendisi). Bant yazısı her temada beyaz: siyah üstünde 18.9:1, kırmızı üstünde 6.5:1. Kasa adı ayrıca metin + şekille yazılır. */
  --t2-kasa-siyah:#111111;
  --t2-kasa-kirmizi:#b91c1c;
  --t2-kasa-yazi:#ffffff;
  --t2-yazi:16px;
  font-size:var(--t2-yazi);
  overscroll-behavior:none;
  -webkit-text-size-adjust:100%;
}
html[data-t2-yazi="buyuk"]{--t2-yazi:18px;}
html[data-t2-yazi="kucuk"]{--t2-yazi:14.5px;}

html, body{height:100%; margin:0; overflow:hidden;}
body{
  background:var(--bg); color:var(--ink);
  /* Bazı temalar (ör. 'light', 'kernel') --font-body'yi monospace yapar; terminalde her temada sans kalır. */
  font-family:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size:1rem; line-height:1.35;
  user-select:none; -webkit-user-select:none;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  padding:0;
}
button, input, select{font:inherit; color:inherit;}
button{cursor:pointer;}
button:disabled{opacity:.45; cursor:default;}
*{box-sizing:border-box;}

/* ---------- kabuk ---------- */
.t2-kabuk{
  display:flex; flex-direction:column;
  height:100dvh; width:100%; max-width:720px; margin:0 auto;
  background:var(--bg);
  padding-top:env(safe-area-inset-top, 0px);
}
@media (min-width:721px){
  .t2-kabuk{border-left:1px solid var(--line-soft); border-right:1px solid var(--line-soft);}
}

/* üst çubuk: 56 px, tek satır, taşma yok */
.t2-ust{
  flex:none; height:var(--t2-ust); display:flex; align-items:center; gap:6px;
  padding:0 8px; background:var(--surface); border-bottom:1px solid var(--line-soft);
  min-width:0;
}
.t2-ust-dugme{
  flex:none; width:44px; height:44px; display:flex; align-items:center; justify-content:center;
  border:1px solid var(--line); border-radius:var(--radius-md, 10px); background:var(--surface-2); color:var(--ink);
  padding:0;
}
.t2-ust-dugme svg{width:20px; height:20px;}
.t2-ust-orta{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; justify-content:center; line-height:1.15;}
.t2-ust-baslik{font-weight:700; font-size:.95rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t2-ust-alt{font-size:.72rem; color:var(--ink-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:flex; gap:6px; align-items:center;}
.t2-ust-sag{flex:none; display:flex; align-items:center; gap:6px;}
.t2-nokta{width:10px; height:10px; border-radius:50%; background:var(--ink-muted); flex:none;}
.t2-nokta.iyi{background:var(--good);} .t2-nokta.sari{background:var(--warn);} .t2-nokta.kirmizi{background:var(--critical);}
.t2-saat{font-size:.95rem; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap;}
.t2-pil{font-size:.72rem; color:var(--ink-muted); font-variant-numeric:tabular-nums; white-space:nowrap;}
.t2-pil.az{color:var(--critical); font-weight:700;}
.t2-senk{font-size:.7rem; padding:2px 7px; border-radius:var(--radius-pill, 999px); background:var(--surface-2); color:var(--ink-muted); white-space:nowrap;}
/* Üst çubuk senkron düğmesi: istek sürerken ikon döner */
.t2-ust-dugme.donuyor svg{animation:t2don 1s linear infinite;}
@keyframes t2don{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion: reduce){ .t2-ust-dugme.donuyor svg{animation:none; opacity:.5;} }
/* Klasik görünüm (gömülü panel sayfası): gövde kenarsız, iframe tüm alanı doldurur, alt okutma çubuğu gizli */
.t2-govde.klasik{padding:0; gap:0;}
#ekranKlasik{flex:1 1 auto; min-height:0; display:flex;}
#klasikFrame{flex:1 1 auto; width:100%; min-height:0; border:0; background:var(--bg);}
body.t2-klasik .t2-alt, body.t2-klasik #okutKutu{display:none;}
/* Telefonda shell.js kamera düğmesi okutma alanının sağında (sarmalayıcı alanı bozmasın); yer tutucu ve hazır noktası
   düğmenin altında kalmasın diye sağ boşluk açılır, nokta düğmenin soluna alınır */
.t2-okut-alan .kamera-barkod-wrap{display:block; width:100%;}
.t2-okut-alan .kamera-barkod-wrap > input{width:100%; box-sizing:border-box; padding-right:64px !important;}
.t2-okut-alan .kamera-barkod-wrap ~ .t2-hazir{right:64px;}
body.terminal-donanim .t2-okut-alan .kamera-barkod-wrap > input{padding-right:40px !important;}
body.terminal-donanim .t2-okut-alan .kamera-barkod-wrap ~ .t2-hazir{right:14px;}
.t2-senk.eski{background:color-mix(in srgb, var(--warn) 22%, transparent); color:var(--warn); font-weight:700;}
/* Açık temalarda rozet yazısı bir ton koyu (sakin 4.2 → ≥4.5), turuncu yazı koyu kehribar (3.2 → ≥4.5; ürün yaşıyla aynı ton) */
:root[data-theme="light"] .t2-senk, :root[data-theme="studio"] .t2-senk{color:#475569;}
:root[data-theme="light"] .t2-senk.eski, :root[data-theme="studio"] .t2-senk.eski{color:#92400E;}
/* 421-520 px: senkron rozeti kısaltılır (önek ve "önce" gizli) — başlık/kullanıcı adı kesilmesin */
@media (max-width:520px){ .t2-senk-on, .t2-senk-son{display:none;} }
/* Senkron düğmesinin altındaki küçük süre etiketi (#ustSenkMini): yalnız 420 px altında, rozetin yerine. Düğmeye basınca
   '30 dk' turuncu → 'şimdi' olur; genişlik harcamaz (düğmenin üstüne biner). Senkron yetkisi olmayanda (düğme yok)
   rozet kısa biçimde ('30 dk') yerinde kalır. İstek denetimi incelemesi 2026-10-10. */
#ustSenkron{position:relative;}
.t2-senk-mini{display:none;}
@media (max-width:420px){
  .t2-ust.senk-dugmeli .t2-senk{display:none;}
  .t2-ust-alt .t2-gizle-dar{display:none;}
  .t2-senk-mini{
    display:block; position:absolute; left:50%; bottom:-6px; transform:translateX(-50%); pointer-events:none;
    padding:0 5px; border-radius:var(--radius-pill, 999px); border:1px solid var(--line);
    background:var(--surface); color:var(--ink); font-size:.66rem; font-weight:700; line-height:1.35; white-space:nowrap; font-variant-numeric:tabular-nums;
  }
  .t2-senk-mini.eski{background:var(--warn); border-color:var(--warn); color:#1a1300;}
}

/* test modu bandı ve şeritler */
.t2-band{
  flex:none; padding:6px 10px; font-size:.85rem; font-weight:700; text-align:center;
  background:var(--warn); color:#1a1300;
}
.t2-serit{
  flex:none; display:flex; align-items:center; gap:10px; padding:8px 12px; font-size:.9rem; font-weight:600;
  min-height:48px;
}
.t2-serit.uyari{background:color-mix(in srgb, var(--warn) 24%, var(--surface)); color:var(--ink); border-bottom:2px solid var(--warn);}
.t2-serit.kirmizi{background:color-mix(in srgb, var(--critical) 24%, var(--surface)); color:var(--ink); border-bottom:2px solid var(--critical);}
.t2-serit.bilgi{background:var(--surface-2); color:var(--ink); border-bottom:1px solid var(--line-soft);}
.t2-serit .t2-serit-ikon{flex:none; font-weight:900; font-size:1.1rem;}
.t2-serit button{margin-left:auto; min-height:40px; padding:0 14px; border-radius:var(--radius-md,10px); border:1px solid var(--line); background:var(--surface); color:var(--ink); font-weight:700;}

/* ekran içi tek satır ipucu */
.t2-ipucu{
  flex:none; display:flex; align-items:center; gap:8px; padding:6px var(--t2-kenar);
  font-size:.82rem; color:var(--ink-muted); min-height:36px;
}
.t2-ipucu span{flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* '?' düğmesi: dokunma alanı 56×56 (kural >= 56 px), görünen daire 40 px (::before). Dikey -8 px kenar boşluğu satırı 52 px'te tutar
   (gövde yüksekliği değişmez); sağda kabuk kenar boşluğu kadar taşar, ekrandan taşmaz. */
.t2-ipucu button{
  flex:none; position:relative; isolation:isolate; width:56px; height:56px; margin:-8px calc(-1 * var(--t2-kenar)) -8px 0; padding:0; border:0; border-radius:50%;
  background:transparent; color:var(--ink); font-weight:800;
}
.t2-ipucu button::before{content:""; position:absolute; left:50%; top:50%; width:40px; height:40px; margin:-20px 0 0 -20px; border-radius:50%; border:1px solid var(--line); background:var(--surface-2); z-index:-1;}
/* Açık / Stüdyo: --ink-muted (#647488) ipucu satırında 4,45:1 idi; .t2-senk ile aynı koyu ton (~7:1) */
:root[data-theme="light"] .t2-ipucu, :root[data-theme="studio"] .t2-ipucu{color:#475569;}

/* ekran gövdesi */
.t2-govde{flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden; padding:var(--t2-kenar); display:flex; flex-direction:column; gap:8px;}
/* Bölüm kaydırma kabının (govde) içinde doğal yüksekliğinde akar; çocuklar asla sıkışmaz (üst üste binme tuzağı). */
section[data-ekran]{display:flex; flex-direction:column; gap:8px; flex:none;}
section[data-ekran] > *, .t2-govde > *{flex:none;}

/* alt sabit birincil düğme */
.t2-alt{
  flex:none; padding:8px var(--t2-kenar) calc(8px + env(safe-area-inset-bottom, 0px));
  background:var(--surface); border-top:1px solid var(--line-soft); display:flex; gap:8px;
}
body.t2-sol-el .t2-alt, body.t2-sol-el .t2-satir{flex-direction:row-reverse;}
.t2-birincil{
  flex:1 1 auto; min-height:var(--t2-alt); border:none; border-radius:var(--radius-lg, 14px);
  background:var(--accent); color:var(--accent-contrast); font-size:1.1rem; font-weight:800; letter-spacing:.01em;
  padding:0 16px;
}
/* Yıkıcı birincil (Rafa Koy Çıkar): beyaz yazı için kırmızı koyulaştırılır. Nova'nın açık --critical'ı (#FB7185) düz zeminde 2.69:1
   idi; %70 + siyah her temada >= 4.5:1 (inceleme bulgusu 2026-10-11). color-mix'siz WebView için düz yedek önce. */
.t2-birincil.kirmizi{background:var(--critical); background:color-mix(in srgb, var(--critical) 70%, #000); color:#fff;}
.t2-birincil.gri{background:var(--surface-2); color:var(--ink); border:1px solid var(--line);}
.t2-ikincil{
  flex:0 0 auto; min-height:var(--t2-alt); min-width:64px; border:1px solid var(--line); border-radius:var(--radius-lg, 14px);
  background:var(--surface-2); color:var(--ink); font-size:1rem; font-weight:700; padding:0 14px;
}

/* ---------- genel düğme / kart ---------- */
.t2-dugme{
  min-height:48px; padding:0 14px; border-radius:var(--radius-md, 10px); border:1px solid var(--line);
  background:var(--surface-2); color:var(--ink); font-weight:700; font-size:.95rem;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
}
.t2-dugme.vurgu{background:var(--accent); color:var(--accent-contrast); border-color:transparent;}
.t2-dugme.kirmizi{background:color-mix(in srgb, var(--critical) 18%, var(--surface)); color:var(--critical); border-color:var(--critical);}
.t2-dugme.yesil{background:color-mix(in srgb, var(--good) 18%, var(--surface)); color:var(--good); border-color:var(--good);}
.t2-dugme.sari{background:color-mix(in srgb, var(--warn) 18%, var(--surface)); color:var(--ink); border-color:var(--warn);}
.t2-dugme.tam{width:100%;}
.t2-satir{display:flex; gap:8px; flex-wrap:wrap;}
.t2-satir > .t2-dugme{flex:1 1 auto;}

.t2-kart{
  background:var(--surface); border:1px solid var(--line-soft); border-radius:var(--radius-lg, 14px);
  padding:12px 14px; display:flex; flex-direction:column; gap:8px; min-height:48px;
}
.t2-kart.ton-mavi{border-left:4px solid #3b82f6;} .t2-kart.ton-yesil{border-left:4px solid var(--good);}
.t2-kart.ton-turuncu{border-left:4px solid var(--warn);} .t2-kart.ton-kirmizi{border-left:4px solid var(--critical);}
.t2-kart.ton-mor{border-left:4px solid #8b5cf6;} .t2-kart.ton-cam{border-left:4px solid var(--accent);}
.t2-kart-bas{display:flex; align-items:center; gap:8px; font-size:.78rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-muted);}
.t2-kart-bas .t2-sag{margin-left:auto; text-transform:none; letter-spacing:0; font-weight:600; color:var(--ink);}
.t2-kart-baslik{font-size:1.1rem; font-weight:800; line-height:1.25; overflow-wrap:anywhere;}
.t2-kart-alt{font-size:.88rem; color:var(--ink-muted); overflow-wrap:anywhere;}
.t2-alanlar{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px 12px;}
.t2-alanlar.uc{grid-template-columns:repeat(3, minmax(0,1fr));}
.t2-alan{min-width:0;}
.t2-alan > span{display:block; font-size:.7rem; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-muted);}
.t2-alan > b{display:block; font-size:.98rem; font-weight:700; overflow-wrap:anywhere; font-variant-numeric:tabular-nums;}
.t2-alan.genis{grid-column:1 / -1;}
.t2-buyuk-kod{font-size:1.9rem; font-weight:900; letter-spacing:.02em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; line-height:1.1;}
.t2-buyuk-adet{font-size:2rem; font-weight:900; font-variant-numeric:tabular-nums; line-height:1;}

/* rozetler */
.t2-rozetler{display:flex; flex-wrap:wrap; gap:6px;}
.t2-rozet{
  display:inline-flex; align-items:center; gap:4px; padding:4px 10px; border-radius:var(--radius-pill, 999px);
  font-size:.78rem; font-weight:800; background:var(--surface-2); color:var(--ink); border:1px solid var(--line-soft);
}
.t2-rozet.yesil{background:color-mix(in srgb, var(--good) 18%, transparent); color:var(--good); border-color:transparent;}
.t2-rozet.sari{background:color-mix(in srgb, var(--warn) 22%, transparent); color:var(--warn); border-color:transparent;}
.t2-rozet.kirmizi{background:color-mix(in srgb, var(--critical) 18%, transparent); color:var(--critical); border-color:transparent;}
.t2-rozet.mavi{background:rgba(59,130,246,.18); background:color-mix(in srgb, var(--t2-mavi) 18%, transparent); color:#60a5fa; border-color:transparent;}
.t2-rozet.mor{background:rgba(139,92,246,.18); background:color-mix(in srgb, var(--t2-mor) 18%, transparent); color:#a78bfa; border-color:transparent;}
.t2-rozet.cam{background:color-mix(in srgb, var(--accent) 18%, transparent); color:var(--accent); border-color:transparent;}
/* Açık temalarda (parlak ışık anahtarı) rozet metinleri koyu varyant: beyaz üstünde 4.5:1 ve üzeri (inceleme bulgusu 2026-10-08) */
:root[data-theme="light"] .t2-rozet.yesil, :root[data-theme="studio"] .t2-rozet.yesil{color:#166534;}
:root[data-theme="light"] .t2-rozet.sari, :root[data-theme="studio"] .t2-rozet.sari{color:#92400E;}
:root[data-theme="light"] .t2-rozet.kirmizi, :root[data-theme="studio"] .t2-rozet.kirmizi{color:#991B1B;}
:root[data-theme="light"] .t2-rozet.mavi, :root[data-theme="studio"] .t2-rozet.mavi{color:#1D4ED8;}
:root[data-theme="light"] .t2-rozet.mor, :root[data-theme="studio"] .t2-rozet.mor{color:#5B21B6;}
:root[data-theme="light"] .t2-rozet.cam, :root[data-theme="studio"] .t2-rozet.cam{color:#0E7490;}

/* ---------- ana menü ---------- */
.t2-menu{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px;}
@media (min-width:600px){ .t2-menu{grid-template-columns:repeat(3, minmax(0,1fr));} }
.t2-menu-kart{
  display:flex; align-items:center; gap:10px; min-height:76px; padding:10px 12px; text-align:left;
  border:1px solid var(--line-soft); border-radius:var(--radius-lg, 14px); background:var(--surface); color:var(--ink);
}
.t2-menu-kart:active{background:var(--surface-2);}
.t2-menu-no{
  flex:none; width:40px; height:40px; border-radius:var(--radius-md, 10px); display:flex; align-items:center; justify-content:center;
  background:var(--accent); color:var(--accent-contrast); font-size:1.25rem; font-weight:900;
}
.t2-menu-kart > .t2-menu-metin{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px;}
.t2-menu-ad{display:block; font-size:1rem; font-weight:800; line-height:1.2;}
.t2-menu-acik{display:block; font-size:.75rem; color:var(--ink-muted); line-height:1.2;}
.t2-menu-kart.yakinda{opacity:.45; pointer-events:none;}
.t2-menu-kart.yakinda .t2-menu-no{background:var(--surface-3); color:var(--ink-muted);}
.t2-menu-kart.yardimci .t2-menu-no{background:var(--surface-3); color:var(--ink);}
.t2-menu-kart .t2-rozet{margin-left:auto;}
.t2-sayaclar{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;}
.t2-sayac{background:var(--surface); border:1px solid var(--line-soft); border-radius:var(--radius-md,10px); padding:8px 10px; min-height:56px;}
.t2-sayac span{display:block; font-size:.7rem; color:var(--ink-muted); text-transform:uppercase; letter-spacing:.04em;}
.t2-sayac b{display:block; font-size:1.4rem; font-weight:900; font-variant-numeric:tabular-nums;}

/* ---------- okutma alanı ---------- */
.t2-okut-alan{position:relative; display:flex; flex-direction:column; gap:4px;}
.t2-okut-alan input{
  width:100%; min-height:56px; padding:10px 52px 10px 14px; border-radius:var(--radius-lg, 14px);
  border:2px solid var(--line); background:var(--surface-2); color:var(--ink);
  font-size:1.25rem; font-weight:700; letter-spacing:.03em; text-align:center; caret-color:var(--accent);
}
.t2-okut-alan input:focus{outline:none; border-color:var(--accent); box-shadow:var(--ring);}
.t2-okut-alan input::placeholder{color:var(--ink-muted); font-weight:500; letter-spacing:0;}
.t2-hazir{
  position:absolute; right:14px; top:18px; width:12px; height:12px; border-radius:50%; background:var(--ink-muted); pointer-events:none; z-index:3;
}
.t2-hazir.hazir{background:var(--good);}
.t2-hazir.mesgul{background:var(--warn);}
.t2-okut-not{font-size:.78rem; color:var(--ink-muted); text-align:center; min-height:18px;}
/* kamera modu: donanım okuyuculu cihazda shell.js kamera ikonu çizilmez; kamera modunda her genişlikte görünsün */
body.terminal-donanim .kamera-barkod-btn{display:none !important;}
body.terminal-donanim .kamera-barkod-wrap input{padding-right:52px !important;}
body:not(.terminal-donanim) .t2-okut-alan .kamera-barkod-wrap{display:block;}
body:not(.terminal-donanim) .t2-okut-alan .kamera-barkod-wrap .kamera-barkod-btn{
  display:flex; align-items:center; justify-content:center; position:absolute; right:6px; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border-radius:var(--radius-md,10px); border:none; background:var(--accent); color:var(--accent-contrast); z-index:2; padding:0;
}
body:not(.terminal-donanim) .t2-okut-alan .kamera-barkod-wrap .kamera-barkod-btn svg{width:22px; height:22px;}
body:not(.terminal-donanim) .t2-okut-alan .t2-hazir{right:58px;}

/* ---------- beden şeridi (XS → XL sabit sıra) ---------- */
.t2-bedenler{display:flex; flex-wrap:wrap; gap:6px;}
.t2-beden{
  min-width:64px; min-height:56px; padding:6px 8px; border-radius:var(--radius-md, 10px); border:1px solid var(--line);
  background:var(--surface-2); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px;
}
.t2-beden b{font-size:1.15rem; font-weight:900;}
.t2-beden small{font-size:.72rem; color:var(--ink-muted); font-variant-numeric:tabular-nums; white-space:nowrap;}
.t2-beden.secili{border-color:var(--accent); background:color-mix(in srgb, var(--accent) 18%, var(--surface-2));}
.t2-beden.yok{opacity:.5;}
.t2-beden.yok b{text-decoration:line-through;}

/* ürün görseli */
.t2-gorsel{width:96px; height:124px; border-radius:var(--radius-md,10px); background:var(--surface-2); object-fit:cover; flex:none; border:1px solid var(--line-soft);}
.t2-gorsel-yok{display:flex; align-items:center; justify-content:center; color:var(--ink-muted); font-size:.75rem; text-align:center; padding:6px;}
.t2-urun-ust{display:flex; gap:12px; align-items:flex-start;}
.t2-urun-ust > div{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:4px;}

/* liste satırları (kalemler, raf içeriği, raflar) */
.t2-liste{display:flex; flex-direction:column; gap:6px;}
.t2-satir-kart{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 10px; align-items:center; min-height:48px;
  padding:8px 10px; border-radius:var(--radius-md, 10px); background:var(--surface-2); border:1px solid var(--line-soft);
}
.t2-satir-kart .ad{font-weight:700; font-size:.92rem; overflow-wrap:anywhere;}
.t2-satir-kart .meta{font-size:.78rem; color:var(--ink-muted); overflow-wrap:anywhere;}
.t2-satir-kart .adet{font-size:1.3rem; font-weight:900; font-variant-numeric:tabular-nums; white-space:nowrap;}
.t2-satir-kart .beden{display:inline-block; min-width:38px; padding:3px 8px; border-radius:var(--radius-sm,7px); background:var(--surface-3); font-weight:900; text-align:center; margin-right:6px;}
.t2-satir-kart.secilebilir{cursor:pointer;}
.t2-satir-kart.secilebilir:active{background:var(--surface-3);}

/* ---------- geri bildirim katmanı ---------- */
.t2-flas{position:fixed; inset:0; z-index:40; pointer-events:none; opacity:0; display:flex; align-items:center; justify-content:center;}
.t2-flas.yesil{opacity:1; background:color-mix(in srgb, var(--good) 28%, transparent); transition:opacity .15s linear;}
.t2-flas.sari{opacity:1; background:color-mix(in srgb, var(--warn) 24%, transparent); transition:opacity .15s linear;}
.t2-flas.son{opacity:0; transition:opacity .35s linear;}
.t2-flas .t2-flas-ikon{font-size:6rem; font-weight:900; color:var(--good); line-height:1;}
.t2-flas.sari .t2-flas-ikon{color:var(--warn);}

.t2-hata{
  position:fixed; inset:0; z-index:60; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px;
  padding:24px var(--t2-kenar); background:color-mix(in srgb, var(--critical) 86%, #000); color:#fff; text-align:center;
}
.t2-hata.sari{background:color-mix(in srgb, var(--warn) 80%, #1a1300); color:#1a1300;}
.t2-hata.gri{background:color-mix(in srgb, var(--surface) 96%, #000); color:var(--ink);}
.t2-hata-ikon{font-size:5rem; font-weight:900; line-height:1;}
.t2-hata-baslik{font-size:1.5rem; font-weight:900; line-height:1.2; overflow-wrap:anywhere; max-width:600px;}
.t2-hata-satir{font-size:1.05rem; line-height:1.4; max-width:600px; overflow-wrap:anywhere;}
.t2-hata-satir b{font-weight:900;}
.t2-hata-detay{font-size:.9rem; opacity:.85; max-width:600px; overflow-wrap:anywhere; white-space:pre-line;}
.t2-hata-dugmeler{display:flex; gap:10px; width:100%; max-width:480px; margin-top:8px;}
.t2-hata-dugmeler button{
  flex:1 1 auto; min-height:64px; border-radius:var(--radius-lg,14px); border:2px solid rgba(255,255,255,.7);
  background:rgba(255,255,255,.14); color:inherit; font-size:1.15rem; font-weight:900;
}
.t2-hata-dugmeler button.ana{background:#fff; color:#111; border-color:#fff;}
/* Kırmızı kart (Paketle / Kargo / Rafa Koy ortak): Nova'nın açık --critical'ında ikincil düğmeler (beyaz %14 örtü) 2.98, satırlar
   3.58, detay 3.0 idi. Zemin %70 + siyah, ikincil düğme koyu örtü, detay tam opak: her temada >= 4.5:1 (inceleme bulgusu 2026-10-11). */
.t2-hata:not(.sari):not(.gri){background:color-mix(in srgb, var(--critical) 70%, #000);}
.t2-hata:not(.sari):not(.gri) .t2-hata-dugmeler button:not(.ana){background:rgba(0,0,0,.28);}
.t2-hata:not(.sari):not(.gri) .t2-hata-detay{opacity:1;}
/* Sarı kart (bekle kodları, eksik onayı, kilit, test uyuşmazlığı): açık temada --warn #D97706 %80 + #1a1300 zemin detay metninde 3,54:1
   (opak bile 4,13:1) idi. Açık / Stüdyo'da zemin düz --warn, detay tam opak: #1a1300 yazı ~5,8:1 (doğrulama 2026-10-17). */
.t2-hata.sari .t2-hata-detay{opacity:1;}
:root[data-theme="light"] .t2-hata.sari, :root[data-theme="studio"] .t2-hata.sari{background:var(--warn);}

.t2-snack{
  position:fixed; left:50%; transform:translateX(-50%); bottom:calc(var(--t2-alt) + 20px + env(safe-area-inset-bottom, 0px));
  z-index:50; max-width:min(92vw, 600px); padding:10px 16px; border-radius:var(--radius-pill, 999px);
  background:var(--surface-3); color:var(--ink); border:1px solid var(--line); font-size:.92rem; font-weight:700;
  box-shadow:var(--elev-2); text-align:center; pointer-events:none;
}
.t2-geri-al{
  position:fixed; left:0; right:0; bottom:calc(var(--t2-alt) + env(safe-area-inset-bottom, 0px)); z-index:50;
  display:flex; align-items:center; gap:10px; padding:8px 12px; margin:0 auto; max-width:720px;
  background:var(--surface-3); border-top:2px solid var(--accent); color:var(--ink); font-weight:700;
}
.t2-geri-al button{margin-left:auto; min-height:56px; min-width:110px; border-radius:var(--radius-md,10px); border:none; background:var(--accent); color:var(--accent-contrast); font-weight:900; font-size:1rem;}
.t2-geri-al .t2-geri-sure{font-variant-numeric:tabular-nums; color:var(--ink-muted); font-size:.85rem; white-space:nowrap; flex:none;}
/* Kabukta şerit kendi yuvasında (#termGeriAlYeri, okutma alanının hemen üstü): akışta yer kaplar, okutma alanını ve bilgi balonunu
   örtmez; gövde o süre kadar kısalır (inceleme bulgusu 2026-10-11). Yuva yoksa yukarıdaki sabit konum geçerli. */
#termGeriAlYeri{flex:none;}
#termGeriAlYeri > .t2-geri-al{position:static; max-width:none; margin:0 var(--t2-kenar) 6px; border:1px solid var(--line); border-top:2px solid var(--accent); border-radius:var(--radius-md,10px);}
#termGeriAlYeri .t2-geri-metin{min-width:0; overflow-wrap:anywhere; line-height:1.25;}

/* ---------- kilit / çıkış / tur / pencere katmanları ---------- */
.t2-ortu{
  position:fixed; inset:0; z-index:70; background:color-mix(in srgb, var(--bg) 92%, #000);
  display:flex; align-items:center; justify-content:center; padding:16px var(--t2-kenar);
}
.t2-ortu-kart{
  width:100%; max-width:520px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-xl, 20px);
  padding:20px 16px; display:flex; flex-direction:column; gap:12px; text-align:center;
}
.t2-ortu-kart h2{margin:0; font-size:1.3rem; font-weight:900;}
.t2-ortu-kart p{margin:0; color:var(--ink-muted); font-size:.95rem;}
.t2-ortu-kart .t2-satir .t2-dugme{min-height:56px; font-size:1.05rem;}

.t2-pencere{position:fixed; inset:0; z-index:65; background:var(--bg); display:flex; flex-direction:column; max-width:720px; margin:0 auto;}
.t2-pencere-ust{flex:none; min-height:var(--t2-ust); display:flex; align-items:center; gap:8px; padding:env(safe-area-inset-top, 0px) 8px 0; background:var(--surface); border-bottom:1px solid var(--line-soft);}
.t2-pencere-ust b{flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1rem;}
.t2-pencere-govde{flex:1 1 auto; min-height:0; overflow-y:auto; padding:var(--t2-kenar);}
.t2-pencere-govde .dp-izgara{grid-template-columns:repeat(2, minmax(0,1fr));}
.t2-pencere-govde .dp-izgara > *{grid-column:1 / -1;}
@media (min-width:600px){ .t2-pencere-govde .dp-izgara > .g6, .t2-pencere-govde .dp-izgara > .g4{grid-column:span 1;} }

/* dp-* sözlüğü yedek tanımı: shell.js yüklendiğinde kendi enjekte ettiği (sonradan eklenen) stil kazanır;
   yüklenemezse pencere yine okunur kalsın diye asgari eşdeğer burada. */
.dp-izgara{display:grid; gap:10px; align-items:stretch;}
.dp-kart{background:var(--surface-2); border:1px solid var(--line-soft); border-top:3px solid var(--dp-ton, var(--accent)); border-radius:12px; padding:12px 14px; display:flex; flex-direction:column; gap:10px; min-width:0;}
.dp-ton-mavi{--dp-ton:#3b82f6;} .dp-ton-yesil{--dp-ton:#22c55e;} .dp-ton-turuncu{--dp-ton:#f59e0b;} .dp-ton-mor{--dp-ton:#8b5cf6;}
.dp-ton-kirmizi{--dp-ton:#ef4444;} .dp-ton-camgobegi{--dp-ton:#06b6d4;} .dp-ton-gri{--dp-ton:#94a3b8;}
.dp-bas{display:flex; align-items:center; gap:8px; font-size:.72rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--ink-muted);}
.dp-alanlar{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px 14px;}
.dp-alan{min-width:0;}
.dp-alan > span{display:block; font-size:.68rem; color:var(--ink-muted); text-transform:uppercase; letter-spacing:.04em; margin-bottom:2px;}
.dp-alan > b{display:block; font-size:.9rem; font-weight:600; color:var(--ink); overflow-wrap:anywhere; font-variant-numeric:tabular-nums;}
.dp-alan.genis{grid-column:1 / -1;}
.dp-satirlar{display:flex; flex-direction:column; gap:8px;}

/* tur kartları */
.t2-tur-adim{font-size:.8rem; color:var(--ink-muted); font-weight:700; letter-spacing:.06em; text-transform:uppercase;}
.t2-tur-ikon{font-size:3rem; font-weight:900; color:var(--accent); line-height:1;}

/* ---------- cihaz testi ---------- */
.t2-barkod-ornek{display:flex; flex-direction:column; align-items:center; gap:6px; padding:10px; background:#fff; border-radius:var(--radius-md,10px); color:#111;}
.t2-barkod-ornek img{max-width:100%; height:auto; display:block;}
.t2-barkod-ornek .metin{font-size:1rem; font-weight:800; letter-spacing:.06em; color:#111;}
.t2-barkod-ornek.bekliyor{outline:3px solid var(--accent);}
.t2-barkod-ornek.tamam{outline:3px solid var(--good);}
.t2-olcum{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px 12px; font-size:.88rem;}
.t2-olcum span{color:var(--ink-muted);}
.t2-olcum b{font-variant-numeric:tabular-nums;}
.t2-ayar-satir{display:flex; align-items:center; gap:10px; min-height:48px; padding:4px 0; border-bottom:1px dashed var(--line-soft);}
.t2-ayar-satir:last-child{border-bottom:none;}
.t2-ayar-satir > span{flex:1 1 auto; min-width:0; font-weight:600;}
.t2-ayar-satir > small{display:block; font-weight:400; color:var(--ink-muted); font-size:.78rem;}
.t2-ayar-satir select, .t2-ayar-satir input[type="text"]{
  min-height:48px; padding:0 12px; border-radius:var(--radius-md,10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); max-width:55%;
}
/* Tema seçimi: iki satır (Karanlık / Aydınlık), seçili olan vurgulu */
.t2-tema-sec{flex:none; min-width:84px;}
.t2-tema-sec.secili{background:var(--accent); color:var(--accent-contrast, #06101C); border-color:transparent; font-weight:800;}
.t2-anahtar{
  flex:none; width:64px; height:36px; border-radius:999px; border:1px solid var(--line); background:var(--surface-3); position:relative; padding:0;
}
.t2-anahtar::after{content:""; position:absolute; top:3px; left:3px; width:28px; height:28px; border-radius:50%; background:var(--ink-muted);}
.t2-anahtar[aria-checked="true"]{background:var(--accent); border-color:transparent;}
.t2-anahtar[aria-checked="true"]::after{left:33px; background:var(--accent-contrast);}
.t2-marka{display:flex; flex-direction:column; gap:4px; padding:8px 10px; background:var(--surface-2); border-radius:var(--radius-md,10px); border:1px solid var(--line-soft);}
.t2-marka b{font-size:.92rem;}
.t2-marka span{font-size:.82rem; color:var(--ink-muted);}
.t2-oztest-tablo{display:grid; grid-template-columns:auto auto 1fr; gap:4px 10px; font-size:.88rem; font-variant-numeric:tabular-nums;}
.t2-oztest-tablo .ok{color:var(--good); font-weight:800;} .t2-oztest-tablo .yok{color:var(--critical); font-weight:800;}
.t2-serbest{display:flex; gap:8px; align-items:center;}
.t2-serbest input{flex:1 1 auto; min-width:0; min-height:48px; padding:0 12px; border-radius:var(--radius-md,10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); user-select:text; -webkit-user-select:text;}
.t2-serbest button{flex:none; width:48px; height:48px; border-radius:var(--radius-md,10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font-size:1.2rem;}

/* ---------- 3x4 tuş takımı (adet girişleri; ADIM 1'de yalnız bileşen tanımı) ---------- */
.t2-tus-takimi{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:6px;}
.t2-tus-takimi button{min-height:56px; border-radius:var(--radius-md,10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font-size:1.3rem; font-weight:900;}

/* erişilebilirlik */
.t2-gorunmez{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
@media (prefers-reduced-motion:reduce){
  .t2-flas, .t2-flas.yesil, .t2-flas.sari, .t2-flas.son{transition:none !important;}
}
@media (max-width:375px){
  .t2-menu-kart{min-height:68px; padding:8px 10px;}
  .t2-menu-ad{font-size:.95rem;}
}

/* ---------- 3.11 Etiket Bas (ADIM 2, term-etiket.js) ---------- */
.t2-et-test{padding:10px 12px; border-radius:var(--radius-md,10px); background:color-mix(in srgb, var(--warn) 22%, var(--surface)); border:2px solid var(--warn); font-weight:800; font-size:.92rem;}
.t2-et-adet{display:grid; grid-template-columns:72px minmax(0,1fr) 72px; gap:8px; align-items:center;}
.t2-et-adet-btn{
  min-height:72px; border-radius:var(--radius-lg,14px); border:2px solid var(--line); background:var(--surface-2); color:var(--ink);
  font-size:2.2rem; font-weight:900; line-height:1; padding:0;
}
.t2-et-adet-btn:active{background:var(--surface-3);}
.t2-et-adet-deger{display:flex; align-items:center; justify-content:center; min-height:72px; font-size:2.8rem; font-weight:900; font-variant-numeric:tabular-nums; border-radius:var(--radius-lg,14px); background:var(--surface-2); border:1px solid var(--line-soft);}
.t2-et-hizli{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:8px;}
.t2-et-hizli .t2-dugme{min-height:48px; font-size:1.05rem; padding:0 6px;}
.t2-et-beden{font:inherit; color:var(--ink); cursor:pointer;}
.t2-et-beden small{font-variant-numeric:tabular-nums;}
.t2-et-barkod{display:flex; flex-direction:column; gap:2px; padding:10px 12px; border-radius:var(--radius-md,10px); background:var(--surface-2); border:1px solid var(--line-soft);}
.t2-et-barkod > span{font-size:.7rem; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-muted);}
.t2-et-barkod > b{font-size:1.6rem; font-weight:900; letter-spacing:.03em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; line-height:1.15;}
.t2-et-oneri{display:flex; flex-direction:column; gap:4px; padding:10px 12px; border-radius:var(--radius-md,10px); background:color-mix(in srgb, var(--warn) 16%, var(--surface)); border:1px solid var(--warn); font-size:.95rem;}
.t2-et-oneri b{font-size:1.25rem; font-weight:900; overflow-wrap:anywhere;}
.t2-et-oneri-bas{font-weight:900;}
.t2-et-oneri-uyari{color:var(--critical); font-weight:800;}
.t2-et-not{color:var(--warn);}
.t2-et-yazici{display:flex; align-items:center; gap:8px; min-height:48px;}
.t2-et-yazici-ad{flex:1 1 auto; min-width:0; font-size:1.05rem; font-weight:800; overflow-wrap:anywhere;}
.t2-et-yazici .t2-dugme{flex:none; min-width:96px;}
.t2-et-sonuk{color:var(--ink-muted); font-weight:600;}
.t2-et-yazici-sec{
  display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; min-height:56px; padding:8px 12px; text-align:left;
  border-radius:var(--radius-md,10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font:inherit; font-weight:700; overflow-wrap:anywhere;
}
.t2-et-yazici-sec.secili{border-color:var(--accent); background:color-mix(in srgb, var(--accent) 16%, var(--surface-2));}
.t2-et-yazici-sec span{flex:none; font-size:.78rem; color:var(--accent); font-weight:800;}
.t2-et-ajan{display:flex; align-items:flex-start; gap:8px; padding:8px 10px; border-radius:var(--radius-md,10px); background:color-mix(in srgb, var(--warn) 18%, var(--surface)); border:1px solid var(--warn); font-size:.9rem; font-weight:700;}
.t2-et-ajan b{flex:none; width:22px; height:22px; border-radius:50%; background:var(--warn); color:#1a1300; display:flex; align-items:center; justify-content:center; font-weight:900;}
.t2-et-durum{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.t2-et-durum .t2-rozet{font-size:1rem; padding:8px 14px;}
.t2-et-ozet{font-size:.88rem; color:var(--ink-muted); min-width:0; overflow-wrap:anywhere;}
.t2-et-test-sonuc{font-weight:800; color:var(--ink);}
.t2-et-aday{width:100%; text-align:left; font:inherit; color:var(--ink);}
.t2-et-gorsel{width:72px; height:92px;}
@media (max-width:375px){
  .t2-et-adet{grid-template-columns:64px minmax(0,1fr) 64px;}
  .t2-et-adet-btn, .t2-et-adet-deger{min-height:64px;}
}

/* ---------- 3.3 Paketle (ADIM 3, term-paketle.js) ----------
   Dokunma hedefleri >= 56 px (terminal kuralı), büyük beden + sayaç, kilit = renk + ikon + metin, gölge/animasyon yok. */
#ekranPaketle .t2-dugme{min-height:56px;}
#ekranPaketle .t2-dugme svg{width:22px; height:22px; flex:none;}
.t2-pk-buyuk{font-size:1.05rem;}
.t2-pk-buyuk-metin{font-size:1.2rem; font-weight:800; line-height:1.25; overflow-wrap:anywhere;}
.t2-pk-bas{gap:6px;}
.t2-pk-bas-satir{display:flex; align-items:baseline; gap:10px; min-width:0;}
.t2-pk-no{flex:1 1 auto; min-width:0; font-size:1.55rem; font-weight:900; letter-spacing:.01em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; line-height:1.1;}
.t2-pk-ilerleme{flex:none; font-size:1.55rem; font-weight:900; font-variant-numeric:tabular-nums; line-height:1;}
.t2-pk-ilerleme small{font-size:.95rem; font-weight:700; color:var(--ink-muted);}
.t2-pk-musteri{font-size:.95rem; color:var(--ink);}
.t2-pk-kilit-rozet svg{width:14px; height:14px;}
.t2-pk-not{
  display:flex; flex-direction:column; align-items:flex-start; gap:2px; width:100%; min-height:56px; padding:8px 12px; text-align:left;
  border-radius:var(--radius-md,10px); border:1px solid var(--warn); background:color-mix(in srgb, var(--warn) 14%, var(--surface)); color:var(--ink); font:inherit;
}
.t2-pk-not b{font-size:.72rem; text-transform:uppercase; letter-spacing:.05em; color:var(--warn);}
.t2-pk-not span{font-size:.95rem; font-weight:600; overflow-wrap:anywhere; user-select:text; -webkit-user-select:text;}
.t2-pk-engel{border-color:var(--critical); background:color-mix(in srgb, var(--critical) 10%, var(--surface));}
.t2-pk-engel-ust{display:flex; align-items:center; gap:8px; font-size:1.15rem; font-weight:900; color:var(--critical);}
.t2-pk-engel-ust svg{width:26px; height:26px; flex:none;}
.t2-pk-kartnot{padding:10px 12px; border-radius:var(--radius-md,10px); background:var(--surface-2); border:1px solid var(--line-soft); font-size:1.05rem; font-weight:700; overflow-wrap:anywhere; white-space:pre-wrap;}
.t2-pk-uyari-satir{font-weight:800; color:var(--warn); font-size:.92rem;}
.t2-pk-kalem{padding:12px;}
.t2-pk-kalem.tamam{border-color:var(--good); background:color-mix(in srgb, var(--good) 8%, var(--surface));}
.t2-pk-kalem-ic{display:flex; gap:12px; align-items:stretch; min-width:0;}
.t2-pk-gorsel{width:132px; height:172px;}
.t2-pk-kalem-bilgi{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:4px;}
.t2-pk-beden{
  align-self:flex-start; min-width:72px; padding:4px 14px; border-radius:var(--radius-md,10px); text-align:center;
  background:var(--accent); color:var(--accent-contrast); font-size:2.3rem; font-weight:900; line-height:1.1; letter-spacing:.01em; overflow-wrap:anywhere;
}
.t2-pk-sayac{font-size:2.8rem; font-weight:900; font-variant-numeric:tabular-nums; line-height:1;}
.t2-pk-sayac small{font-size:1.4rem; font-weight:800; color:var(--ink-muted);}
.t2-pk-sayac.tamam{color:var(--good);}
.t2-pk-ad{font-size:1rem; font-weight:800; line-height:1.25; overflow-wrap:anywhere;}
.t2-pk-serit{display:flex; flex-wrap:wrap; gap:6px;}
.t2-pk-cip{
  min-width:72px; min-height:56px; padding:4px 10px; border-radius:var(--radius-md,10px); border:1px solid var(--line);
  background:var(--surface-2); color:var(--ink); font:inherit; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px;
}
.t2-pk-cip b{font-size:1.1rem; font-weight:900;}
.t2-pk-cip small{font-size:.78rem; font-variant-numeric:tabular-nums; color:var(--ink-muted); font-weight:700;}
.t2-pk-cip.aktif{border:2px solid var(--accent); background:color-mix(in srgb, var(--accent) 16%, var(--surface-2));}
.t2-pk-cip.tamam{border-color:var(--good); background:color-mix(in srgb, var(--good) 14%, var(--surface-2));}
.t2-pk-cip.tamam small{color:var(--good);}
.t2-pk-aday{min-height:56px; width:100%; text-align:left; font:inherit; color:var(--ink);}
.t2-pk-aday .adet svg{width:22px; height:22px; color:var(--critical);}
.t2-pk-onizleme{width:100%; max-height:170px; object-fit:contain; border-radius:var(--radius-md,10px); background:var(--surface-2); border:1px solid var(--line-soft);}
.t2-pk-dogrulandi{flex-direction:row; align-items:center; gap:10px; font-weight:900; color:var(--good); font-size:1.05rem;}
.t2-pk-dogrulandi svg{width:26px; height:26px; flex:none;}
.t2-pk-diger{text-align:center;}
/* inceleme 2026-10-09: kilit tek satır (kalem kartını aşağı itmesin); paket tipi öneri vurgusu */
.t2-pk-engel{padding:8px 12px; min-height:56px; justify-content:center;}
.t2-pk-engel-ust{font-size:1rem; font-weight:700; align-items:flex-start;}
.t2-pk-engel-ust b{font-weight:900;}
.t2-pk-engel-ust span{min-width:0; overflow-wrap:anywhere;}
.t2-pk-engel-ust svg{width:22px; height:22px;}
.t2-pk-cip.oneri{border-style:dashed; border-color:var(--accent);}
.t2-pk-cip.oneri.aktif{border-style:solid;}
.t2-pk-cip:disabled{opacity:.6;}
/* Açık temalarda uyarı metinleri koyu amber / yeşil: beyaz üstünde 4.5:1 ve üzeri (rozetlerle aynı ton) */
:root[data-theme="light"] .t2-pk-uyari-satir, :root[data-theme="studio"] .t2-pk-uyari-satir,
:root[data-theme="light"] .t2-pk-not b, :root[data-theme="studio"] .t2-pk-not b{color:#92400E;}
:root[data-theme="light"] .t2-dugme.yesil, :root[data-theme="studio"] .t2-dugme.yesil,
:root[data-theme="light"] .t2-pk-dogrulandi, :root[data-theme="studio"] .t2-pk-dogrulandi,
:root[data-theme="light"] .t2-pk-sayac.tamam, :root[data-theme="studio"] .t2-pk-sayac.tamam{color:#166534;}
@media (max-width:375px){
  .t2-pk-gorsel{width:108px; height:142px;}
  .t2-pk-beden{font-size:2rem; min-width:64px;}
  .t2-pk-sayac{font-size:2.4rem;}
  .t2-pk-no, .t2-pk-ilerleme{font-size:1.35rem;}
}

/* ---------- 3.4 Torba ve Kargo Teslim (ADIM 4, term-kargo.js) ----------
   Dokunma hedefleri >= 56 px; firma tonu = rozet sözlüğü (DHL sarı, PTT mavi, HepsiJET mor, diğer camgöbeği) + kenar şeridi;
   sayaç rakamları büyük ve tabular; gölge/animasyon yok. */
#ekranKargo .t2-dugme{min-height:56px;}
.t2-kg{display:flex; flex-direction:column; gap:8px; min-width:0;}
.t2-kg-firmalar{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px;}
.t2-kg-firma{
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; min-height:72px; padding:8px 12px; text-align:left;
  border-radius:var(--radius-md,10px); border:1px solid var(--line); border-left:6px solid var(--accent); background:var(--surface-2); color:var(--ink); font:inherit; min-width:0;
}
.t2-kg-firma b{font-size:1.1rem; font-weight:900; line-height:1.2; overflow-wrap:anywhere;}
.t2-kg-firma small{font-size:.75rem; color:var(--ink-muted); font-weight:700;}
.t2-kg-firma:active{background:var(--surface-3);}
.t2-kg-firma[data-ton="sari"]{border-left-color:var(--warn);}
.t2-kg-firma[data-ton="mavi"]{border-left-color:var(--t2-mavi);}
.t2-kg-firma[data-ton="mor"]{border-left-color:var(--t2-mor);}
.t2-kg-firma-satir{display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0;}
.t2-kg-firma-satir > .t2-dugme{margin-left:auto; flex:none;}
.t2-kg-firma-ad{font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-muted);}
.t2-kg-oturum{margin-left:auto; font-size:.8rem; color:var(--ink-muted); font-variant-numeric:tabular-nums;}
.t2-kg-torba-ust{display:flex; align-items:center; gap:10px; min-width:0;}
.t2-kg-torba-no{flex:1 1 auto; min-width:0; display:flex; align-items:center; gap:8px; font-size:1.55rem; font-weight:900; letter-spacing:.01em; font-variant-numeric:tabular-nums; line-height:1.1;}
.t2-kg-torba-no span{min-width:0; overflow-wrap:anywhere;}
.t2-kg-torba-no svg{width:28px; height:28px; flex:none; color:var(--warn);}
.t2-kg-paket{flex:none; display:flex; flex-direction:column; align-items:flex-end; line-height:1;}
.t2-kg-paket b{font-size:2.2rem; font-weight:900; font-variant-numeric:tabular-nums;}
.t2-kg-paket small{font-size:.75rem; color:var(--ink-muted); font-weight:700; text-transform:uppercase; letter-spacing:.04em;}
.t2-kg-torba-sec{width:100%; min-height:64px; text-align:left; font:inherit; color:var(--ink); grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px;}
.t2-kg-torba-sec > svg{width:24px; height:24px; flex:none; color:var(--warn);}
.t2-kg-torba-metin{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px;}
.t2-kg-torba-metin .ad, .t2-kg-torba-metin .meta{display:block;}
.t2-kg-torba-sec .adet small{font-size:.75rem; font-weight:700; color:var(--ink-muted);}
.t2-kg-sayilar{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;}
.t2-kg-sayilar > div{background:var(--surface-2); border:1px solid var(--line-soft); border-radius:var(--radius-md,10px); padding:8px 10px; min-height:64px; min-width:0;}
.t2-kg-sayilar span{display:block; font-size:.7rem; color:var(--ink-muted); text-transform:uppercase; letter-spacing:.04em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t2-kg-sayilar b{display:block; font-size:2rem; font-weight:900; font-variant-numeric:tabular-nums; line-height:1.1;}
/* color-mix'i tanımayan eski Android WebView (Chrome < 111) için düz yedek zemin önce gelir */
.t2-kg-sayilar .kalan.var{border-color:var(--warn); background:var(--surface-3, var(--surface-2)); background:color-mix(in srgb, var(--warn) 14%, var(--surface-2));}
.t2-kg-sayilar .kalan.var b{color:var(--warn);}
.t2-kg-sayilar .kalan.yok b{color:var(--good);}
.t2-kg-kalan-dugme{width:100%;}
.t2-kg-kalan{max-height:none;}
.t2-kg-son4{font-size:1.05rem; font-weight:800; font-variant-numeric:tabular-nums; color:var(--ink-muted); white-space:nowrap;}
.t2-kg-son .t2-buyuk-kod{font-size:2.1rem;}
.t2-kg-firma-ok{align-self:center; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-muted);}
.t2-kg-neden{width:100%; text-align:left; justify-content:flex-start;}
/* 'Yine de ekle' nedenleri 2+2 ızgara: 360x640'ta hepsi okutma çubuğunun üstünde kalsın */
.t2-kg-nedenler{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px;}
.t2-kg-nedenler .t2-dugme{min-width:0; white-space:normal; line-height:1.2; padding:8px 10px; overflow-wrap:anywhere;}
.t2-kg-neden-vazgec{justify-content:center; text-align:center;}
.t2-kg-hatalar .t2-satir-kart .ad{overflow-wrap:anywhere;}
.t2-kg-hatalar .t2-satir-kart .t2-rozet{flex:none; align-self:center;}
.t2-kg-ozet-hata{font-weight:700;}
.t2-kg-etiket .t2-barkod-ornek img{max-height:120px;}
.t2-kg-etiket-alan{display:block; font-size:.78rem; font-weight:700; color:var(--ink-muted); text-transform:uppercase; letter-spacing:.04em; margin-top:4px;}
.t2-kg-toplu .t2-et-adet-btn{min-height:64px;}
:root[data-theme="light"] .t2-kg-sayilar .kalan.var b, :root[data-theme="studio"] .t2-kg-sayilar .kalan.var b{color:#92400E;}
:root[data-theme="light"] .t2-kg-sayilar .kalan.yok b, :root[data-theme="studio"] .t2-kg-sayilar .kalan.yok b{color:#166534;}
:root[data-theme="light"] .t2-kg-torba-no svg, :root[data-theme="studio"] .t2-kg-torba-no svg,
:root[data-theme="light"] .t2-kg-torba-sec > svg, :root[data-theme="studio"] .t2-kg-torba-sec > svg{color:#92400E;}
@media (min-width:600px){ .t2-kg-firmalar{grid-template-columns:repeat(3, minmax(0,1fr));} }
@media (max-width:375px){
  .t2-kg-sayilar b{font-size:1.7rem;}
  .t2-kg-torba-no{font-size:1.35rem;}
  .t2-kg-paket b{font-size:1.9rem;}
}

/* ---------- 3.6 Rafa Koy / Çıkar / Nerede (ADIM 5, term-rafakoy.js) ---------- */
/* Dokunma hedefleri >= 56 px (sekme çipleri, düğmeler, satır eylemleri), aralarında >= 8 px; raf kodu ve ana adet 28-32 px.
   Renk yalnız tema sözlüğünden: uyarı / hata tonu kenar ve zemin tonudur, yazı her temada --ink (açık temada kontrast korunur).
   color-mix'i tanımayan eski Android WebView için düz yedek zemin önce gelir. Gölge / animasyon yok; kart yükseklikleri sabit. */
#ekranRafaKoy .t2-dugme{min-height:56px;}
.t2-rk{display:flex; flex-direction:column; gap:8px; min-width:0;}
.t2-rk-sekmeler{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:8px;}
.t2-rk-sekme{
  min-height:56px; 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:.9rem; font-weight:800; line-height:1.15;
  white-space:normal; overflow-wrap:anywhere; text-align:center;
}
.t2-rk-sekme.secili{background:var(--accent); color:var(--accent-contrast); border-color:transparent;}
.t2-rk-raf-kod{display:block; font-size:clamp(28px, 1.875rem, 32px); font-weight:900; line-height:1.1; letter-spacing:.01em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; min-width:0;}
.t2-rk-raf{
  display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 10px; align-items:center; padding:10px 12px; min-height:64px;
  border-radius:var(--radius-lg,14px); border:2px solid var(--accent); background:var(--surface);
}
.t2-rk-raf > svg{width:28px; height:28px; color:var(--accent);}
.t2-rk-raf.engelli{border-color:var(--critical); background:var(--surface-2); background:color-mix(in srgb, var(--critical) 10%, var(--surface));}
.t2-rk-raf.engelli > svg{color:var(--critical);}
.t2-rk-raf.sayiliyor{border-color:var(--warn); background:var(--surface-2); background:color-mix(in srgb, var(--warn) 12%, var(--surface));}
.t2-rk-raf.sayiliyor > svg{color:var(--warn);}
.t2-rk-raf-metin{display:flex; flex-direction:column; gap:2px; min-width:0;}
.t2-rk-raf-etiket{font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-muted);}
.t2-rk-raf-alt{font-size:.85rem; color:var(--ink-muted); font-variant-numeric:tabular-nums;}
.t2-rk-asim{color:var(--ink); font-weight:800; text-decoration:underline; text-decoration-color:var(--warn); text-decoration-thickness:3px;}
.t2-rk-raf-rozet{grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:6px;}
.t2-rk-raf-rozet:empty{display:none;}
.t2-rk-gorsel{width:60px; height:76px;}
.t2-urun-ust > .t2-rk-gorsel{flex:none; width:60px;} /* görsel yokken div: ürün satırı esnemesine katılmaz */
.t2-rk-urun-ad{font-size:1.1rem; font-weight:800; line-height:1.25; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
/* Görev kartındaki beden şeridi bilgi amaçlı (dokunulmaz): tek satıra sığsın diye küçük çip */
.t2-rk-bedenler .t2-beden{min-width:40px; min-height:40px; padding:2px 6px;}
.t2-rk-bedenler .t2-beden b{font-size:1rem;}
.t2-rk-bedenler .t2-beden.secili{border-width:2px;}
.t2-rk-beden{display:inline-block; min-width:34px; padding:2px 8px; margin-right:6px; border-radius:var(--radius-sm,7px); background:var(--surface-3, var(--surface-2)); color:var(--ink); font-weight:900; text-align:center;}
.t2-rk-hedef{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:8px 12px; border-radius:var(--radius-md,10px); background:var(--surface-2); border:1px solid var(--line-soft);}
.t2-rk-hedef.sorunlu{border:2px solid var(--warn);}
.t2-rk-hedef-raf{display:flex; flex-direction:column; gap:2px; min-width:0;}
.t2-rk-hedef-raf > span:first-child, .t2-rk-hedef-adet > span{font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-muted);}
.t2-rk-hedef-raf small{font-size:.82rem; color:var(--ink-muted); overflow-wrap:anywhere;}
.t2-rk-hedef-adet{display:flex; flex-direction:column; align-items:flex-end; gap:2px;}
.t2-rk-hedef-adet b{font-size:clamp(28px, 1.875rem, 32px); font-weight:900; line-height:1; font-variant-numeric:tabular-nums;}
.t2-rk-uyari{display:flex; align-items:flex-start; gap:8px; padding:8px 10px; border-radius:var(--radius-md,10px); border:2px solid var(--warn); background:var(--surface-2); background:color-mix(in srgb, var(--warn) 14%, var(--surface)); color:var(--ink); font-size:.9rem; font-weight:700;}
.t2-rk-uyari > b{flex:none; width:22px; height:22px; border-radius:50%; border:2px solid var(--warn); color:var(--ink); display:flex; align-items:center; justify-content:center; font-weight:900;}
.t2-rk-adimlar{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:6px;}
.t2-rk-adimlar li{display:flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:4px 6px; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); background:var(--surface-2); color:var(--ink-muted); font-size:.85rem; font-weight:800;}
.t2-rk-adimlar li > span{width:22px; height:22px; border-radius:50%; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; font-size:.75rem;}
.t2-rk-adimlar li svg{width:18px; height:18px; color:var(--good);}
.t2-rk-adimlar li.aktif{border:2px solid var(--accent); color:var(--ink);}
.t2-rk-adimlar li.tamam{color:var(--ink);}
.t2-rk-bekle{font-size:1.3rem; font-weight:900; line-height:1.2; overflow-wrap:anywhere;}
.t2-rk-bekle b{font-size:clamp(28px, 1.875rem, 32px);}
.t2-rk-alternatif{display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.t2-rk-alternatif > span{font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-muted);}
.t2-rk-alternatif > b{font-size:1.4rem; font-weight:900; padding:2px 10px; border-radius:var(--radius-md,10px); border:1px solid var(--line); background:var(--surface-2);}
.t2-rk-nedenler{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px;}
.t2-rk-nedenler .t2-dugme{min-width:0; white-space:normal; line-height:1.2; padding:8px 10px; font-size:1.05rem;}
.t2-rk-secili-raf{display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; font-size:.85rem; font-weight:800; color:var(--ink-muted); text-transform:uppercase; letter-spacing:.04em;}
.t2-rk-secili-raf .t2-rk-raf-kod{color:var(--ink); text-transform:none; letter-spacing:.01em;}
.t2-rk-secili-raf .t2-rozet{text-transform:none; letter-spacing:0;}
.t2-rk-adet{grid-template-columns:72px minmax(0,1fr) 72px;}
.t2-rk-son{display:flex; align-items:center; gap:10px; padding:10px 12px; min-height:56px; border-radius:var(--radius-md,10px); border:2px solid var(--good); background:var(--surface-2); background:color-mix(in srgb, var(--good) 12%, var(--surface)); color:var(--ink); font-weight:800;}
.t2-rk-son.test{border-color:var(--warn); background:var(--surface-2); background:color-mix(in srgb, var(--warn) 12%, var(--surface));}
.t2-rk-son svg{flex:none; width:24px; height:24px; color:var(--good);}
.t2-rk-son.test svg{color:var(--warn);}
.t2-rk-gorev-dugmeler{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;}
.t2-rk-gorev-dugmeler .t2-dugme{min-width:0; white-space:normal; line-height:1.15; padding:6px 8px; font-size:.88rem;}
.t2-rk-gorev.bitti{border-left-color:var(--good);}
.t2-rk-adim-panel{display:flex; flex-direction:column; gap:8px; min-width:0;}
.t2-rk-adim-panel:empty{display:none;}
.t2-rk-oneri-raf{grid-template-columns:minmax(0,1fr) auto;}
.t2-rk-oneri-raf .meta, .t2-rk-tur .meta{display:block;}
.t2-rk-satir{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; min-height:72px; padding:8px 10px;
  border-radius:var(--radius-md,10px); background:var(--surface-2); border:1px solid var(--line-soft);
  -webkit-touch-callout:none;
}
/* Geri alınan satır: saydamlık yok (açık temada meta yazısı 4.25'ten de aşağı düşüyordu); üstü çizili ad + 'Geri alındı' rozeti */
.t2-rk-satir.geri .ad{text-decoration:line-through; color:var(--ink-muted);}
.t2-rk-satir-metin{min-width:0; display:flex; flex-direction:column; gap:2px;}
.t2-rk-satir-metin .ad, .t2-rk-iki-satir{font-weight:700; font-size:.95rem; line-height:1.25; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.t2-rk-satir-metin .ad b{font-variant-numeric:tabular-nums;}
.t2-rk-satir-metin .meta{font-size:.8rem; color:var(--ink-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t2-rk-satir > .t2-dugme{min-width:96px;}
.t2-rk-tus-ust{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:stretch;}
.t2-rk-tus-deger{min-height:56px; display:flex; align-items:center; justify-content:center; font-size:2.1rem; font-weight:900; line-height:1; font-variant-numeric:tabular-nums; border-radius:var(--radius-md,10px); background:var(--surface-2); border:1px solid var(--line-soft);}
.t2-rk-tus-deger span{color:var(--ink-muted);}
.t2-rk-tus .t2-tus-takimi{gap:6px;}
/* Kısa ekran (360×640): tuş takımı kartı okutma çubuğunun üstüne tek ekranda sığsın; tuşlar 56 px kalır, yalnız boşluklar küçülür */
@media (max-height:700px){ .t2-rk-tus{padding:8px 10px; gap:4px;} .t2-rk-tus .t2-tus-takimi{gap:4px;} }
.t2-rk-tek-satir{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t2-rk-beden-sec{display:grid; grid-template-columns:repeat(auto-fill, minmax(72px, 1fr)); gap:8px;}
/* Seçili (accent karışımlı) zeminde yardımcı yazı --ink: iki temada da >= 4.5:1 (açıkta 3.63, Nova'da beden stoğu 4.24 idi) */
#ekranRafaKoy .t2-rk-urun.secili .meta, #ekranRafaKoy .t2-rk-konum.vurgu .meta, #ekranRafaKoy .t2-beden.secili small{color:var(--ink);}
.t2-rk-urun, .t2-rk-konum{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; width:100%; min-height:64px; padding:8px 12px; text-align:left;
  border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); background:var(--surface-2); color:var(--ink); font:inherit;
}
.t2-rk-urun.secili, .t2-rk-konum.vurgu{border:2px solid var(--accent); background:var(--surface-3, var(--surface-2)); background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));}
.t2-rk-urun-metin, .t2-rk-konum-metin{min-width:0; display:flex; flex-direction:column; gap:4px;}
.t2-rk-urun-metin .ad{font-weight:700; font-size:.95rem; line-height:1.25; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.t2-rk-urun-metin .meta, .t2-rk-konum-metin .meta{font-size:.8rem; color:var(--ink-muted); overflow-wrap:anywhere;}
.t2-rk-urun .adet, .t2-rk-konum .adet, .t2-rk-icerik .t2-satir-kart .adet, .t2-rk-ozet .t2-satir-kart .adet, .t2-rk-oneri .t2-satir-kart .adet{font-size:1.75rem; font-weight:900; font-variant-numeric:tabular-nums; white-space:nowrap;}
.t2-rk-cikar-sec{display:grid; grid-template-columns:minmax(0,1fr); gap:8px; padding:8px; border-radius:var(--radius-md,10px); border:2px solid var(--accent);}
.t2-rk-toplam{font-size:1rem; color:var(--ink-muted);}
.t2-rk-toplam b{color:var(--ink); font-size:1.3rem; font-weight:900; font-variant-numeric:tabular-nums;}
@media (max-width:375px){
  .t2-rk-sekme{font-size:.82rem; padding:4px;}
  .t2-rk-adet{grid-template-columns:64px minmax(0,1fr) 64px;}
  .t2-rk-gorev-dugmeler .t2-dugme{font-size:.82rem; padding:6px 4px;}
  .t2-rk-satir > .t2-dugme{min-width:84px; padding:0 10px;}
}

/* ---------- 3.7 Mal Kabul (ADIM 6, term-malkabul.js) ---------- */
/* Dokunma hedefleri >= 56 px, aralarında >= 8 px; raf kodu ve kalan adet 28-32 px; uzun ürün / emir adları iki satırda kesilir.
   Renk yalnız tema sözlüğünden: uyarı / hata / fazla tonu kenar ve zemin tonudur, yazı her temada --ink (rozetler dahil). color-mix'i
   tanımayan eski Android WebView için düz yedek zemin önce. Açık tema yardımcı yazı tonu Kılavuz bölümündeki ortak kuralda. */
#ekranMalKabul .t2-dugme{min-height:56px;}
#ekranMalKabul .t2-liste{gap:8px;} /* dokunma hedefleri arası >= 8 px (genel .t2-liste 6 px) */
#ekranMalKabul .t2-dugme.kirmizi{color:var(--ink);} /* kırmızı ton kenar + zeminde; yazı --ink (açık temada --critical yazı 3.6:1 idi) */
.t2-mk{display:flex; flex-direction:column; gap:8px; min-width:0;}
.t2-mk-bolum{padding:2px 2px 0;}
/* M0 emir kartları */
.t2-mk-emir{
  display:flex; flex-direction:column; align-items:stretch; gap:6px; width:100%; min-height:72px; padding:10px 12px; text-align:left;
  border-radius:var(--radius-lg,14px); border:1px solid var(--line-soft); border-left:4px solid var(--accent); background:var(--surface); color:var(--ink); font:inherit;
}
.t2-mk-emir:active{background:var(--surface-2);}
.t2-mk-emir.gecikti{border-left-color:var(--warn);}
.t2-mk-emir-ust{font-size:.85rem; color:var(--ink-muted); line-height:1.3; overflow-wrap:anywhere;}
.t2-mk-emir-ust b{color:var(--ink); font-size:1rem; font-weight:900;}
.t2-mk-emir-baslik, .t2-mk-baslik, .t2-mk-hasarli-ad{font-size:1.08rem; font-weight:800; line-height:1.25; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.t2-mk-emir-alt{font-size:.85rem; color:var(--ink-muted); font-variant-numeric:tabular-nums; overflow-wrap:anywhere;}
.t2-mk-cubuk{display:block; height:8px; border-radius:var(--radius-pill,999px); background:var(--surface-3, var(--surface-2)); overflow:hidden;}
.t2-mk-cubuk > i{display:block; height:100%; background:var(--good); border-radius:inherit;}
.t2-mk-serbest-kart{flex-direction:row; align-items:center; gap:12px; border-left-color:var(--t2-mor);}
.t2-mk-serbest-ikon{flex:none; width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:var(--radius-md,10px); border:1px solid var(--line); color:var(--ink);}
.t2-mk-serbest-ikon svg{width:26px; height:26px;}
.t2-mk-emir-metin{display:flex; flex-direction:column; gap:2px; min-width:0;}
.t2-mk-emir-metin b{font-size:1.05rem; font-weight:900;}
/* M1 üst: emir başlığı + ilerleme; kalan adet 28-32 px */
.t2-kart.t2-mk-ust{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 12px; align-items:center;}
.t2-mk-ust-sol{display:flex; flex-direction:column; gap:4px; min-width:0;}
.t2-mk-alt{font-size:.85rem; color:var(--ink-muted); overflow-wrap:anywhere;}
.t2-mk-alt b{color:var(--ink); font-weight:900;}
.t2-mk-ust-sag{display:flex; flex-direction:column; align-items:flex-end; gap:2px; text-align:right;}
.t2-mk-ilerleme{font-size:1.25rem; font-weight:900; line-height:1.1; font-variant-numeric:tabular-nums; white-space:nowrap;}
.t2-mk-kalan{font-size:.85rem; font-weight:700; color:var(--ink-muted); white-space:nowrap;}
.t2-mk-kalan b{font-size:clamp(28px, 1.875rem, 32px); font-weight:900; line-height:1; color:var(--ink); font-variant-numeric:tabular-nums;}
/* Hedef raf şeridi (yapışkan): raf kodu 28-32 px; sayılan raf sarı kenar + açıklama */
.t2-mk-raf{
  position:sticky; top:calc(-1 * var(--t2-kenar)); z-index:2;
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:4px 10px; align-items:center; padding:8px 8px 8px 12px; min-height:64px;
  border-radius:var(--radius-lg,14px); border:2px solid var(--accent); background:var(--surface);
  /* Yapışıkken alttaki içerik şeridin içinden görünmesin: yarı saydam yüzeyli temalarda (Nova / Neural / Modern) yüzey opak --bg
     zemininin üstüne katlanır; düz temalarda görünüm aynıdır (inceleme bulgusu 2026-10-11). */
  background:linear-gradient(var(--surface), var(--surface)), var(--bg);
}
.t2-mk-raf.bos{position:static; border-style:dashed; border-color:var(--line); min-height:56px; grid-template-columns:auto minmax(0,1fr); background:var(--surface);}
.t2-mk-raf.sayiliyor{border-color:var(--warn); background:var(--surface-2); background:linear-gradient(color-mix(in srgb, var(--warn) 12%, var(--surface)), color-mix(in srgb, var(--warn) 12%, var(--surface))), var(--bg);}
.t2-mk-raf-ikon{display:flex; color:var(--accent);}
.t2-mk-raf.bos .t2-mk-raf-ikon{color:var(--ink-muted);}
.t2-mk-raf-ikon svg{width:26px; height:26px;}
.t2-mk-raf-metin{display:flex; flex-direction:column; gap:2px; min-width:0;}
.t2-mk-raf-etiket{font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-muted);}
.t2-mk-raf-kod{display:block; font-size:clamp(28px, 1.875rem, 32px); font-weight:900; line-height:1.1; letter-spacing:.01em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; min-width:0;}
.t2-mk-raf-alt{font-size:.82rem; color:var(--ink-muted); font-variant-numeric:tabular-nums;}
.t2-mk-raf-yok{font-size:.95rem; font-weight:700; color:var(--ink); line-height:1.25;}
.t2-mk-raf > .t2-dugme{min-width:0; max-width:112px; padding:0 10px; white-space:normal; line-height:1.15; font-size:.88rem;}
.t2-mk-raf-kilit{grid-column:1 / -1; display:flex; align-items:flex-start; gap:8px; font-size:.88rem; font-weight:700; color:var(--ink); line-height:1.3;}
.t2-mk-raf-kilit > b{flex:none; width:22px; height:22px; border-radius:50%; border:2px solid var(--warn); display:flex; align-items:center; justify-content:center; font-weight:900;}
/* Son okutulan (büyük satır) + önceki okutmalar; satırda kalıcı Geri al (30 dk) */
.t2-mk-okutma{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 10px; align-items:center; min-height:64px; padding:8px 10px;
  border-radius:var(--radius-md,10px); background:var(--surface-2); border:1px solid var(--line-soft); -webkit-touch-callout:none;
}
.t2-mk-okutma.buyuk{grid-template-columns:auto minmax(0,1fr) auto; border:2px solid var(--good); background:var(--surface-2); background:color-mix(in srgb, var(--good) 10%, var(--surface));}
.t2-mk-okutma.buyuk.geri{border-color:var(--line); background:var(--surface-2);}
.t2-mk-okutma.geri .ad{text-decoration:line-through; color:var(--ink-muted);}
.t2-mk-gorsel{width:56px; height:72px;}
.t2-mk-okutma > .t2-mk-gorsel{flex:none;}
.t2-mk-okutma-metin{min-width:0; display:flex; flex-direction:column; gap:3px;}
.t2-mk-okutma-metin .ad, .t2-mk-kalem-metin .ad{font-weight:800; font-size:.98rem; line-height:1.25; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.t2-mk-okutma.buyuk .ad{font-size:1.1rem;}
.t2-mk-okutma-metin .meta, .t2-mk-kalem-metin .meta{font-size:.84rem; color:var(--ink-muted); font-variant-numeric:tabular-nums; overflow-wrap:anywhere;}
.t2-mk-okutma-metin .meta b{color:var(--ink); font-weight:900;}
.t2-mk-okutma-metin .sonuc{font-size:.88rem; font-weight:700; color:var(--ink); overflow-wrap:anywhere;}
.t2-mk-okutma > .t2-dugme{min-width:96px;}
/* Kalemler: eksik (turuncu kenar) önce, tamam sönük (saydamlık yok: kontrast), fazla mor kenar */
.t2-mk-kalem{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; width:100%; min-height:64px; padding:8px 12px; text-align:left;
  border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); border-left:4px solid var(--warn); background:var(--surface-2); color:var(--ink); font:inherit; -webkit-touch-callout:none;
}
.t2-mk-kalem.tamam{border-left-color:var(--good); background:var(--surface);}
.t2-mk-kalem.tamam .ad{color:var(--ink-muted); font-weight:600;}
.t2-mk-kalem.fazla{border-color:var(--t2-mor); border-left-color:var(--t2-mor);}
.t2-mk-kalem.secili{border:2px solid var(--accent); border-left-width:4px;}
.t2-mk-kalem-metin{min-width:0; display:flex; flex-direction:column; gap:3px;}
.t2-mk-kalem-sayi{display:flex; align-items:baseline; gap:4px; white-space:nowrap; font-variant-numeric:tabular-nums;}
.t2-mk-kalem-sayi b{font-size:1.75rem; font-weight:900; line-height:1;}
.t2-mk-kalem-sayi small{font-size:1rem; font-weight:700; color:var(--ink-muted);}
.t2-mk-eylem{display:flex; flex-direction:column; gap:8px; padding:8px; border-radius:var(--radius-md,10px); border:2px solid var(--accent); background:var(--surface);}
.t2-mk-eylem-dugmeler{display:grid; grid-template-columns:repeat(auto-fit, minmax(96px, 1fr)); gap:8px;}
.t2-mk-eylem-dugmeler .t2-dugme{min-width:0; white-space:normal; line-height:1.15; padding:6px 8px;}
.t2-mk-tamam-ust{display:flex; align-items:center; gap:10px; font-size:1.15rem;}
.t2-mk-tamam-ust svg{flex:none; width:28px; height:28px; color:var(--good);}
.t2-mk-tamam-ust b{font-weight:900; overflow-wrap:anywhere;}
/* M7 emirsiz kabul: gri şerit + kalıcı not alanı (çizimde yeniden kurulmaz) */
.t2-mk-serbest-serit{display:flex; align-items:center; gap:10px; min-height:48px; padding:8px 12px; border-radius:var(--radius-md,10px); background:var(--surface-2); border:1px solid var(--line); color:var(--ink); font-size:.95rem;}
.t2-mk-serbest-serit svg{flex:none; width:22px; height:22px; color:var(--ink);}
.t2-mk-not{display:flex; flex-direction:column; gap:4px; padding:10px 12px; border-radius:var(--radius-lg,14px); background:var(--surface); border:1px solid var(--line-soft);}
.t2-mk-not label{font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-muted);}
.t2-mk-not textarea{width:100%; min-height:56px; resize:vertical; padding:8px 10px; border-radius:var(--radius-md,10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font:inherit; font-size:1rem; line-height:1.3; user-select:text; -webkit-user-select:text;}
.t2-mk-not small{font-size:.8rem; color:var(--ink-muted); line-height:1.3;}
/* M5 hasarlı: karantina bandı (kırmızı kenar, yazı --ink) */
.t2-mk-karantina{display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; padding:8px 12px; border-radius:var(--radius-md,10px); border:2px solid var(--critical); background:var(--surface-2); background:color-mix(in srgb, var(--critical) 12%, var(--surface)); color:var(--ink); font-size:.88rem; font-weight:700;}
.t2-mk-karantina b{font-weight:900; letter-spacing:.08em;}
.t2-mk-bekle{font-size:1.3rem; font-weight:900; line-height:1.2;}
.t2-mk-raf-secili{display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px;}
.t2-mk-raf-secili > span{font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-muted);}
/* Karantina rafları: yalnız bilgi satırı (dokunulmaz; seçim rafın etiketini okutarak — inceleme bulgusu 2026-10-11) */
.t2-mk-karantina-liste{overflow-wrap:anywhere;}
.t2-mk-karantina-liste b{color:var(--ink); font-weight:900;}
/* M6 özet */
.t2-mk-ozet-bas{font-size:1.1rem; font-weight:700; overflow-wrap:anywhere;}
.t2-mk-ozet-bas b{font-size:1.4rem; font-weight:900; font-variant-numeric:tabular-nums;}
.t2-mk-dip{padding:0 4px;}
/* Rozetler: ton kenarda, yazı --ink (açık temada küçük rozet yazısı 4.5:1 altına düşmez) */
#ekranMalKabul .t2-rozet.sari, #ekranMalKabul .t2-rozet.kirmizi, #ekranMalKabul .t2-rozet.mor, #ekranMalKabul .t2-rozet.yesil{color:var(--ink);}
#ekranMalKabul .t2-rozet.sari{border-color:var(--warn);}
#ekranMalKabul .t2-rozet.kirmizi{border-color:var(--critical);}
#ekranMalKabul .t2-rozet.mor{border-color:var(--t2-mor);}
#ekranMalKabul .t2-rozet.yesil{border-color:var(--good);}
/* Çok düğmeli tam ekran kart (Emirde yok, Hangi ürün?, Hangi emir?): 4 ve üstü düğme iki sütuna sarılır (360 px'te taşmaz).
   3 ve daha az düğmeli kartlar (bütün eski ekranlar) değişmez. */
.t2-hata-dugmeler:has(> button:nth-child(4)){flex-wrap:wrap;}
.t2-hata-dugmeler:has(> button:nth-child(4)) > button{flex:1 1 calc(50% - 5px); min-width:0; white-space:normal; line-height:1.15; padding:6px 8px;}
/* Rafa Koy süzgeç şeridi (ADIM 6: Mal Kabul 'Yerleştirmeye geç' → yalnız o emrin görevleri) */
.t2-rk-filtre{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; padding:4px 4px 4px 12px; border-radius:var(--radius-md,10px); background:var(--surface-2); border:1px solid var(--line); color:var(--ink); font-weight:800; font-size:.92rem; overflow-wrap:anywhere;}
@media (max-width:375px){
  .t2-mk-raf > .t2-dugme{max-width:96px; font-size:.82rem; padding:0 8px;}
  .t2-mk-okutma > .t2-dugme{min-width:84px; padding:0 10px;}
  .t2-mk-kalem-sayi b{font-size:1.5rem;}
}

/* ---------- 3.5 İade Kabul (ADIM 7, term-iade.js) ---------- */
/* Dokunma hedefleri >= 56 px, aralarında >= 8 px; raf kodu ve kasa bandı 28-32 px; uzun ürün / müşteri adları iki satırda kesilir.
   Renk yalnız tema sözlüğünden; tek istisna fiziksel kasa renkleri (html bloğundaki --t2-kasa-* belirteçleri). Kasa adı her zaman
   metinle ve şekille de yazılı (renk körü: SİYAH KASA kare, KIRMIZI KASA üçgen). color-mix'i tanımayan eski WebView için düz yedek
   zemin önce. Açık tema yardımcı yazı tonu Kılavuz bölümündeki ortak kuralda. */
#ekranIade .t2-dugme{min-height:56px;}
#ekranIade .t2-liste{gap:8px;}
#ekranIade .t2-dugme.kirmizi, #ekranIade .t2-dugme.yesil{color:var(--ink);} /* ton kenar + zeminde; yazı --ink (açık tema kontrastı) */
.t2-ik{display:flex; flex-direction:column; gap:8px; min-width:0;}
/* Adım çubuğu: 1 Paket · 2 Ürün · 3 Kalite · 4 Foto · 5 Raf (metinli; tamamlanan onay işaretli, geçerli dolu) */
.t2-ik-adimlar{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:4px;}
.t2-ik-adim{display:flex; flex-direction:column; align-items:center; gap:2px; min-width:0; padding:4px 2px; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); background:var(--surface); color:var(--ink-muted); font-size:.75rem; font-weight:700; text-align:center;}
.t2-ik-adim > b{width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:2px solid var(--line); color:var(--ink); font-size:.9rem; font-weight:900;}
.t2-ik-adim > b svg{width:16px; height:16px;}
.t2-ik-adim > span{max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t2-ik-adim.gecerli{border:2px solid var(--accent); color:var(--ink);}
.t2-ik-adim.gecerli > b{background:var(--accent); border-color:var(--accent); color:var(--accent-contrast);}
.t2-ik-adim.tamam{color:var(--ink);}
.t2-ik-adim.tamam > b{border-color:var(--good); color:var(--good);}
/* Talep başlığı (İ2-İ6 tek satır), talep satırları (bekleyen / seçim), büyük talimat */
.t2-ik-talep-bas{display:flex; flex-direction:row; align-items:baseline; gap:6px; padding:0 4px; min-width:0;}
.t2-ik-musteri{font-size:1.15rem; font-weight:800; line-height:1.25; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.t2-ik-musteri.kucuk{font-size:.98rem;}
.t2-ik-talep-no{font-size:.88rem; font-weight:700; color:var(--ink-muted); font-variant-numeric:tabular-nums; overflow-wrap:anywhere;}
.t2-ik-talep{display:flex; flex-direction:column; align-items:stretch; gap:4px; width:100%; min-height:72px; padding:10px 12px; text-align:left; border-radius:var(--radius-lg,14px); border:1px solid var(--line-soft); border-left:4px solid var(--accent); background:var(--surface); color:var(--ink); font:inherit;}
.t2-ik-talep:active{background:var(--surface-2);}
.t2-ik-talep-ust{font-size:.88rem; color:var(--ink-muted); overflow-wrap:anywhere;}
.t2-ik-talep-ust b{color:var(--ink); font-weight:900;}
.t2-ik-buyuk{font-size:1.3rem; font-weight:900; line-height:1.2; overflow-wrap:anywhere;}
.t2-ik-dugmeler{display:grid; grid-template-columns:1fr; gap:8px;}
@media (min-width:600px){ .t2-ik-dugmeler{grid-template-columns:repeat(3, minmax(0,1fr));} }
.t2-ik .t2-dugme svg{width:22px; height:22px; flex:none;}
.t2-ik-iki{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px;}
.t2-ik-iki .t2-dugme{min-width:0; white-space:normal; line-height:1.15; padding:6px 8px;}
.t2-ik-test-not{font-weight:700;}
/* Kalıcı metin alanı (ara / not / ret nedeni / sahipsiz notu): çizimde yeniden kurulmaz, yuvasına taşınır */
.t2-ik-metin{display:flex; flex-direction:column; gap:4px;}
.t2-ik-metin label{font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-muted);}
.t2-ik-metin textarea{width:100%; min-height:56px; resize:vertical; padding:10px 12px; border-radius:var(--radius-md,10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font:inherit; font-size:1rem; line-height:1.3; user-select:text; -webkit-user-select:text;}
.t2-ik-metin small{font-size:.8rem; color:var(--ink-muted); line-height:1.3;}
/* Talep kartı: ürün satırları, müşteri beyanı (salt okunur), müşteri fotoğrafı */
.t2-ik-not-metin, .t2-ik-neden{font-size:.88rem; line-height:1.35; color:var(--ink); overflow-wrap:anywhere;}
.t2-ik-urun{display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px 10px; align-items:start; padding:8px; border-radius:var(--radius-md,10px); background:var(--surface-2); border:1px solid var(--line-soft); min-width:0;}
.t2-ik-gorsel{width:56px; height:72px;}
.t2-ik-urun-metin, .t2-ik-kalem-metin{display:flex; flex-direction:column; gap:4px; min-width:0;}
.t2-ik-urun-metin .ad, .t2-ik-kalem-metin .ad{font-weight:800; font-size:.98rem; line-height:1.25; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.t2-ik-urun-metin .meta, .t2-ik-kalem-metin .meta{display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; font-size:.86rem; color:var(--ink-muted); overflow-wrap:anywhere;}
.t2-ik-kalem-metin .meta b{color:var(--ink); font-weight:800;}
.t2-ik-beden{display:inline-flex; align-items:center; justify-content:center; min-width:34px; padding:2px 8px; border-radius:var(--radius-sm,7px); border:1px solid var(--line); background:var(--surface-3, var(--surface-2)); color:var(--ink); font-weight:900;}
.t2-ik-mfoto{justify-self:start; font-size:.88rem;}
.t2-ik-buyuk-foto{grid-column:1 / -1; width:100%; max-height:60vh; object-fit:contain; border-radius:var(--radius-md,10px); background:var(--surface);}
.t2-ik-yetki{color:var(--ink); font-size:.95rem; line-height:1.35;}
/* İ2: son okutulan (kalem listesinin altında, sıkı) + kalem satırları (bekliyor turuncu kenar, tamam yeşil, yanlış beden kırmızı, gelmedi üstü çizili) */
.t2-ik-son{border:2px solid var(--good); background:var(--surface-2); background:color-mix(in srgb, var(--good) 10%, var(--surface)); padding:8px 12px; gap:2px;}
.t2-ik-son.geri{border-color:var(--line); background:var(--surface-2);}
.t2-ik-son-ad{display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; font-size:1.1rem; font-weight:900; line-height:1.25; overflow-wrap:anywhere;}
.t2-ik-son-et{font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-muted);}
.t2-ik-son .t2-rozet{vertical-align:middle;}
.t2-ik-kalem{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:8px 10px; align-items:center; width:100%; min-height:64px; padding:8px 12px; text-align:left; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); border-left:4px solid var(--warn); background:var(--surface-2); color:var(--ink); font:inherit;}
.t2-ik-kalem.tamam{border-left-color:var(--good); background:var(--surface);}
.t2-ik-kalem.hata{border-color:var(--critical); border-left-color:var(--critical);}
.t2-ik-kalem.gelmedi{border-left-color:var(--ink-muted); background:var(--surface);}
.t2-ik-kalem.gelmedi .ad{text-decoration:line-through;}
.t2-ik-kalem.secili{border:2px solid var(--accent); border-left-width:4px;}
.t2-ik-kalem.isaretli{border:2px solid var(--critical); border-left-width:4px;}
.t2-ik-kalem-ikon{display:flex; width:28px; height:28px; color:var(--ink-muted);}
.t2-ik-kalem-ikon svg{width:28px; height:28px;}
.t2-ik-kalem.tamam .t2-ik-kalem-ikon{color:var(--good);}
.t2-ik-kalem.hata .t2-ik-kalem-ikon{color:var(--critical);}
.t2-ik-kalem-sayi{display:flex; align-items:baseline; gap:4px; white-space:nowrap; font-variant-numeric:tabular-nums;}
.t2-ik-kalem-sayi b{font-size:1.6rem; font-weight:900; line-height:1;}
.t2-ik-kalem-sayi small{font-size:1rem; font-weight:700; color:var(--ink-muted);}
.t2-ik-eylem{display:flex; flex-direction:column; gap:8px; padding:8px; border-radius:var(--radius-md,10px); border:2px solid var(--accent); background:var(--surface);}
.t2-ik-eylem-dugmeler{display:grid; grid-template-columns:repeat(auto-fit, minmax(96px, 1fr)); gap:8px;}
.t2-ik-eylem-dugmeler .t2-dugme{min-width:0; white-space:normal; line-height:1.15; padding:6px 8px;}
/* İ3: hijyen sorusu, üç büyük kalite düğmesi (renk + harf + metin), muayene çipleri */
.t2-ik-hijyen .t2-dugme{min-height:64px; font-size:1.05rem;}
.t2-ik-kaliteler{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;}
.t2-ik-kalite{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-width:0; min-height:88px; padding:8px 6px; border-radius:var(--radius-lg,14px); border:2px solid var(--line); background:var(--surface); color:var(--ink); font:inherit; text-align:center;}
.t2-ik-kalite b{font-size:2rem; font-weight:900; line-height:1;}
.t2-ik-kalite span{font-size:.88rem; font-weight:800; line-height:1.15; overflow-wrap:anywhere;}
.t2-ik-kalite.kA{border-color:var(--good);}
.t2-ik-kalite.kB{border-color:var(--ink);}
.t2-ik-kalite.kC{border-color:var(--critical);}
.t2-ik-kalite.secili{border-width:4px; background:var(--surface-2);}
.t2-ik-kalite.kA.secili{background:var(--surface-2); background:color-mix(in srgb, var(--good) 22%, var(--surface));}
.t2-ik-kalite.kB.secili{background:var(--surface-3, var(--surface-2));}
.t2-ik-kalite.kC.secili{background:var(--surface-2); background:color-mix(in srgb, var(--critical) 22%, var(--surface));}
.t2-ik-kalite:disabled{cursor:default; border-style:dashed; color:var(--ink-muted); background:var(--surface);}
.t2-ik-cipler{display:flex; flex-wrap:wrap; gap:8px;}
.t2-ik-cip{min-height:56px; max-width:100%; padding:6px 14px; border-radius:var(--radius-pill,999px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font:inherit; font-size:.92rem; font-weight:700; line-height:1.2; text-align:left;}
.t2-ik-cip.secili{border:2px solid var(--accent); background:var(--surface-3, var(--surface-2)); background:color-mix(in srgb, var(--accent) 18%, var(--surface-2)); font-weight:900;}
.t2-ik-cip:disabled{cursor:default; border-style:dashed; color:var(--ink-muted);}
.t2-ik-ondolu, .t2-ik-hijyen-not{font-weight:700; color:var(--ink);}
/* Hijyen cevabı verildikten sonra: not + [Cevabı değiştir] */
.t2-ik-hijyen-satir{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px;}
.t2-ik-hijyen-satir .t2-kart-alt{flex:1 1 140px; min-width:0;}
.t2-ik-hijyen-satir .t2-dugme{flex:none; padding:6px 14px;}
/* İ4 fotoğraf, ortak "tamam" satırı */
.t2-ik-tamam-ust{display:flex; align-items:center; gap:10px; font-size:1.1rem;}
.t2-ik-tamam-ust svg{flex:none; width:28px; height:28px; color:var(--good);}
.t2-ik-tamam-ust b{font-weight:900; overflow-wrap:anywhere;}
.t2-ik-onizleme{width:96px; height:96px; object-fit:cover; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft);}
/* İ5 kasa bandı (tam genişlik, 28-32 px metin; SİYAH / KIRMIZI fiziksel kasa rengi, NORMAL RAF kesik kenar) + raf önerileri */
.t2-ik-kasa{display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; align-items:center; min-height:72px; padding:10px 14px; border-radius:var(--radius-lg,14px); border:2px dashed var(--line); background:var(--surface); color:var(--ink);}
.t2-ik-kasa-ikon{display:flex; width:36px; height:36px;}
.t2-ik-kasa-ikon svg{width:36px; height:36px;}
.t2-ik-kasa-metin{display:flex; flex-direction:column; gap:2px; min-width:0;}
.t2-ik-kasa-metin b{font-size:clamp(28px, 1.875rem, 32px); font-weight:900; line-height:1.1; letter-spacing:.02em; overflow-wrap:anywhere;}
.t2-ik-kasa-q{display:inline-block; white-space:nowrap;}
.t2-ik-kasa-metin small{font-size:.92rem; font-weight:700; line-height:1.3;}
.t2-ik-kasa.normal .t2-ik-kasa-ikon{color:var(--accent);}
.t2-ik-kasa.siyah{background:var(--t2-kasa-siyah); color:var(--t2-kasa-yazi); border:2px solid var(--t2-kasa-siyah); outline:2px solid var(--line);}
.t2-ik-kasa.kirmizi{background:var(--t2-kasa-kirmizi); color:var(--t2-kasa-yazi); border:2px solid var(--t2-kasa-kirmizi);}
.t2-ik-oneri{display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 12px; align-items:center; min-height:56px; padding:8px 12px; border-radius:var(--radius-md,10px); background:var(--surface-2); border:1px solid var(--line-soft);}
.t2-ik-raf-kod{font-size:clamp(28px, 1.875rem, 32px); font-weight:900; line-height:1.1; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; min-width:0;}
.t2-ik-oneri-neden{font-size:.86rem; color:var(--ink-muted); overflow-wrap:anywhere;}
/* İ5 önceki kalemin sonucu ve İ6 'Rafa yazılanlar': tek satır + satır [Geri al] (30 dk) */
.t2-ik-raf-son, .t2-ik-raf-satir{display:flex; align-items:center; gap:8px; min-width:0; padding:4px 4px 4px 10px; border-radius:var(--radius-md,10px); border:2px solid var(--good); background:var(--surface-2); background:color-mix(in srgb, var(--good) 10%, var(--surface));}
.t2-ik-raf-satir{border:1px solid var(--line-soft); background:var(--surface-2); min-height:56px;}
.t2-ik-raf-son > svg{flex:none; width:24px; height:24px; color:var(--good);}
.t2-ik-raf-son-metin, .t2-ik-raf-satir-metin{flex:1 1 auto; min-width:0; font-size:.92rem; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.t2-ik-raf-son-metin b, .t2-ik-raf-satir-metin b{font-weight:900;}
.t2-ik-raf-son .t2-dugme, .t2-ik-raf-satir .t2-dugme{flex:none; padding:6px 14px;}
.t2-ik-raf-son:not(:has(.t2-dugme)){padding:8px 10px;}
.t2-ik-uyari-metin{padding:8px 10px; border-radius:var(--radius-md,10px); border:2px solid var(--warn); background:var(--surface-2); color:var(--ink); font-size:.92rem; font-weight:700; line-height:1.35;}
/* İ6 özet */
.t2-ik-ozet-satir{font-size:1rem; line-height:1.5; overflow-wrap:anywhere;}
.t2-ik-ozet-satir b{font-size:1.25rem; font-weight:900; font-variant-numeric:tabular-nums;}
/* Rozetler: ton kenarda, yazı --ink (açık temada küçük rozet yazısı 4.5:1 altına düşmez) */
#ekranIade .t2-rozet.sari, #ekranIade .t2-rozet.kirmizi, #ekranIade .t2-rozet.yesil, #ekranIade .t2-rozet.cam{color:var(--ink);}
#ekranIade .t2-rozet.sari{border-color:var(--warn);}
#ekranIade .t2-rozet.kirmizi{border-color:var(--critical);}
#ekranIade .t2-rozet.yesil{border-color:var(--good);}
#ekranIade .t2-rozet.cam{border-color:var(--accent);}
/* Kısa ekran (360×640 ve benzeri): adım çubuğu tek sıra (numara + ad yan yana), adımın asıl bilgisi ilk ekranda kalsın */
@media (max-height:700px){
  .t2-ik-adim{flex-direction:row; justify-content:center; gap:3px; padding:3px 2px;}
  .t2-ik-adim > b{width:22px; height:22px; font-size:.8rem;}
  .t2-ik-adim > b svg{width:14px; height:14px;}
  .t2-ik-kasa{min-height:64px; padding:8px 12px;}
}
@media (max-width:375px){
  .t2-ik-adim{font-size:.7rem;}
  .t2-ik-kalem-sayi b{font-size:1.4rem;}
  .t2-ik-kalite{min-height:80px;}
  .t2-ik-kasa{padding:10px;}
}

/* ---------- 3.8 Sayım 2.0 (ADIM 8 Faz 8B, term-sayim.js) ---------- */
/* Dokunma hedefleri >= 56 px (düğmeler, öneri kartları, sayım satırları), aralarında >= 8 px; raf kodu 28-32 px. Renk yalnız tema
   sözlüğünden (--good / --warn / --critical / --accent; ton kenar ve zemindedir), küçük yazılar her temada --ink (açık temada >= 4.5:1).
   color-mix'i tanımayan eski WebView için düz yedek zemin önce. Satır durumu renkle birlikte metinle de yazılır (aria-label + sütun başlığı).
   Kör sayımda kayıtlı sütunu HTML'de hiç yoktur (CSS ile gizlenmez). */
#ekranSayim .t2-dugme{min-height:56px;}
#ekranSayim .t2-kart-alt, #ekranSayim .t2-kart-bas{color:var(--ink);}
#ekranSayim .t2-rozet.sari, #ekranSayim .t2-rozet.kirmizi, #ekranSayim .t2-rozet.yesil, #ekranSayim .t2-rozet.mavi, #ekranSayim .t2-rozet.mor{color:var(--ink);}
#ekranSayim .t2-rozet.sari{border-color:var(--warn);}
#ekranSayim .t2-rozet.kirmizi{border-color:var(--critical);}
#ekranSayim .t2-rozet.yesil{border-color:var(--good);}
#ekranSayim .t2-rozet.mavi{border-color:var(--t2-mavi);}
#ekranSayim .t2-rozet.mor{border-color:var(--t2-mor);}
.t2-sy{display:flex; flex-direction:column; gap:8px; min-width:0;}
.t2-sy-talimat{display:flex; flex-direction:column; gap:2px; padding:4px 4px 0;}
.t2-sy-talimat b{font-size:1.3rem; font-weight:900; line-height:1.2;}
.t2-sy-talimat span{font-size:.9rem; color:var(--ink);}
.t2-sy-rozetler{display:flex; flex-wrap:wrap; gap:6px;}
/* S0 öneri kartları ve yarım kalan sayımlar */
.t2-sy-oneri{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; width:100%; min-height:72px; padding:8px 12px;
  text-align:left; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); background:var(--surface-2); color:var(--ink); font:inherit;
}
.t2-sy-oneri:active{background:var(--surface-3, var(--surface-2));}
.t2-sy-oneri-metin, .t2-sy-acik-metin{min-width:0; display:flex; flex-direction:column; gap:4px;}
.t2-sy-oneri-kod{font-size:1.5rem; font-weight:900; line-height:1.1; letter-spacing:.01em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere;}
.t2-sy-oneri-metin .meta, .t2-sy-acik-metin .meta{font-size:.82rem; color:var(--ink); overflow-wrap:anywhere;}
.t2-sy-oneri-git{display:flex; align-items:center; justify-content:center; min-width:64px; min-height:56px; padding:0 12px; border-radius:var(--radius-md,10px); background:var(--accent); color:var(--accent-contrast); font-weight:800;}
.t2-sy-acik{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; min-height:72px; padding:8px 10px; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); background:var(--surface-2);}
.t2-sy-acik.onay{border:2px solid var(--critical);}
.t2-sy-acik .t2-dugme{min-width:112px;}
/* Raf şeridi: raf kodu 28-32 px */
.t2-sy-raf{
  display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 10px; align-items:center; padding:10px 12px; min-height:64px;
  border-radius:var(--radius-lg,14px); border:2px solid var(--accent); background:var(--surface);
}
.t2-sy-raf.uyari{border-color:var(--warn);}
.t2-sy-raf > svg{width:28px; height:28px; color:var(--accent);}
.t2-sy-raf.uyari > svg{color:var(--warn);}
.t2-sy-raf-metin{display:flex; flex-direction:column; gap:2px; min-width:0;}
.t2-sy-raf-etiket{font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink);}
.t2-sy-raf-kod{display:block; font-size:clamp(28px, 1.875rem, 32px); font-weight:900; line-height:1.1; letter-spacing:.01em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; min-width:0;}
.t2-sy-raf-rozet{grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:6px;}
/* Bilgi / uyarı şeritleri (katılımcı, kilit, kör, önceki onay) */
.t2-sy-not{padding:8px 10px; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); background:var(--surface-2); color:var(--ink); font-size:.9rem; font-weight:700; line-height:1.35; overflow-wrap:anywhere;}
.t2-sy-not.bilgi{border-left:4px solid var(--accent);}
.t2-sy-not.kor{border-left:4px solid var(--t2-mor);}
.t2-sy-not.uyari{border:2px solid var(--warn); background:var(--surface-2); background:color-mix(in srgb, var(--warn) 14%, var(--surface));}
.t2-sy-not .t2-dugme{margin-top:6px; width:100%;}
/* Özet: sayılan / kayıtlı */
.t2-sy-ozet{display:grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); gap:8px;}
.t2-sy-ozet > div{display:flex; flex-direction:column; gap:2px; padding:8px 12px; min-height:56px; border-radius:var(--radius-md,10px); background:var(--surface); border:1px solid var(--line-soft);}
.t2-sy-ozet span{font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink);}
.t2-sy-ozet b{font-size:1.6rem; font-weight:900; line-height:1.1; font-variant-numeric:tabular-nums;}
.t2-sy-ozet small{font-size:.8rem; color:var(--ink);}
/* Ürün grupları ve sayım satırları */
.t2-sy-grup{display:flex; flex-direction:column; gap:8px;}
.t2-sy-grup-bas{display:flex; flex-direction:column; gap:1px; padding:4px 4px 0; min-width:0;}
.t2-sy-grup-bas b{font-size:1rem; font-weight:800; line-height:1.25; overflow-wrap:anywhere;}
.t2-sy-grup-bas small{font-size:.8rem; color:var(--ink); overflow-wrap:anywhere;}
.t2-sy-satir, .t2-sy-fark{
  display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; gap:8px; align-items:center; min-height:64px; padding:6px 10px;
  border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); border-left:4px solid var(--line); background:var(--surface-2); color:var(--ink);
  -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;
}
.t2-sy-fark{grid-template-columns:auto minmax(0,1fr) auto; -webkit-user-select:text; user-select:text;}
.t2-sy-fark > .t2-sy-satir-metin:first-child{grid-column:1 / 3;}
.t2-sy-satir.esit{border-left-color:var(--good);}
.t2-sy-satir.eksik, .t2-sy-satir.fazla{border-left-color:var(--warn);}
.t2-sy-fark.eksik{border-left-color:var(--critical);}
.t2-sy-fark.fazla{border-left-color:var(--good);}
.t2-sy-satir.sayildi{border-left-color:var(--accent);}
.t2-sy-satir.son{border:2px solid var(--good); border-left-width:4px; background:var(--surface-2); background:color-mix(in srgb, var(--good) 12%, var(--surface));}
.t2-sy-satir:focus-visible{outline:none; box-shadow:var(--ring);}
.t2-sy-beden{display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:40px; padding:2px 8px; border-radius:var(--radius-sm,7px); background:var(--surface-3, var(--surface)); color:var(--ink); font-weight:900; font-size:1rem; text-align:center;}
.t2-sy-satir-metin{min-width:0; display:flex; flex-direction:column; gap:2px;}
.t2-sy-satir-metin .ad{font-weight:700; font-size:.92rem; line-height:1.25; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.t2-sy-satir-metin .meta{font-size:.78rem; color:var(--ink); overflow-wrap:anywhere;}
.t2-sy-satir-rozet{display:flex; flex-wrap:wrap; gap:4px;}
.t2-sy-satir-rozet .t2-rozet{padding:2px 8px;}
.t2-sy-kayitli, .t2-sy-sayilan{display:flex; flex-direction:column; align-items:flex-end; gap:0; min-width:52px;}
.t2-sy-kayitli small, .t2-sy-sayilan small{font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:var(--ink);}
.t2-sy-kayitli b{font-size:1.15rem; font-weight:800; font-variant-numeric:tabular-nums;}
.t2-sy-sayilan b{font-size:1.75rem; font-weight:900; line-height:1; font-variant-numeric:tabular-nums;}
.t2-sy-fark-metin{font-size:.88rem; font-weight:800; text-align:right; font-variant-numeric:tabular-nums; max-width:46vw; overflow-wrap:anywhere;}
/* Düzelt paneli (uzun basış): −1 + tuş takımı */
.t2-sy-tus-ust{display:grid; grid-template-columns:minmax(0,1fr) 112px; gap:8px; align-items:stretch;}
.t2-sy-tus-deger{min-height:56px; display:flex; align-items:center; justify-content:center; font-size:2.1rem; font-weight:900; line-height:1; font-variant-numeric:tabular-nums; border-radius:var(--radius-md,10px); background:var(--surface-2); border:1px solid var(--line-soft);}
.t2-sy-tus .t2-tus-takimi{gap:6px;}
.t2-sy-tus .t2-dugme.sari{font-size:1.4rem; font-weight:900;}
/* S3 / S4 sonuç kartı */
.t2-sy-sonuc{border-width:2px;}
.t2-sy-sonuc.yesil{border-color:var(--good); background:var(--surface); background:color-mix(in srgb, var(--good) 10%, var(--surface));}
.t2-sy-sonuc.sari{border-color:var(--warn); background:var(--surface); background:color-mix(in srgb, var(--warn) 10%, var(--surface));}
.t2-sy-sonuc.kirmizi{border-color:var(--critical); background:var(--surface); background:color-mix(in srgb, var(--critical) 10%, var(--surface));}
.t2-sy-sonuc-bas{display:flex; align-items:flex-start; gap:10px; flex-wrap:wrap;}
.t2-sy-sonuc-bas > svg{flex:none; width:30px; height:30px;}
.t2-sy-sonuc.yesil .t2-sy-sonuc-bas > svg{color:var(--good);}
.t2-sy-sonuc.sari .t2-sy-sonuc-bas > svg{color:var(--warn);}
.t2-sy-sonuc.kirmizi .t2-sy-sonuc-bas > svg{color:var(--critical);}
.t2-sy-sonuc-bas > b{flex:1 1 200px; min-width:0; font-size:1.25rem; font-weight:900; line-height:1.25; overflow-wrap:anywhere;}
.t2-sy-yeniden{display:grid; grid-template-columns:auto minmax(0,1fr) minmax(0,1fr); gap:8px; align-items:center;}
.t2-sy-yeniden > span{font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em;}
.t2-sy-yeniden .t2-dugme{min-width:0;}
@media (max-width:375px){
  .t2-sy-satir{grid-template-columns:auto minmax(0,1fr) auto; padding:6px 8px;}
  .t2-sy-satir > .t2-sy-beden, .t2-sy-satir > .t2-sy-satir-metin{grid-row:1 / span 2;}
  .t2-sy-satir > .t2-sy-kayitli{grid-column:3; grid-row:1;}
  .t2-sy-satir > .t2-sy-sayilan{grid-column:3; grid-row:2;}
  .t2-sy-satir.kor > .t2-sy-sayilan{grid-row:1 / span 2;}
  .t2-sy-yeniden{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .t2-sy-yeniden > span{grid-column:1 / -1;}
  .t2-sy-acik .t2-dugme{min-width:96px; padding:0 10px;}
}
@media (max-height:700px){ .t2-sy-tus{padding:8px 10px; gap:4px;} .t2-sy-tus .t2-tus-takimi{gap:4px; grid-template-columns:repeat(4, minmax(0,1fr));} }

/* ---------- 3.9 Görevlerim ve İstisnalar (ADIM 8 Faz 8C, term-gorevler.js) ---------- */
/* Dokunma hedefleri >= 56 px (düğmeler, sekmeler, satırlar), aralarında >= 8 px; raf kodu ve adet 28-32 px. Renk yalnız tema sözlüğünden
   (--good / --warn / --critical / --accent; ton kenar ve zemindedir), küçük yazılar her temada --ink (açık temada >= 4.5:1).
   color-mix'i tanımayan eski WebView için düz yedek zemin önce. Gölge / animasyon yok; kart yükseklikleri sabit. */
#ekranGorevler .t2-dugme{min-height:56px;}
#ekranGorevler .t2-kart-alt, #ekranGorevler .t2-kart-bas, #ekranGorevler .t2-alan > span{color:var(--ink);}
#ekranGorevler .t2-rozet.sari, #ekranGorevler .t2-rozet.kirmizi, #ekranGorevler .t2-rozet.yesil, #ekranGorevler .t2-rozet.mavi, #ekranGorevler .t2-rozet.mor, #ekranGorevler .t2-rozet.cam{color:var(--ink);}
#ekranGorevler .t2-rozet.sari{border-color:var(--warn);}
#ekranGorevler .t2-rozet.kirmizi{border-color:var(--critical);}
#ekranGorevler .t2-rozet.yesil{border-color:var(--good);}
#ekranGorevler .t2-rozet.mavi{border-color:var(--t2-mavi);}
#ekranGorevler .t2-rozet.cam{border-color:var(--accent);}
.t2-gv{display:flex; flex-direction:column; gap:8px; min-width:0;}
.t2-gv-gun{display:flex; flex-direction:column; gap:2px; padding:8px 12px; min-height:48px; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); border-left:4px solid var(--accent); background:var(--surface);}
.t2-gv-gun b{font-size:1rem; font-weight:800; line-height:1.25; overflow-wrap:anywhere;}
.t2-gv-gun span{font-size:.8rem; color:var(--ink); overflow-wrap:anywhere;}
.t2-gv-siradaki{
  display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:72px; padding:0 16px; border-radius:var(--radius-lg,14px); border:0;
  background:var(--accent); color:var(--accent-contrast); font-size:1.35rem; font-weight:900; letter-spacing:.01em;
}
.t2-gv-siradaki svg{width:28px; height:28px; flex:none;}
.t2-gv-siradaki:disabled{background:var(--surface-3, var(--surface-2)); color:var(--ink);}
/* Sekmeler: 3 (ya da yönetici için 4) eşit sütun, sayaç rozetli */
.t2-gv-sekmeler{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;}
.t2-gv-sekmeler.dort{grid-template-columns:repeat(2, minmax(0,1fr));}
.t2-gv-sekme{
  min-height:56px; min-width:0; padding:4px 8px; border-radius:var(--radius-md,10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink);
  font:inherit; font-size:.92rem; font-weight:800; line-height:1.15; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; text-align:center;
}
.t2-gv-sekme.secili{background:var(--accent); color:var(--accent-contrast); border-color:transparent;}
.t2-gv-sayac{display:inline-block; min-width:26px; padding:1px 8px; border-radius:var(--radius-pill,999px); background:var(--surface-3, var(--surface)); color:var(--ink); font-size:.82rem; font-weight:900; font-variant-numeric:tabular-nums;}
.t2-gv-sekme.secili .t2-gv-sayac{background:var(--surface); color:var(--ink);}
#ekranGorevler .t2-gorsel-yok{color:var(--ink);}
/* Liste satırı: tür rozeti + ad + yer / adet, sağda eylem */
.t2-gv-liste{gap:8px;}
.t2-gv-satir{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; width:100%; min-height:72px; padding:8px 12px; text-align:left;
  border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); border-left:4px solid var(--accent); background:var(--surface-2); color:var(--ink); font:inherit;
}
.t2-gv-satir.istisna{grid-template-columns:auto minmax(0,1fr) auto;}
.t2-gv-satir.istisna.fotosuz{grid-template-columns:minmax(0,1fr) auto;}
.t2-gv-satir.yarim{border-left-color:var(--warn);}
.t2-gv-satir.istisna.kirmizi{border-left-color:var(--critical);}
.t2-gv-satir.istisna.sari{border-left-color:var(--warn);}
.t2-gv-satir.istisna.gri{border-left-color:var(--line);}
.t2-gv-satir:active{background:var(--surface-3, var(--surface-2));}
.t2-gv-satir.sayim{border-left-color:var(--warn);}
.t2-gv-satir-metin{min-width:0; display:flex; flex-direction:column; gap:4px;}
.t2-gv-satir-metin .ad{font-weight:800; font-size:1rem; line-height:1.25; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.t2-gv-satir-metin .meta{font-size:.85rem; color:var(--ink); overflow-wrap:anywhere; font-variant-numeric:tabular-nums;}
.t2-gv-rozetler{display:flex; flex-wrap:wrap; gap:6px;}
.t2-gv-git{display:flex; align-items:center; justify-content:center; min-width:76px; min-height:56px; padding:0 12px; border-radius:var(--radius-md,10px); background:var(--accent); color:var(--accent-contrast); font-weight:800; text-align:center;}
.t2-gv-satir.sayim .t2-dugme{min-width:112px;}
.t2-gv-foto{width:56px; height:56px; object-fit:cover; border-radius:var(--radius-sm,7px); border:1px solid var(--line-soft); background:var(--surface-3, var(--surface));}
.t2-gv-foto-buyuk{width:100%; max-height:160px; object-fit:contain; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); background:var(--surface-2);}
.t2-gv-not{padding:8px 10px; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); background:var(--surface-2); color:var(--ink); font-size:.9rem; font-weight:700; line-height:1.35; overflow-wrap:anywhere;}
.t2-gv-not.bilgi{border-left:4px solid var(--accent);}
.t2-gv-not.uyari{border:2px solid var(--warn); background:var(--surface-2); background:color-mix(in srgb, var(--warn) 14%, var(--surface));}
.t2-gv-satir-ad{font-size:1.1rem; font-weight:800; line-height:1.25; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.t2-gv-etiket{font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink);}
/* Görev kartı: kaynak → hedef raf + adet (raf kodu ve adet 28-32 px) */
.t2-gv-yol{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px;}
.t2-gv-yol.tasima{grid-template-columns:repeat(3, minmax(0,1fr));}
.t2-gv-raf{display:flex; flex-direction:column; gap:2px; min-width:0; padding:8px 10px; min-height:72px; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); background:var(--surface-2);}
.t2-gv-raf.aktif{border:2px solid var(--accent);}
.t2-gv-raf.sorunlu{border:2px solid var(--warn);}
.t2-gv-raf-kod{display:block; font-size:clamp(28px, 1.875rem, 32px); font-weight:900; line-height:1.1; letter-spacing:.01em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; min-width:0;}
.t2-gv-raf .t2-rozetler{margin-top:2px; min-width:0; max-width:100%;}
#ekranGorevler .t2-gv-raf .t2-rozet{max-width:100%; white-space:normal; overflow-wrap:anywhere; text-align:left; border-radius:12px;}
.t2-gv-alt{font-size:.8rem; color:var(--ink);}
.t2-gv-adimlar{list-style:none; margin:0; padding:0; display:grid; gap:6px;}
.t2-gv-adimlar li{display:flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:4px 6px; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); background:var(--surface-2); color:var(--ink); font-size:.82rem; font-weight:800; line-height:1.15; text-align:center;}
.t2-gv-adimlar li > span{flex:none; width:22px; height:22px; border-radius:50%; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; font-size:.75rem;}
.t2-gv-adimlar li svg{flex:none; width:18px; height:18px; color:var(--good);}
.t2-gv-adimlar li.aktif{border:2px solid var(--accent);}
.t2-gv-panel{display:flex; flex-direction:column; gap:8px; min-width:0;}
.t2-gv-panel:empty{display:none;}
.t2-gv-bekle{font-size:1.3rem; font-weight:900; line-height:1.2; overflow-wrap:anywhere;}
.t2-gv-bekle b{font-size:clamp(28px, 1.875rem, 32px);}
.t2-gv-adet{grid-template-columns:72px minmax(0,1fr) 72px;}
.t2-gv-adet .t2-et-adet-deger{color:var(--ink); font:inherit; font-size:2.8rem; font-weight:900;}
.t2-gv-nedenler{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px;}
.t2-gv-nedenler .t2-dugme{min-width:0; white-space:normal; line-height:1.2; padding:8px 10px; font-size:1.05rem;}
.t2-gv-alan{width:100%; min-height:88px; padding:10px 12px; border-radius:var(--radius-md,10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font:inherit; font-size:1rem; line-height:1.35; resize:none; user-select:text; -webkit-user-select:text;}
.t2-gv-son{display:flex; align-items:center; gap:10px; padding:10px 12px; min-height:56px; border-radius:var(--radius-md,10px); border:2px solid var(--good); background:var(--surface-2); background:color-mix(in srgb, var(--good) 12%, var(--surface)); color:var(--ink); font-weight:800;}
.t2-gv-son.test{border-color:var(--warn); background:var(--surface-2); background:color-mix(in srgb, var(--warn) 12%, var(--surface));}
.t2-gv-son svg{flex:none; width:24px; height:24px; color:var(--good);}
.t2-gv-son.test svg{color:var(--warn);}
.t2-gv-eylemler{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;}
.t2-gv-eylemler .t2-dugme{min-width:0; white-space:normal; line-height:1.15; padding:6px 8px; font-size:.9rem;}
/* Personel performansı D5 (2026-10-30): Görevlerim bekleme nedeni — yalnız /durum ayar.depoBekleme açıkken çizilen öğeler (kapalıyken hiçbir öğeye uymaz).
   Dörtlü eylem satırı 2×2 (Bekliyorum · İstisna / Havuza bırak · Listeye dön); tek kalan son neden düğmesi iki sütuna yayılır; Devam et ≥ 56 px. */
.t2-gv-eylemler.dort{grid-template-columns:repeat(2, minmax(0,1fr));}
.t2-gv-nedenler.bekleme > :last-child:nth-child(odd){grid-column:1 / -1;}
.t2-gv-bekleme .t2-dugme.tam{min-height:56px; font-size:1.05rem;}
.t2-gv-gorev.bitti{border-left-color:var(--good);}
.t2-gv-tus-ust{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:stretch;}
.t2-gv-tus-deger{min-height:56px; display:flex; align-items:center; justify-content:center; font-size:2.1rem; font-weight:900; line-height:1; font-variant-numeric:tabular-nums; border-radius:var(--radius-md,10px); background:var(--surface-2); border:1px solid var(--line-soft);}
.t2-gv-tus-deger span{color:var(--ink);}
.t2-gv-tus .t2-tus-takimi{gap:6px;}
.t2-gv-ayrinti .t2-satir{margin-top:2px;}
/* Taşıma kartı: dar ekranda kaynak + hedef yan yana, adet tam genişlikte tek satır (raf kodu 28-32 px bölünmesin) */
@media (max-width:520px){
  .t2-gv-yol.tasima{grid-template-columns:repeat(2, minmax(0,1fr));}
  .t2-gv-yol.tasima .t2-gv-raf.adet{grid-column:1 / -1; flex-direction:row; align-items:center; justify-content:space-between; min-height:56px; padding:6px 12px;}
  .t2-gv-yol.tasima .t2-gv-raf.adet .t2-gv-alt{margin-left:auto; padding-right:10px;}
}
@media (max-width:375px){
  .t2-gv-sekme{font-size:.84rem; padding:4px;}
  .t2-gv-adet{grid-template-columns:64px minmax(0,1fr) 64px;}
  .t2-gv-eylemler .t2-dugme{font-size:.82rem; padding:6px 4px;}
  .t2-gv-git{min-width:64px; padding:0 8px;}
}
@media (max-height:700px){ .t2-gv-tus{padding:8px 10px; gap:4px;} .t2-gv-tus .t2-tus-takimi{gap:4px;} }

/* ---------- 3.10 Yönlendirilmiş Toplama (ADIM 9 Faz 9A, term-topla.js) ---------- */
/* Dokunma hedefleri >= 56 px (düğmeler, Diğer öğeleri, eksik kartı), aralarında >= 8 px; raf kodu 28-32 px. Aktif durak kartı
   360x640'ta kaydırmadan alt çubuğun üstünde biter (sözleşme E53): ürün görseli yalnız >= 700 px yükseklikte, beden şeridi bilgi
   amaçlı küçük çip (dokunulmaz), sipariş çipleri sarar. Renk yalnız tema sözlüğünden (--good / --warn / --critical / --accent; ton
   kenar ve zemindedir), küçük yazılar her temada --ink (açık temada >= 4.5:1). color-mix'i tanımayan eski WebView için düz yedek
   zemin önce. Gölge / animasyon / saydamlık yok; durum renkle birlikte metinle de yazılır. */
#ekranTopla .t2-dugme{min-height:56px;}
#ekranTopla .t2-kart-alt, #ekranTopla .t2-kart-bas{color:var(--ink);}
#ekranTopla .t2-rozet.sari, #ekranTopla .t2-rozet.kirmizi, #ekranTopla .t2-rozet.yesil, #ekranTopla .t2-rozet.mavi, #ekranTopla .t2-rozet.cam{color:var(--ink);}
#ekranTopla .t2-rozet.sari{border-color:var(--warn);}
#ekranTopla .t2-rozet.kirmizi{border-color:var(--critical);}
#ekranTopla .t2-rozet.yesil{border-color:var(--good);}
#ekranTopla .t2-rozet.cam{border-color:var(--accent);}
.t2-tp{display:flex; flex-direction:column; gap:8px; min-width:0;}
.t2-tp-talimat{display:flex; flex-direction:column; gap:2px; padding:4px 4px 0;}
.t2-tp-talimat b{font-size:1.3rem; font-weight:900; line-height:1.2;}
.t2-tp-talimat span{font-size:.9rem; color:var(--ink); overflow-wrap:anywhere;}
.t2-tp-not{padding:8px 10px; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); background:var(--surface-2); color:var(--ink); font-size:.9rem; font-weight:700; line-height:1.35; overflow-wrap:anywhere;}
.t2-tp-not.bilgi{border-left:4px solid var(--accent);}
.t2-tp-not.uyari{border:2px solid var(--warn); background:var(--surface-2); background:color-mix(in srgb, var(--warn) 14%, var(--surface));}
/* T0: sıradaki toplama + yarım kalan tur + eksik bekleyenler */
.t2-tp-sayilar{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;}
.t2-tp-sayilar > div{display:flex; flex-direction:column; gap:2px; min-width:0; padding:6px 10px; min-height:56px; border-radius:var(--radius-md,10px); background:var(--surface-2); border:1px solid var(--line-soft); border-left:4px solid var(--line);}
.t2-tp-sayilar > div.kirmizi{border-left-color:var(--critical);}
.t2-tp-sayilar > div.sari{border-left-color:var(--warn);}
.t2-tp-sayilar > div.yesil{border-left-color:var(--good);}
.t2-tp-sayilar b{font-size:1.5rem; font-weight:900; line-height:1.1; font-variant-numeric:tabular-nums;}
.t2-tp-sayilar span{font-size:.78rem; font-weight:700; color:var(--ink); overflow-wrap:anywhere;}
.t2-tp-enacil{display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:.9rem; color:var(--ink);}
.t2-tp-enacil b{font-variant-numeric:tabular-nums;}
.t2-tp-acik .t2-kart-baslik{font-size:1.15rem;}
.t2-tp-eksik-kart{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; width:100%; min-height:72px; padding:8px 12px; text-align:left;
  border-radius:var(--radius-lg,14px); border:1px solid var(--line-soft); border-left:4px solid var(--warn); background:var(--surface); color:var(--ink); font:inherit;
}
.t2-tp-eksik-kart:active{background:var(--surface-2);}
.t2-tp-eksik-metin{display:flex; flex-direction:column; gap:2px; min-width:0;}
.t2-tp-eksik-metin b{font-size:1.05rem; font-weight:800; line-height:1.25;}
.t2-tp-eksik-metin span{font-size:.82rem; color:var(--ink);}
.t2-tp-eksik-git{display:flex; align-items:center; justify-content:center; min-width:76px; min-height:56px; padding:0 12px; border-radius:var(--radius-md,10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font-weight:800;}
.t2-tp-eksik{display:flex; flex-direction:column; gap:2px; min-height:56px; padding:8px 10px; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); border-left:4px solid var(--warn); background:var(--surface-2); color:var(--ink);}
.t2-tp-eksik-ust{display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0;}
.t2-tp-eksik-ust b{font-size:1rem; font-weight:800; font-variant-numeric:tabular-nums; overflow-wrap:anywhere;}
.t2-tp-eksik .ad{font-weight:700; font-size:.92rem; line-height:1.25; overflow-wrap:anywhere;}
.t2-tp-eksik .meta{font-size:.8rem; color:var(--ink); overflow-wrap:anywhere;}
/* 9C eksik tamamla: sipariş kimliği gelen satırda sağda 'Tamamla' (>= 56 px); 2+ siparişte listenin üstünde tek düğme. 9B-2 Sorgu
   'Topla' kısayolunun 'Okuttuğun sipariş' kartı / notu. */
.t2-tp-eksik.tamamlanir{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:8px;}
.t2-tp-eksik-bilgi{display:flex; flex-direction:column; gap:2px; min-width:0;}
#ekranTopla .t2-tp-tamamla{min-width:96px; padding:0 12px;}
#ekranTopla .t2-tp-tamamla-hepsi{min-height:56px;}
.t2-tp-odak .t2-sag{font-variant-numeric:tabular-nums;}
/* T2: aktif durak kartı */
.t2-tp-durak{display:flex; flex-direction:column; gap:6px; min-width:0; padding:10px 12px; border-radius:var(--radius-lg,14px); border:2px solid var(--accent); background:var(--surface);}
.t2-tp-durak.rafsiz{border-color:var(--line);}
.t2-tp-durak.tamam{border-color:var(--good); background:var(--surface); background:color-mix(in srgb, var(--good) 12%, var(--surface));}
.t2-tp-ust{display:flex; flex-wrap:wrap; align-items:center; gap:6px; min-height:28px;}
.t2-tp-sayac{margin-right:auto; font-size:.82rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink);}
#ekranTopla .t2-tp-termin{padding:2px 10px;}
.t2-tp-raf{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:4px 10px; align-items:center; min-height:56px; padding:4px 10px; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); border-left:4px solid var(--accent); background:var(--surface-2);}
.t2-tp-raf > svg{width:26px; height:26px; color:var(--accent);}
.t2-tp-raf.gerekli, .t2-tp-raf.sayiliyor{border-left-color:var(--warn);}
.t2-tp-raf.okundu{border-left-color:var(--good);}
.t2-tp-raf.okundu > svg{color:var(--good);}
.t2-tp-raf.rafsiz{grid-template-columns:auto minmax(0,1fr); border-left-color:var(--line);}
.t2-tp-raf.rafsiz > svg{color:var(--ink);}
.t2-tp-raf-metin{display:flex; flex-direction:column; gap:0; min-width:0;}
.t2-tp-etiket{font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink);}
.t2-tp-raf-kod{display:block; min-width:0; font-size:clamp(28px, 1.875rem, 32px); font-weight:900; line-height:1.1; letter-spacing:.01em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere;}
.t2-tp-rafsiz{display:block; font-size:1.05rem; font-weight:900; line-height:1.2; overflow-wrap:anywhere;}
.t2-tp-raf-durum{display:inline-flex; align-items:center; justify-content:flex-end; gap:4px; max-width:8.5em; color:var(--ink); font-size:.76rem; font-weight:800; line-height:1.2; text-align:right;}
.t2-tp-raf-durum svg{flex:none; width:18px; height:18px; color:var(--good);}
.t2-tp-raf-durum.gerekli{padding:4px 8px; border-radius:var(--radius-pill,999px); border:1px solid var(--warn); background:var(--surface); background:color-mix(in srgb, var(--warn) 18%, var(--surface));}
.t2-tp-urun{display:flex; align-items:center; gap:10px; min-width:0;}
.t2-tp-gorsel{display:none; flex:none; width:72px; height:96px; object-fit:cover; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); background:var(--surface-2);}
@media (min-height:700px){ .t2-tp-gorsel{display:block;} }
.t2-tp-urun-metin{display:flex; flex-direction:column; gap:2px; min-width:0;}
.t2-tp-urun-ad{font-size:1.15rem; font-weight:800; line-height:1.25; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.t2-tp-urun-metin .meta{font-size:.8rem; color:var(--ink); overflow-wrap:anywhere;}
.t2-tp-orta{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center;}
.t2-tp-bedenler{display:flex; flex-wrap:wrap; align-items:center; gap:4px; min-width:0;}
.t2-tp-beden{display:inline-flex; align-items:center; justify-content:center; min-width:34px; min-height:30px; padding:0 6px; border-radius:var(--radius-sm,7px); border:1px solid var(--line-soft); background:var(--surface-2); color:var(--ink); font-size:.8rem; font-weight:700;}
.t2-tp-beden.secili{min-width:48px; min-height:40px; border:2px solid var(--accent); background:var(--surface-2); background:color-mix(in srgb, var(--accent) 22%, var(--surface)); font-size:1.15rem; font-weight:900;}
.t2-tp-adet{display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:84px; min-height:64px; padding:4px 10px; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); background:var(--surface-2);}
.t2-tp-adet b{font-size:clamp(28px, 2rem, 34px); font-weight:900; line-height:1; font-variant-numeric:tabular-nums;}
.t2-tp-adet span{font-size:.8rem; font-weight:800; color:var(--ink);}
.t2-tp-adet small{font-size:.72rem; color:var(--ink); white-space:nowrap; font-variant-numeric:tabular-nums;}
.t2-tp-adet.tamam{border:2px solid var(--good);}
.t2-tp-adet.tamam svg{width:30px; height:30px; color:var(--good);}
.t2-tp-siparisler{display:flex; flex-wrap:wrap; gap:4px;}
.t2-tp-sip{display:inline-flex; align-items:center; gap:4px; min-height:28px; padding:2px 8px; border-radius:var(--radius-pill,999px); border:1px solid var(--line-soft); background:var(--surface-2); color:var(--ink); font-size:.78rem; font-weight:600; font-variant-numeric:tabular-nums;}
.t2-tp-sip.tamam{border-color:var(--good);}
.t2-tp-sip.engelli{border-color:var(--warn);}
.t2-tp-sip.kapali{border-style:dashed;}
.t2-tp-sip.dar{display:none;}
.t2-tp-uyari-ek{padding:0 8px; color:var(--ink); font-size:.8rem; font-weight:700; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t2-tp-uyari{display:flex; align-items:flex-start; gap:6px; padding:6px 8px; border-radius:var(--radius-md,10px); border:1px solid var(--warn); border-left-width:4px; background:var(--surface-2); color:var(--ink); font-size:.84rem; font-weight:700; line-height:1.3; overflow-wrap:anywhere;}
.t2-tp-uyari.kirmizi{border-color:var(--critical);}
.t2-tp-uyari svg{flex:none; width:18px; height:18px; color:var(--warn);}
.t2-tp-uyari.kirmizi svg{color:var(--critical);}
.t2-tp-sonraki{display:flex; align-items:center; gap:6px; min-width:0; padding-top:4px; border-top:1px solid var(--line-soft); color:var(--ink); font-size:.82rem;}
.t2-tp-sonraki span{min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t2-tp-sonraki svg{flex:none; width:16px; height:16px;}
/* Diğer sayfası */
.t2-tp-diger{display:flex; flex-direction:column; gap:8px;}
.t2-tp-diger-oge{
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; width:100%; min-height:64px; padding:8px 12px; text-align:left;
  border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); border-left:4px solid var(--accent); background:var(--surface-2); color:var(--ink); font:inherit;
}
.t2-tp-diger-oge b{font-size:1.05rem; font-weight:800; line-height:1.25;}
.t2-tp-diger-oge span{font-size:.82rem; color:var(--ink); overflow-wrap:anywhere;}
.t2-tp-diger-oge.bitir{border-left-color:var(--warn);}
.t2-tp-diger-oge[aria-disabled="true"]{border-style:dashed; border-left-color:var(--line); background:var(--surface);}
.t2-tp-diger-oge:active{background:var(--surface-3, var(--surface-2));}
/* T3 sonuç kartları + geri koy listesi */
.t2-tp-sonuc{border-width:2px;}
.t2-tp-sonuc.yesil{border-color:var(--good); background:var(--surface); background:color-mix(in srgb, var(--good) 10%, var(--surface));}
.t2-tp-sonuc.sari{border-color:var(--warn); background:var(--surface); background:color-mix(in srgb, var(--warn) 10%, var(--surface));}
.t2-tp-sonuc.kirmizi{border-color:var(--critical); background:var(--surface); background:color-mix(in srgb, var(--critical) 10%, var(--surface));}
.t2-tp-sonuc.gri{border-color:var(--line);}
.t2-tp-sonuc-bas{display:flex; align-items:flex-start; gap:10px; flex-wrap:wrap;}
.t2-tp-sonuc-bas > svg{flex:none; width:30px; height:30px; color:var(--ink);}
.t2-tp-sonuc.yesil .t2-tp-sonuc-bas > svg{color:var(--good);}
.t2-tp-sonuc.sari .t2-tp-sonuc-bas > svg{color:var(--warn);}
.t2-tp-sonuc.kirmizi .t2-tp-sonuc-bas > svg{color:var(--critical);}
.t2-tp-sonuc-bas > b{flex:1 1 200px; min-width:0; font-size:1.25rem; font-weight:900; line-height:1.25; overflow-wrap:anywhere;}
.t2-tp-bolum{font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--ink);}
.t2-tp-meta{font-size:.84rem; color:var(--ink); overflow-wrap:anywhere;}
.t2-tp-geri{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:8px; align-items:center; min-height:56px; padding:6px 10px; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); border-left:4px solid var(--warn); background:var(--surface-2); color:var(--ink);}
.t2-tp-geri-raf{max-width:8em; font-size:1.2rem; font-weight:900; font-variant-numeric:tabular-nums; overflow-wrap:anywhere;}
.t2-tp-geri-metin{display:flex; flex-direction:column; gap:2px; min-width:0;}
.t2-tp-geri-metin .ad{font-weight:700; font-size:.92rem; line-height:1.25; overflow-wrap:anywhere;}
.t2-tp-geri-metin .meta{font-size:.78rem; color:var(--ink); overflow-wrap:anywhere;}
.t2-tp-geri-adet{font-size:1.05rem; font-weight:900; white-space:nowrap; font-variant-numeric:tabular-nums;}
/* 9C eksik tamamla: tura eklenmeyen siparişler (sipariş no + neden) */
.t2-tp-red{display:flex; flex-direction:column; gap:2px; min-height:48px; padding:6px 10px; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); border-left:4px solid var(--warn); background:var(--surface-2); color:var(--ink);}
.t2-tp-red b{font-size:.95rem; font-weight:800; font-variant-numeric:tabular-nums; overflow-wrap:anywhere;}
.t2-tp-red span{font-size:.82rem; color:var(--ink); overflow-wrap:anywhere;}
/* T4 özet: 375 px tek sütun, geniş ekranda (kabuk 720 px) iki sütun; geri konacaklar tam genişlik */
.t2-tp-ozet-izgara{display:grid; grid-template-columns:minmax(0,1fr); gap:8px; align-items:start;}
@media (min-width:600px){
  .t2-tp-ozet-izgara{grid-template-columns:repeat(2, minmax(0,1fr));}
  .t2-tp-geri-kart{grid-column:1 / -1;}
}
.t2-tp-geri-kart.onaylandi{border-left-color:var(--good);}
.t2-tp-ozet-satir{display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:56px; padding:4px 10px; border-radius:var(--radius-md,10px); border:1px solid var(--line-soft); background:var(--surface-2); color:var(--ink); font-size:.92rem;}
.t2-tp-ozet-satir.kalem{flex-direction:column; align-items:flex-start; justify-content:center; gap:2px;}
.t2-tp-ozet-satir b{font-variant-numeric:tabular-nums; overflow-wrap:anywhere;}
.t2-tp-ozet-satir .ad{font-weight:700; overflow-wrap:anywhere;}
.t2-tp-ozet-satir .meta{font-size:.8rem; color:var(--ink); overflow-wrap:anywhere;}
.t2-tp-baglanti{min-height:56px; padding:0; border:0; background:none; color:var(--ink); font:inherit; font-weight:800; text-align:left; text-decoration:underline; text-decoration-color:var(--accent); text-underline-offset:3px; overflow-wrap:anywhere;}
@media (max-width:375px){
  .t2-tp-durak{padding:8px 10px;}
  .t2-tp-sayilar{gap:6px;}
  .t2-tp-sayilar > div{padding:6px 8px;}
  .t2-tp-adet{min-width:76px;}
}
/* 5 sn 'Geri al' şeridi açıkken (kökte t2-tp-serit; şerit gövdeyi ~75 px kısaltır) kart özetlenir: şerit sipariş no + ilerlemeyi
   zaten söyler, sipariş çipleri ve 'Sonra:' satırı şerit kapanınca geri gelir (E53). */
html.t2-tp-serit #ekranTopla .t2-tp-sonraki, html.t2-tp-serit #ekranTopla .t2-tp-siparisler{display:none;}
/* Kısa ekran (360×640): aktif durak kartı kaydırma kabının (#govde, alt kenarı okutma alanının üstü) içine kaydırmasız sığar (E53):
   test rozeti gizli (üst bant söylüyor; 420 px'ten dar ekranda da, yoksa başlıkta ikinci satıra kayıyor), stok kodu satırı gizli
   (beden şeritte), adet kutusu tek satır, sipariş çipleri tek satır (ilk ikisi + '+n sipariş'), uyarı metni en çok iki satır (başka
   uyarı da varsa bir satır + özet), Topla'da şerit sıkı. Ölçüt: kartın alt kenarı <= #govde'nin alt kenarı ve govde scrollHeight <=
   clientHeight (360×640: varsayılan / 3 sipariş + 3 uyarı / test bandı / ikisi birden; şeritli ve şeritsiz). */
@media (max-width:420px){ .t2-tp-ust > .t2-rozet:not(.t2-tp-termin){display:none;} }
@media (max-height:660px){
  .t2-tp-durak{gap:4px; padding:8px 10px;}
  .t2-tp-ust{min-height:26px;}
  .t2-tp-ust > .t2-rozet:not(.t2-tp-termin){display:none;}
  .t2-tp-raf{min-height:48px; padding:2px 10px;}
  .t2-tp-raf-kod{line-height:1;}
  .t2-tp-raf .t2-tp-etiket{line-height:1.15;}
  .t2-tp-urun-ad{font-size:1.05rem;}
  .t2-tp-urun-metin .meta{display:none;}
  .t2-tp-adet{min-height:52px; flex-direction:row; align-items:baseline; column-gap:4px; padding:2px 8px;}
  .t2-tp-adet small{display:none;}
  .t2-tp-siparisler{flex-wrap:nowrap; overflow:hidden;}
  .t2-tp-sip{display:inline-block; flex:0 1 auto; min-width:0; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .t2-tp-sip:first-child, .t2-tp-sip.dar{flex-shrink:0;}
  .t2-tp-sip:nth-child(n+3):not(.dar){display:none;}
  .t2-tp-sip.dar{display:inline-block;}
  .t2-tp-uyari span{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
  .t2-tp-uyari.ozetli span{-webkit-line-clamp:1;}
  html.t2-tp-aktif #termGeriAlYeri > .t2-geri-al{padding:4px 8px; margin-bottom:4px;}
}

/* ---------- Stok Gir (2026-10-24, term-stok.js) ----------
   Beden satırı 375 px'te üç sıra (beden | stok + önizleme | Kaydet · − alan [±] + · ileti), 640 px üstünde tek sıra. Dokunma hedefi −/+, alan ve
   Kaydet 56 px. Durum yalnız renkle değil: önizleme metni (4 → 7) + satır iletisi. Gölge / animasyon yok; renkler tema değişkenleri. */
.t2-sg{display:flex; flex-direction:column; gap:8px;}
.t2-sg [hidden]{display:none !important;}
.t2-sg-ust{display:flex; flex-direction:column; gap:6px;}
.t2-sg-mod{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:4px; padding:4px; border-radius:var(--radius-lg, 14px); background:var(--surface-2); border:1px solid var(--line-soft);}
.t2-sg-mod-dugme{min-height:48px; border:0; border-radius:var(--radius-md, 10px); background:transparent; color:var(--ink); font-weight:800; font-size:.95rem; padding:0 8px;}
.t2-sg-mod-dugme.secili{background:var(--accent); color:var(--accent-contrast);}
.t2-sg-mod-dugme:focus-visible, .t2-sg-adim:focus-visible, .t2-sg-isaret:focus-visible, .t2-sg-kaydet:focus-visible, .t2-sg-beden:focus-visible, .t2-sg-geri:focus-visible{outline:3px solid var(--accent); outline-offset:2px;}
.t2-sg-arti1{padding:0 4px; border-bottom:none;}
.t2-sg-arti1 > span small{display:block; font-weight:400; color:var(--ink-muted); font-size:.78rem;}
.t2-sg-urun .t2-sg-gorsel{width:76px; height:98px;}
.t2-sg-salt{font-size:.88rem; font-weight:700; color:var(--ink); padding:8px 10px; border-radius:var(--radius-md, 10px); background:var(--surface-2); background:color-mix(in srgb, var(--warn) 16%, var(--surface)); border:1px solid var(--warn);}
.t2-sg-liste{display:flex; flex-direction:column; gap:8px;}
.t2-sg-satir{
  display:grid; grid-template-columns:72px minmax(0,1fr) auto;
  grid-template-areas:"beden stok kaydet" "beden oniz kaydet" "giris giris giris";
  gap:6px 10px; align-items:center; padding:8px; border-radius:var(--radius-lg, 14px); border:2px solid var(--line-soft); background:var(--surface);
}
.t2-sg-satir.mesajli{grid-template-areas:"beden stok kaydet" "beden oniz kaydet" "giris giris giris" "mesaj mesaj mesaj";}
.t2-sg-satir.salt{grid-template-areas:"beden stok kaydet" "beden oniz kaydet";}
.t2-sg-satir.aktif{border-color:var(--accent); background:var(--surface); background:color-mix(in srgb, var(--accent) 8%, var(--surface));}
.t2-sg-satir.kirli, .t2-sg-satir.uyarili{border-left:6px solid var(--warn);}
.t2-sg-satir.gecersiz, .t2-sg-satir.hata{border-left:6px solid var(--critical);}
.t2-sg-satir.kaydedildi{border-left:6px solid var(--good);}
.t2-sg-satir.kaydediyor{border-style:dashed;}
.t2-sg-beden{grid-area:beden; align-self:stretch; min-height:56px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; padding:4px;
  border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); min-width:0;}
.t2-sg-beden b{font-size:1.3rem; font-weight:900; line-height:1.1; overflow-wrap:anywhere; text-align:center;}
.t2-sg-beden small{font-size:.7rem; color:var(--ink-muted); font-variant-numeric:tabular-nums; white-space:nowrap;}
.t2-sg-satir.aktif .t2-sg-beden{background:var(--accent); color:var(--accent-contrast); border-color:transparent;}
.t2-sg-satir.aktif .t2-sg-beden small{color:inherit;}
.t2-sg-stok{grid-area:stok; min-width:0; display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 8px;}
.t2-sg-stok > span{font-size:.7rem; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-muted);}
.t2-sg-stok > b{font-size:1.6rem; font-weight:900; line-height:1; font-variant-numeric:tabular-nums;}
.t2-sg-stok > small{font-size:.74rem; color:var(--ink-muted); white-space:nowrap;}
.t2-sg-onizleme{grid-area:oniz; min-width:0; min-height:1.3em; font-size:1rem; font-variant-numeric:tabular-nums; overflow-wrap:anywhere;}
.t2-sg-onizleme small{color:var(--ink-muted);}
.t2-sg-gecersiz{color:var(--critical); font-weight:700; font-size:.82rem;}
.t2-sg-giris{grid-area:giris; display:grid; grid-template-columns:56px minmax(0,1fr) 56px; gap:8px; min-width:0;}
.t2-sg-giris.ekle{grid-template-columns:56px minmax(0,1fr) 48px 56px;}
.t2-sg-adim, .t2-sg-isaret{min-height:56px; min-width:0; border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font-size:1.6rem; font-weight:900; padding:0; line-height:1;}
.t2-sg-isaret{font-size:1.3rem;}
.t2-sg-adim:active, .t2-sg-isaret:active{background:var(--surface-3);}
.t2-sg-alan{min-width:0; width:100%; min-height:56px; border-radius:var(--radius-md, 10px); border:2px solid var(--line); background:var(--surface-2); color:var(--ink);
  font-size:1.6rem; font-weight:900; text-align:center; font-variant-numeric:tabular-nums; padding:0 6px; user-select:text; -webkit-user-select:text;}
.t2-sg-alan:focus{outline:2px solid var(--accent); outline-offset:1px; border-color:var(--accent);}
.t2-sg-alan::placeholder{color:var(--ink-muted); font-weight:600;}
.t2-sg-kaydet{grid-area:kaydet; align-self:stretch; min-height:56px; min-width:84px; border:0; border-radius:var(--radius-md, 10px); background:var(--accent); color:var(--accent-contrast); font-weight:800; font-size:.95rem; padding:0 12px;}
.t2-sg-satir.hata .t2-sg-kaydet{background:var(--surface-2); color:var(--critical); border:2px solid var(--critical);}
/* Değişikliği olmayan satırın Kaydet düğmesi sakin (birincil renk yalnız kaydedilecek satırda) */
.t2-sg-satir:not(.kirli):not(.hata):not(.gecersiz) .t2-sg-kaydet{background:var(--surface-2); color:var(--ink-muted); border:1px solid var(--line);}
.t2-sg-mesaj{grid-area:mesaj; font-size:.85rem; font-weight:600; color:var(--ink); overflow-wrap:anywhere;}
.t2-sg-satir.hata .t2-sg-mesaj, .t2-sg-satir.gecersiz .t2-sg-mesaj{color:var(--critical);}
.t2-sg-tazefark{flex-basis:100%; font-size:.72rem; color:var(--ink-muted);}
.t2-sg-son .t2-sg-geri{min-height:48px; padding:0 12px; gap:6px;}
.t2-sg-son .t2-sg-geri svg{width:18px; height:18px;}
.t2-sg-aday{width:100%; text-align:left; color:var(--ink); font:inherit;}
@media (min-width:640px){
  .t2-sg-ust{flex-direction:row; align-items:center;}
  .t2-sg-mod{flex:1 1 auto;}
  .t2-sg-arti1{flex:0 1 330px;}
  .t2-sg-satir{grid-template-columns:84px minmax(0,1fr) auto auto; grid-template-areas:"beden stok giris kaydet" "beden oniz giris kaydet";}
  .t2-sg-satir.mesajli{grid-template-areas:"beden stok giris kaydet" "beden oniz giris kaydet" "mesaj mesaj mesaj mesaj";}
  .t2-sg-satir.salt{grid-template-columns:84px minmax(0,1fr); grid-template-areas:"beden stok" "beden oniz";}
  .t2-sg-giris{grid-template-columns:56px 112px 56px; align-self:stretch;}
  .t2-sg-giris.ekle{grid-template-columns:56px 100px 48px 56px;}
}

/* ---------- Stok Say (Terminal 3 bölüm Faz 1, 2026-10-24, term-stoksay.js) ----------
   Sayım ekranı 360×640 ve 375×667'de 8 bedenli model kaydırmadan görünür (ölçüt 23): ekran açıkken (body.t2-ss-acik) ipucu satırı gizli, okutma alanı
   44 px, alt çubuk 56 px; 6'dan çok bedende döşemeler üç sütun. Dokunma hedefi >= 48 px (sayı ve karar düğmeleri 56 px). Gölge / animasyon / saydamlık yok
   (okutma vurgusu kısa süreli sınıf: kenar rengi); renkler tema değişkenleri; color-mix kullanan kuralda düz yedek önce. */
.t2-ss{display:flex; flex-direction:column; gap:6px; min-width:0;}
.t2-ss [hidden]{display:none !important;}
body.t2-ss-acik .t2-ipucu{display:none;}
body.t2-ss-acik .t2-okut-alan input{min-height:44px; padding-top:6px; padding-bottom:6px; font-size:1.1rem;}
body.t2-ss-acik .t2-okut-not{display:none;}
body.t2-ss-acik .t2-hazir{top:16px;}
body.t2-ss-acik .t2-alt .t2-birincil, body.t2-ss-acik .t2-alt .t2-ikincil{min-height:56px;}
body.t2-ss-acik .t2-alt .t2-ikincil{flex:1 1 0; min-width:0;}
body.t2-ss-acik .t2-alt .t2-birincil{flex:1.5 1 0; min-width:0;}
body.t2-ss-acik .t2-alt .t2-ss-kamera-alt{flex:0 0 56px; min-width:56px; padding:0; display:inline-flex; align-items:center; justify-content:center;}
body.t2-ss-acik .t2-alt .t2-ss-kamera-alt[aria-pressed="true"]{border-color:var(--accent); color:var(--accent);}
.t2-ss-kamera-alt svg{width:26px; height:26px;}

/* başlık: model · oturum · site rozeti (rozet uzunsa kısalır, tam metin dokununca kartta) */
.t2-ss-bas{display:flex; align-items:center; gap:8px; min-height:40px; min-width:0;}
.t2-ss-bas.test{border-bottom:3px dashed var(--warn); padding-bottom:2px;}
.t2-ss-baslik{flex:1 1 auto; min-width:0; font-size:1.05rem; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t2-ss-oturum{flex:none; font-size:.75rem; color:var(--ink-muted); white-space:nowrap;}
.t2-ss-rozet-yeri{flex:0 1 auto; min-width:0; max-width:58%; display:flex;}
.t2-ss-rozet{min-height:40px; max-width:100%; padding:4px 10px; border-radius:var(--radius-pill, 999px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink);
  font-size:.74rem; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;}
.t2-ss-rozet.mavi{border-color:var(--t2-mavi); background:var(--surface-2); background:color-mix(in srgb, var(--t2-mavi) 18%, var(--surface));}
.t2-ss-rozet.yesil{border-color:var(--good); background:var(--surface-2); background:color-mix(in srgb, var(--good) 18%, var(--surface));}
.t2-ss-rozet.kirmizi{border-color:var(--critical); background:var(--surface-2); background:color-mix(in srgb, var(--critical) 18%, var(--surface));}
.t2-ss-rozet.turuncu{border-color:var(--warn); background:var(--surface-2); background:color-mix(in srgb, var(--warn) 22%, var(--surface));}
.t2-ss-rozet.deneme, .t2-ss-rozet.test{border-style:dashed; border-color:var(--warn); background-image:repeating-linear-gradient(135deg, transparent 0 6px, var(--surface-3) 6px 12px);}
.t2-ss-rozet .kisa{display:none;}
@media (max-width:520px){ .t2-ss-rozet .uzun{display:none;} .t2-ss-rozet .kisa{display:inline;} }
.t2-ss-durum{display:flex; flex-wrap:wrap; gap:4px 10px; font-size:.74rem; color:var(--ink-muted); min-width:0;}
.t2-ss-durum:empty{display:none;}
.t2-ss-durum > *{white-space:nowrap;}
.t2-ss-durum button{min-height:28px; padding:0 8px; border-radius:var(--radius-sm, 7px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font-size:.74rem; font-weight:700;}
.t2-ss-durum .sari{color:var(--ink); font-weight:800;}
.t2-ss-durum .kirmizi{color:var(--critical); font-weight:800;}

/* kip: OKUT +1 (yeşil) / ELLE ADET (tema vurgusu) + diğer işlemler */
.t2-ss-kip{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 56px; gap:4px; padding:3px; border-radius:var(--radius-lg, 14px); background:var(--surface-2); border:1px solid var(--line-soft);}
.t2-ss-kip-dugme{min-height:48px; min-width:0; border:0; border-radius:var(--radius-md, 10px); background:transparent; color:var(--ink); font-weight:900; font-size:1rem; letter-spacing:.02em; padding:0 6px;}
.t2-ss-kip-dugme.okut.secili{background:var(--good); color:var(--bg);}
.t2-ss-kip-dugme.elle.secili{background:var(--accent); color:var(--accent-contrast);}
.t2-ss-dahafazla{min-height:48px; border:1px solid var(--line); border-radius:var(--radius-md, 10px); background:var(--surface); color:var(--ink); font-size:1.4rem; font-weight:900; padding:0;}
.t2-ss-carpan{display:flex; align-items:center; gap:8px; min-height:40px; padding:4px 6px 4px 12px; border-radius:var(--radius-md, 10px); border:2px solid var(--warn);
  background:var(--surface-2); background:color-mix(in srgb, var(--warn) 30%, var(--surface)); color:var(--ink); font-weight:900; font-size:1rem;}
.t2-ss-carpan button{margin-left:auto; min-height:48px; padding:0 12px; border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface); color:var(--ink); font-weight:800;}

/* ekran içi şerit (yeni model, geri alındı, başkası sayıyor …) */
.t2-ss-serit{display:flex; align-items:center; flex-wrap:wrap; gap:6px 8px; min-height:48px; padding:4px 6px 4px 10px; border-radius:var(--radius-md, 10px); border:1px solid var(--line);
  background:var(--surface-2); color:var(--ink); font-size:.86rem; font-weight:700;}
.t2-ss-serit > span{flex:1 1 160px; min-width:0; overflow-wrap:anywhere;}
.t2-ss-serit button{min-height:44px; padding:0 12px; border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface); color:var(--ink); font-weight:800;}
.t2-ss-serit.sari{border-left:6px solid var(--warn);}
.t2-ss-serit.kirmizi{border-left:6px solid var(--critical);}
.t2-ss-serit.mavi{border-left:6px solid var(--t2-mavi);}
.t2-ss-serit.gri{border-left:6px solid var(--line);}

/* son okutulan kartı: fotoğraf 48 px, beden 28 px, sayı 56 px; beklenen / site HER ZAMAN görünür (S3) */
.t2-ss-son{display:flex; flex-direction:column; gap:4px; padding:6px; border-radius:var(--radius-lg, 14px); border:2px solid var(--line-soft); background:var(--surface);}
.t2-ss-son.vurgu{border-color:var(--good);}
.t2-ss-son-ust{display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:8px; align-items:center; min-height:56px;}
.t2-ss-gorsel{width:48px; height:56px; border-radius:var(--radius-sm, 7px); object-fit:cover; background:var(--surface-2); border:1px solid var(--line-soft); font-size:.6rem;}
.t2-ss-son-metin{min-width:0; display:flex; flex-direction:column; line-height:1.15;}
.t2-ss-son-metin small{font-size:.74rem; color:var(--ink-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t2-ss-son-beden{font-size:1.75rem; font-weight:900; line-height:1.05; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t2-ss-son-beden.kucuk{font-size:1.05rem;}
.t2-ss-bek{font-size:.76rem; color:var(--ink); overflow-wrap:anywhere;}
.t2-ss-son-sayi{font-size:3.5rem; font-weight:900; line-height:1; font-variant-numeric:tabular-nums; min-width:56px; text-align:right;}
.t2-ss-son.vurgu .t2-ss-son-sayi{color:var(--good);}
.t2-ss-son-alt{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:8px;}
.t2-ss-son-alt button{min-height:48px; min-width:0; border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font-weight:900; font-size:1.05rem; padding:0 4px;}
.t2-ss-son.bos .t2-ss-son-alt button:disabled{color:var(--ink-muted);}
.t2-ss-satirici .t2-ss-son-baslik{font-weight:900;}
.t2-ss-satirici .t2-ss-son-baslik small{display:block; font-weight:600; font-size:.74rem; color:var(--ink-muted);}

/* beden döşemeleri: iki sütun (6'dan çok bedende üç), 52 px; bu yerin değeri büyük, alt satırda beklenen + toplam + rozetler */
.t2-ss-izgara{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px;}
.t2-ss-izgara:has(> .t2-ss-doseme:nth-child(7)){grid-template-columns:repeat(3, minmax(0,1fr));}
.t2-ss-doseme{min-height:52px; min-width:0; display:flex; flex-direction:column; justify-content:center; gap:1px; padding:4px 8px; border-radius:var(--radius-md, 10px);
  border:2px solid var(--line); background:var(--surface-2); color:var(--ink); text-align:left;}
.t2-ss-doseme.secili{border-color:var(--accent); background:var(--surface-2); background:color-mix(in srgb, var(--accent) 14%, var(--surface));}
.t2-ss-d-ust{display:flex; align-items:baseline; justify-content:space-between; gap:6px; min-width:0;}
.t2-ss-d-ust b{font-size:1.1rem; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;}
.t2-ss-d-sayi{font-size:1.45rem; font-weight:900; font-variant-numeric:tabular-nums; line-height:1;}
.t2-ss-doseme.sayildi .t2-ss-d-sayi{color:var(--good);}
.t2-ss-d-alt{font-size:.7rem; color:var(--ink-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;}
.t2-ss-d-alt i{font-style:normal; font-weight:800; margin-left:4px; padding:0 4px; border-radius:var(--radius-sm, 7px); background:var(--surface-3); color:var(--ink);}
.t2-ss-d-alt i.turuncu{border:1px solid var(--warn);}
.t2-ss-d-alt i.kirmizi{border:1px solid var(--critical); color:var(--critical);}
.t2-ss-d-alt i.mavi{border:1px solid var(--t2-mavi);}

/* tuş takımı (kart değil, ekranın yerini alır): değer 44 px, 4×4 tuş 48 px, karar 56 px */
.t2-ss-tus{display:flex; flex-direction:column; gap:6px; padding:6px; border-radius:var(--radius-lg, 14px); border:2px solid var(--accent); background:var(--surface);}
.t2-ss-tus.sari{border-color:var(--warn); background:var(--surface-2); background:color-mix(in srgb, var(--warn) 14%, var(--surface));}
.t2-ss-tus-bas{display:flex; align-items:center; gap:8px; min-height:44px; min-width:0;}
.t2-ss-tus-bas b{font-size:1.4rem; font-weight:900;}
.t2-ss-tus-bas span{flex:1 1 auto; min-width:0; font-size:.82rem; color:var(--ink); overflow-wrap:anywhere;}
.t2-ss-tus-bas button{min-height:44px; padding:0 12px; border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font-weight:800;}
/* tuş takımı açıkken de beklenen / site (S3) ve kip geçişi görünür (inceleme 2026-10-25) */
.t2-ss-tus-bek{display:flex; align-items:center; gap:6px; min-width:0; font-size:.78rem; color:var(--ink);}
.t2-ss-tus-bek span{flex:1 1 auto; min-width:0; overflow-wrap:anywhere;}
.t2-ss-tus-kip{min-height:48px; flex:none; max-width:46%; padding:0 10px; border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font-weight:800; font-size:.76rem; line-height:1.15;}
.t2-ss-tus-deger{min-height:52px; display:flex; align-items:center; justify-content:center; gap:6px; border-radius:var(--radius-md, 10px); border:2px solid var(--line); background:var(--surface-2);
  font-size:2.6rem; font-weight:900; font-variant-numeric:tabular-nums; line-height:1; overflow:hidden;}
.t2-ss-tus-deger.on{color:var(--ink-muted); border-style:dashed;}
.t2-ss-tus-deger.turuncu{border-color:var(--warn);}
.t2-ss-tus-deger small{font-size:1.2rem; color:var(--ink-muted);}
.t2-ss-tuslar{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:6px;}
.t2-ss-tus-t{min-height:48px; min-width:0; border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font-size:1.5rem; font-weight:900; padding:0;}
.t2-ss-tus-t.ek{font-size:1rem; color:var(--ink-muted);}
.t2-ss-tus-t:active, .t2-ss-son-alt button:active, .t2-ss-doseme:active{background:var(--surface-3);}
.t2-ss-kararlar{display:grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); gap:6px;}
.t2-ss-karar{min-height:56px; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; padding:2px 6px; border-radius:var(--radius-md, 10px);
  border:2px solid var(--accent); background:var(--surface-2); color:var(--ink); font-size:.98rem; font-weight:900; line-height:1.15; overflow-wrap:anywhere;}
.t2-ss-karar.tek{background:var(--accent); color:var(--accent-contrast); border-color:transparent;}
.t2-ss-karar small{font-size:.66rem; font-weight:700; color:var(--ink-muted); text-transform:uppercase; letter-spacing:.06em;}
.t2-ss-karar.turuncu{border-color:var(--warn); background:var(--surface-2); background:color-mix(in srgb, var(--warn) 30%, var(--surface)); color:var(--ink);}
.t2-ss-karar-hata{grid-column:1 / -1; min-height:48px; display:flex; align-items:center; color:var(--critical); font-weight:800;}

/* paneller (⋯ menü, geçmiş, ortak barkod, sayılmayanlar) */
.t2-ss-panel{display:flex; flex-direction:column; gap:8px; padding:8px; border-radius:var(--radius-lg, 14px); border:1px solid var(--line); background:var(--surface);}
.t2-ss-panel-bas{display:flex; align-items:center; gap:8px; min-height:44px; min-width:0;}
.t2-ss-panel-bas b{font-size:1.05rem; font-weight:900;}
.t2-ss-panel-bas span{flex:1 1 auto; min-width:0; font-size:.82rem; color:var(--ink-muted); overflow-wrap:anywhere;}
.t2-ss-panel-bas button{margin-left:auto; min-height:44px; padding:0 12px; border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font-weight:800;}
.t2-ss-menu{display:flex; flex-direction:column; gap:8px;}
.t2-ss-menu-grup{display:flex; flex-wrap:wrap; align-items:center; gap:6px;}
.t2-ss-menu-grup > span{flex:0 0 100%; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-muted);}
.t2-ss-menu-grup > b{font-size:.95rem; margin-right:4px;}
.t2-ss-menu-grup button, .t2-ss-cip{min-height:48px; padding:0 14px; border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font-weight:800; font-size:.92rem;}
.t2-ss-menu-grup button.secili, .t2-ss-cip.secili{border:2px solid var(--accent);}
.t2-ss-menu-grup button.kirmizi{color:var(--critical); border-color:var(--critical);}
.t2-ss-liste{display:flex; flex-direction:column; gap:6px;}
.t2-ss-gecmis-satir, .t2-ss-yarim-satir{display:flex; align-items:center; gap:8px; min-height:48px; padding:4px 6px 4px 10px; border-radius:var(--radius-md, 10px); background:var(--surface-2); border:1px solid var(--line-soft); min-width:0;}
.t2-ss-gecmis-satir > span, .t2-ss-yarim-satir > span{flex:1 1 auto; min-width:0; font-size:.86rem; overflow-wrap:anywhere;}
.t2-ss-gecmis-satir button{min-height:44px; padding:0 12px; border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface); color:var(--ink); font-weight:800;}
.t2-ss-gecmis-satir.alindi > span{color:var(--ink-muted); text-decoration:line-through;}
.t2-ss-gecmis-satir.red{border-left:4px solid var(--critical);}
.t2-ss-yarim-satir .t2-ss-rozet{max-width:60%;}
.t2-ss-adaylar{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px;}
.t2-ss-aday{min-height:64px; min-width:0; display:flex; align-items:center; gap:8px; padding:6px; border-radius:var(--radius-md, 10px); border:2px solid var(--line); background:var(--surface-2); color:var(--ink); text-align:left;}
.t2-ss-aday.secili{border-color:var(--accent);}
.t2-ss-aday > span{display:flex; flex-direction:column; min-width:0;}
.t2-ss-aday b{font-size:1.3rem; font-weight:900;}
.t2-ss-aday small{font-size:.74rem; color:var(--ink-muted); overflow-wrap:anywhere;}
.t2-ss-adaylar.ikili .t2-ss-aday{flex-direction:column; justify-content:center; align-items:flex-start;}
.t2-ss-kart-alt{font-size:.84rem; color:var(--ink-muted);}

/* giriş ekranı ve Kod yaz (uygulamanın kendi tuş takımı: sistem klavyesi açılmaz) */
.t2-ss-buyuk-yazi{font-size:1.35rem; font-weight:900; line-height:1.2;}
.t2-ss-kodyaz{display:flex; flex-direction:column; gap:6px;}
.t2-ss-kodyaz-deger{min-height:48px; display:flex; align-items:center; padding:0 12px; border-radius:var(--radius-md, 10px); border:2px solid var(--accent); background:var(--surface-2); font-size:1.3rem; font-weight:900; overflow-wrap:anywhere;}
.t2-ss-kodyaz-deger span{font-size:.9rem; font-weight:600; color:var(--ink-muted);}
.t2-ss-klavye{display:grid; grid-template-columns:repeat(7, minmax(0,1fr)); gap:4px;}
.t2-ss-kl{min-height:48px; min-width:0; padding:0; border-radius:var(--radius-sm, 7px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font-size:1.1rem; font-weight:900;}
.t2-ss-kl.genis{grid-column:span 2; font-size:.88rem;}
.t2-ss-sonuclar{display:flex; flex-direction:column; gap:6px;}
.t2-ss-sonuc{min-height:64px; display:flex; align-items:center; gap:10px; padding:6px; border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); text-align:left; min-width:0;}
.t2-ss-sonuc > span{display:flex; flex-direction:column; min-width:0;}
.t2-ss-sonuc b{font-size:1rem; font-weight:900; overflow-wrap:anywhere;}
.t2-ss-sonuc small{font-size:.76rem; color:var(--ink-muted); overflow-wrap:anywhere;}

/* BİTİR özeti (tek ekran, model başına kart; renk noktası + metin, renk tek başına anlam taşımaz) */
.t2-ss-oz-model.cikar{border-style:dashed;}
.t2-ss-oz-bas{display:flex; align-items:center; gap:10px; min-width:0;}
.t2-ss-oz-bas > div:not(.t2-gorsel){flex:1 1 auto; min-width:0; display:flex; flex-direction:column;}
.t2-ss-oz-bas b{font-size:1.05rem; font-weight:900; overflow-wrap:anywhere;}
.t2-ss-oz-bas small{font-size:.78rem; color:var(--ink-muted);}
.t2-ss-oz-yanlis, .t2-ss-oz-uyari{display:flex; align-items:center; flex-wrap:wrap; gap:6px 8px; padding:6px 6px 6px 10px; border-radius:var(--radius-md, 10px); border-left:6px solid var(--critical); background:var(--surface-2);}
.t2-ss-oz-uyari.sari{border-left-color:var(--warn);}
.t2-ss-oz-yanlis > span, .t2-ss-oz-uyari > span{flex:1 1 160px; min-width:0; font-weight:800; font-size:.88rem;}
.t2-ss-oz-soru{display:flex; flex-direction:column; gap:6px; font-weight:800;}
.t2-ss-oz-secim{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px;}
.t2-ss-oz-secim .t2-dugme{min-height:56px;}
.t2-ss-oz-satir{display:flex; align-items:center; gap:8px; min-height:48px; padding:4px 6px 4px 8px; border-radius:var(--radius-md, 10px); background:var(--surface-2); border:1px solid var(--line-soft); min-width:0;}
.t2-ss-oz-satir > span{flex:1 1 auto; min-width:0; font-size:.9rem; overflow-wrap:anywhere;}
.t2-ss-oz-satir .nokta{flex:none; width:14px; height:14px; border-radius:50%; background:var(--line);}
.t2-ss-oz-satir.yesil .nokta{background:var(--good);}
.t2-ss-oz-satir.sari .nokta{background:var(--warn);}
.t2-ss-oz-satir.kirmizi .nokta{background:var(--critical);}
.t2-ss-oz-satir.kirmizi{border-color:var(--critical);}
.t2-ss-oz-neden{font-size:.82rem; padding:4px 10px; color:var(--ink); overflow-wrap:anywhere;}
.t2-ss-oz-sebep{display:flex; flex-wrap:wrap; gap:6px;}
.t2-ss-oz-sebep .t2-ss-cip{min-height:48px; font-size:.82rem; padding:0 10px;}

/* sürekli kamera vizörü: ekranın üst %40'ı, orta çizgi, fener / kapat */
.t2-ss-kamera{position:relative; height:34vh; min-height:160px; border-radius:var(--radius-lg, 14px); overflow:hidden; background:var(--surface-3); border:1px solid var(--line);}
.t2-ss-kamera-video{width:100%; height:100%; object-fit:cover; display:block;}
.t2-ss-kamera-cizgi{position:absolute; left:6%; right:6%; top:50%; height:0; border-top:3px solid var(--critical);}
.t2-ss-kamera-durum{position:absolute; left:8px; top:8px; right:8px; padding:4px 10px; border-radius:var(--radius-pill, 999px); background:var(--surface); color:var(--ink); font-size:.8rem; font-weight:800; overflow-wrap:anywhere;}
.t2-ss-kamera-dugmeler{position:absolute; left:8px; right:8px; bottom:8px; display:flex; gap:8px; justify-content:flex-end;}
.t2-ss-kamera-dugme{min-height:48px; padding:0 14px; border-radius:var(--radius-md, 10px); border:1px solid var(--line); background:var(--surface); color:var(--ink); font-weight:800;}
.t2-ss-kamera-dugme[aria-pressed="true"]{border-color:var(--warn);}

/* Cihaz Testi: Stok Say ses takımı düğmeleri */
.t2-ss-sesler{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:6px;}
.t2-ss-sesler .t2-dugme{min-width:0; padding:0 6px; font-size:.84rem;}

@media (min-width:600px){
  .t2-ss-izgara{grid-template-columns:repeat(3, minmax(0,1fr));}
  .t2-ss-izgara:has(> .t2-ss-doseme:nth-child(7)){grid-template-columns:repeat(4, minmax(0,1fr));}
  .t2-ss-adaylar{grid-template-columns:repeat(3, minmax(0,1fr));}
  .t2-ss-klavye{grid-template-columns:repeat(10, minmax(0,1fr));}
}
:root[data-theme="light"] .t2-ss-oturum, :root[data-theme="studio"] .t2-ss-oturum, :root[data-theme="light"] .t2-ss-d-alt, :root[data-theme="studio"] .t2-ss-d-alt{color:var(--ink);}

/* ---------- Stok Say rafla say ve bölge sayımı (Terminal 3 bölüm Faz 2, 2026-10-25, term-stoksay-raf.js) ----------
   Raf ekranı 360x640 ve 375x667'de başlık + kip + son okutulan + en az 6 beden döşemesi + alt çubuk kaydırmadan görünür (sözleşme 10.3). Raf bağlamı
   kartları (geçiş / özet, Katıl, Yine de say, Yeniden say, Raf aç, toplam mı) tam ekran örtü: içerik kayar, düğmeler altta yapışkan. Dokunma hedefi
   en az 48 px, farklı anlamlı komşu hedefler arası en az 8 px; gölge / animasyon / saydamlık yok; renkler tema belirteçleri, color-mix'te düz yedek önce. */
.t2-ssr{position:relative;}
.t2-ssr [hidden], .t2-ssr-ortu [hidden]{display:none !important;}
.t2-ssr-bas{display:flex; align-items:center; gap:8px; min-height:40px; min-width:0;}
.t2-ssr-bas.test{border-bottom:3px dashed var(--warn); padding-bottom:2px;}
.t2-ssr-kod{flex:0 1 auto; min-width:0; font-size:clamp(20px, 6vw, 28px); font-weight:900; line-height:1.05; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t2-ssr-say{flex:1 1 auto; min-width:0; font-size:.8rem; color:var(--ink-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t2-ssr-rozet{flex:none; display:inline-flex; align-items:center; min-height:28px; max-width:100%; padding:2px 8px; border-radius:var(--radius-pill, 999px); border:1px solid var(--line);
  background:var(--surface-2); color:var(--ink); font-size:.7rem; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t2-ssr-rozet.yesil{border-color:var(--good); background:var(--surface-2); background:color-mix(in srgb, var(--good) 18%, var(--surface));}
.t2-ssr-rozet.turuncu{border-color:var(--warn); background:var(--surface-2); background:color-mix(in srgb, var(--warn) 30%, var(--surface));}
.t2-ssr-rozet.mavi{border-color:var(--t2-mavi);}
/* inceleme 2026-10-25: raf kayıtları tamamlanmadıysa (RKO düşük) raf başlığında kalıcı kısa not ve giriş kartında açıklama */
.t2-ssr-bas .t2-ssr-rko{flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; display:inline-block; line-height:22px; align-items:center; min-height:28px; padding:2px 8px; border-radius:var(--radius-pill, 999px); border:1px dashed var(--warn); font-size:.72rem; font-weight:800; color:var(--ink); white-space:nowrap;}
.t2-kart-alt.t2-ssr-rko{border-left:4px solid var(--warn); padding-left:8px; color:var(--ink);}
.t2-ssr-kampanya{display:flex; align-items:center; min-height:28px; padding:2px 10px; border-radius:var(--radius-md, 10px); border-left:6px solid var(--t2-mavi); background:var(--surface-2);
  font-size:.78rem; font-weight:800; overflow-wrap:anywhere;}

/* raf listesi: model başlığı + iki sütunlu beden döşemeleri (52 px; 600 px ve üstünde üç sütun); okutulmayan kayıtlılar en altta soluk */
.t2-ssr-liste{display:flex; flex-direction:column; gap:6px; min-width:0;}
.t2-ssr-model, .t2-ssr-okutulmayan{display:flex; flex-direction:column; gap:4px; min-width:0;}
.t2-ssr-model-bas{display:flex; align-items:baseline; gap:8px; min-width:0; font-size:.8rem; line-height:1.1;}
.t2-ssr-model-bas b{flex:1 1 auto; min-width:0; overflow-wrap:anywhere;}
.t2-ssr-model-bas span{flex:none; font-weight:900; font-variant-numeric:tabular-nums;}
.t2-ssr-izgara{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px;}
.t2-ssr-doseme{min-height:52px; min-width:0; display:flex; flex-direction:column; justify-content:center; gap:1px; padding:4px 8px; border-radius:var(--radius-md, 10px);
  border:2px solid var(--line); background:var(--surface-2); color:var(--ink); text-align:left;}
.t2-ssr-doseme.secili{border-color:var(--accent); background:var(--surface-2); background:color-mix(in srgb, var(--accent) 14%, var(--surface));}
.t2-ssr-doseme.soluk{border-style:dashed; color:var(--ink-muted); background:var(--surface);}
.t2-ssr-doseme:active{background:var(--surface-3);}
.t2-ssr-d-ust{display:flex; align-items:baseline; justify-content:space-between; gap:6px; min-width:0;}
.t2-ssr-d-ust b{font-size:1.02rem; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;}
.t2-ssr-d-sayi{flex:none; font-size:1.45rem; font-weight:900; font-variant-numeric:tabular-nums; line-height:1;}
.t2-ssr-doseme.sayildi .t2-ssr-d-sayi{color:var(--good);}
.t2-ssr-d-alt{font-size:.7rem; color:var(--ink-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;}
.t2-ssr-d-alt i{font-style:normal; font-weight:800; margin-left:4px; padding:0 4px; border-radius:var(--radius-sm, 7px); background:var(--surface-3); color:var(--ink);}
.t2-ssr-d-alt i.turuncu, .t2-ssr-d-alt i.sari{border:1px solid var(--warn);}
.t2-ssr-d-alt i.kirmizi{border:1px solid var(--critical); color:var(--critical);}

/* raf bağlamı kartı: tam ekran örtü; okutma alanı arkada odakta kalır, kart açıkken okutmalar bekletilir. inceleme 2026-10-25: z-index 59 = kabuk kartının
   (.t2-hata 60, "Bağlantı yok · Tekrar dene") ALTINDA — hata kartı görünür, terminal donmuş görünmez; şeritler örtünün içinde çizilir */
.t2-ssr-ortu{position:fixed; inset:0; z-index:59; display:flex; flex-direction:column; max-width:720px; margin:0 auto; padding:env(safe-area-inset-top, 0px) var(--t2-kenar, 6px) 6px; background:var(--bg);}
.t2-ssr-ortu-bas{flex:none; display:flex; align-items:center; flex-wrap:wrap; gap:6px 8px; min-height:52px; min-width:0;}
.t2-ssr-ortu-bas b{flex:1 1 auto; min-width:0; font-size:1.1rem; font-weight:900; overflow-wrap:anywhere;}
.t2-ssr-bekleyen{flex:none; display:inline-flex; align-items:center; min-height:28px; padding:2px 10px; border-radius:var(--radius-pill, 999px); border:1px solid var(--warn);
  background:var(--surface-2); background:color-mix(in srgb, var(--warn) 22%, var(--surface)); color:var(--ink); font-size:.78rem; font-weight:800;}
.t2-ssr-ortu-govde{flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; display:flex; flex-direction:column; gap:8px; padding-bottom:8px; min-width:0;}
.t2-ssr-ortu-alt{flex:none; display:flex; flex-wrap:wrap; gap:8px; padding-top:8px; border-top:1px solid var(--line-soft); background:var(--bg);}
.t2-ssr-ortu-alt .t2-dugme{flex:1 1 140px; min-width:0; min-height:56px; white-space:normal; line-height:1.15; text-align:center;}
.t2-ssr-ortu-alt .t2-ssr-birincil{flex:1 1 100%; font-size:1.05rem;}
.t2-ssr-ortu-alt .t2-dugme[aria-disabled="true"], .t2-ssr-ortu-alt .t2-dugme:disabled{background:var(--surface-2); color:var(--ink-muted); border-color:var(--line);}
.t2-ssr-ortu-alt .t2-ssr-not{flex:1 1 100%;}
.t2-ssr-metin{margin:0; font-size:1rem; font-weight:700; overflow-wrap:anywhere;}
.t2-ssr-not{margin:0; font-size:.84rem; color:var(--ink-muted); overflow-wrap:anywhere;}
.t2-ssr-not.kirmizi{color:var(--critical); font-weight:800;}
.t2-ssr-soru{display:flex; flex-direction:column; gap:6px; padding:8px; border-radius:var(--radius-md, 10px); border:2px solid var(--accent); background:var(--surface);}
.t2-ssr-soru > b{font-size:1rem;}
.t2-ssr-secim{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px;}
.t2-ssr-secim .t2-dugme{min-height:56px; min-width:0; padding:0 8px; white-space:normal; line-height:1.15; text-align:center;}
.t2-ssr-ozet-satir, .t2-ssr-satir{display:flex; align-items:center; flex-wrap:wrap; gap:6px 8px; min-height:48px; padding:4px 6px 4px 10px; border-radius:var(--radius-md, 10px);
  background:var(--surface-2); border:1px solid var(--line-soft); min-width:0;}
.t2-ssr-ozet-satir > span, .t2-ssr-satir > span{flex:1 1 160px; min-width:0; font-size:.88rem; overflow-wrap:anywhere;}
.t2-ssr-satir.sari{border-left:6px solid var(--warn);}
.t2-ssr-satir.gri > span{color:var(--ink-muted);}
.t2-ssr-ikili{display:flex; gap:8px;}
.t2-ssr-blok{display:flex; flex-direction:column; gap:6px;}
.t2-ssr-blok-bas, .t2-ssr-alan-bas{font-size:.76rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-muted);}
.t2-ssr-ayrinti{display:flex; flex-direction:column; gap:4px;}
.t2-ssr-ayr-satir{display:flex; flex-wrap:wrap; gap:4px 8px; padding:4px 8px; border-radius:var(--radius-sm, 7px); background:var(--surface-2); font-size:.84rem; min-width:0;}
.t2-ssr-ayr-satir > span{flex:1 1 auto; min-width:0; overflow-wrap:anywhere;}
.t2-ssr-ayr-satir small{flex:1 1 100%; color:var(--ink-muted);}
.t2-ssr-ayr-satir.kirmizi{border-left:4px solid var(--critical);}
.t2-ssr-ayr-satir.sari{border-left:4px solid var(--warn);}
.t2-ssr-sabit{font-size:.8rem; color:var(--ink-muted); text-align:center;}
.t2-ssr-cipler{display:flex; flex-wrap:wrap; gap:8px; min-width:0;}
.t2-ssr-cipler .t2-ss-cip{min-width:0; max-width:100%; overflow-wrap:anywhere;}
.t2-ssr-cipler .t2-ss-cip small{font-weight:600; color:var(--ink-muted); margin-left:4px;}
.t2-ssr-cipler .t2-ss-cip:disabled{color:var(--ink-muted); border-style:dashed;}
.t2-ssr-alan{display:flex; align-items:center; gap:8px; min-height:48px; min-width:0;}
.t2-ssr-alan > span{flex:none; font-size:.78rem; color:var(--ink-muted);}
.t2-ssr-alan > b{flex:1 1 auto; min-width:0; font-size:1.05rem; overflow-wrap:anywhere;}
.t2-ssr-klavye{display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); gap:6px;}
.t2-ssr-kl{min-height:48px; min-width:0; padding:0; border-radius:var(--radius-sm, 7px); border:1px solid var(--line); background:var(--surface-2); color:var(--ink); font-size:1.05rem; font-weight:900;}
.t2-ssr-kl.genis{grid-column:span 2; font-size:.9rem;}
.t2-ssr-onay{display:flex; align-items:center; gap:10px; min-height:52px; width:100%; padding:6px 10px; border-radius:var(--radius-md, 10px); border:1px solid var(--line);
  background:var(--surface-2); color:var(--ink); font-weight:700; font-size:.9rem; text-align:left; overflow-wrap:anywhere;}
.t2-ssr-onay .kutu{flex:none; position:relative; width:24px; height:24px; border-radius:var(--radius-sm, 7px); border:2px solid var(--line); background:var(--surface);}
.t2-ssr-onay.secili{border-color:var(--accent);}
.t2-ssr-onay.secili .kutu{border-color:var(--accent); background:var(--accent);}
.t2-ssr-onay.secili .kutu::after{content:""; position:absolute; left:6px; top:1px; width:7px; height:13px; border:solid var(--accent-contrast); border-width:0 3px 3px 0; transform:rotate(45deg);}
.t2-ssr-bekleyen-liste{display:flex; flex-wrap:wrap; gap:4px;}
.t2-ssr-bekleyen-liste span{padding:2px 8px; border-radius:var(--radius-sm, 7px); background:var(--surface-2); font-size:.78rem; overflow-wrap:anywhere; min-width:0;}

/* giriş ekleri: yarım raf, açık kampanya, önerilen raflar, eksi stok, görev ipucu, son kaydedilen raf */
.t2-kart.t2-ssr-giris-satir{flex-direction:row; align-items:center; flex-wrap:wrap; gap:8px;}
.t2-ssr-giris-satir > span{flex:1 1 180px; min-width:0; font-size:.9rem; overflow-wrap:anywhere;}
.t2-ssr-giris-satir > .t2-dugme{flex:none;}
.t2-ssr-son-kayit{display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:.84rem; min-width:0;}
.t2-ssr-son-kayit > span:last-child{min-width:0; overflow-wrap:anywhere;}
.t2-ssr-yola{color:var(--ink);}

/* kampanya ilerleme çubuğu */
.t2-ssr-cubuk{height:12px; border-radius:var(--radius-pill, 999px); background:var(--surface-3); overflow:hidden;}
.t2-ssr-cubuk i{display:block; height:100%; background:var(--good);}

@media (min-width:600px){
  .t2-ssr-izgara{grid-template-columns:repeat(3, minmax(0,1fr));}
  .t2-ssr-klavye{grid-template-columns:repeat(9, minmax(0,1fr));}
}

/* ---------- Bağlantı ve kuyruk (ADIM 11A, sözleşme §5.8 / §9.2; term-ekranlar.js seritGuncelle) ----------
   Kalıcı bağlantı şeridi #termKuyrukSerit: #termSeritYeri içinde uyarı şeridinin ÜSTÜNDE, sabit 44 px; gizliyken yer kaplamaz
   ([hidden]{display:none !important}). Metin en çok iki satır, ikon SVG (renk tek başına anlam taşımaz). Gölge ve animasyon yok.
   Bu bölüm aşağıdaki veri tazeliği / Kılavuz bölümünden ÖNCE kalır: kilavuz.test.js o yorumdan sonraki @media print kurallarının
   html.t2-kl-acik içermesini ister (sözleşme E42). 11B'nin kuyruk şeridi ve Gönderim kuyruğu kuralları da buraya eklenir. */
#termKuyrukSerit{min-height:44px; height:44px; padding:4px 12px; gap:8px; font-size:.82rem; line-height:1.25; overflow:hidden;}
#termKuyrukSerit .t2-serit-svg{flex:none; width:20px; height:20px; color:var(--critical);}
#termKuyrukSerit .t2-serit-metin{flex:1 1 auto; min-width:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere;}
@media (max-width:420px){ #termKuyrukSerit{padding:4px var(--t2-kenar);} }
/* Cihaz Testi göç satırı (yalnız eskiTerminal 'yonlendir'): düğme dokunma hedefi >= 48 px, metin dar ekranda kırılır */
.t2-eski-gorunum > span{overflow-wrap:anywhere;}
.t2-eski-gorunum > span small{display:block; font-weight:400; color:var(--ink-muted); font-size:.78rem;}
.t2-eski-gorunum .t2-dugme{flex:none; min-height:48px;}

/* ---------- Veri tazeliği ve Kılavuz (istek denetimi 2026-10-10; term-ekranlar.js + term-kilavuz.js) ---------- */
/* Üst çubuk alt satırı: ürün verisinin yaşı sakin ikinci bilgi (rozet değil); eşik aşınca yalnız yazı turuncu. 420 px altında
   gizli (.t2-gizle-dar), aynı bilgi ana menünün alt satırında. */
.t2-urun-yas{flex:none; white-space:nowrap;}
.t2-urun-yas::before{content:"·"; margin-right:6px; color:var(--ink-muted); font-weight:400;}
.t2-urun-yas.eski{color:var(--warn); font-weight:700;}
:root[data-theme="light"] .t2-urun-yas.eski, :root[data-theme="studio"] .t2-urun-yas.eski{color:#92400E;}
/* Ana menü alt satırı: küçük giriş (Kılavuz) + sipariş / ürün verisinin yaşı */
.t2-menu-alt{display:flex; align-items:center; gap:8px;}
.t2-menu-kucuk{
  flex:none; display:inline-flex; align-items:center; gap:8px; min-height:48px; padding:0 14px;
  border:1px solid var(--line-soft); border-radius:var(--radius-md,10px); background:var(--surface); color:var(--ink); font-weight:700; font-size:.92rem;
}
.t2-menu-kucuk:active{background:var(--surface-2);}
.t2-menu-kucuk svg{width:20px; height:20px; color:var(--accent); flex:none;}
.t2-tazelik{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; align-items:flex-end; gap:2px; font-size:.75rem; color:var(--ink-muted); text-align:right;}
.t2-tazelik b{font-weight:700; color:var(--ink);}
.t2-tazelik .eski b{color:var(--warn);}
:root[data-theme="light"] .t2-tazelik .eski b, :root[data-theme="studio"] .t2-tazelik .eski b{color:#92400E;}
/* Açık temalarda küçük yardımcı yazılar bir ton koyu (--ink-muted 12-12.5 px'te 4.25-4.45 idi, AA 4.5) */
:root[data-theme="light"] .t2-tazelik, :root[data-theme="studio"] .t2-tazelik,
:root[data-theme="light"] .t2-kl-renk-metin small, :root[data-theme="studio"] .t2-kl-renk-metin small{color:#475569;}
/* Rafa Koy (term-rafakoy.js) için aynı ton: bölümünde sabit renk yok, açık tema düzeltmesi burada. 4.25 → 6.7 (inceleme bulgusu 2026-10-11) */
:root[data-theme="light"] .t2-rk-raf-etiket, :root[data-theme="studio"] .t2-rk-raf-etiket,
:root[data-theme="light"] .t2-rk-raf-alt, :root[data-theme="studio"] .t2-rk-raf-alt,
:root[data-theme="light"] .t2-rk-hedef-raf > span:first-child, :root[data-theme="studio"] .t2-rk-hedef-raf > span:first-child,
:root[data-theme="light"] .t2-rk-hedef-raf small, :root[data-theme="studio"] .t2-rk-hedef-raf small,
:root[data-theme="light"] .t2-rk-hedef-adet > span, :root[data-theme="studio"] .t2-rk-hedef-adet > span,
:root[data-theme="light"] .t2-rk-adimlar li, :root[data-theme="studio"] .t2-rk-adimlar li,
:root[data-theme="light"] .t2-rk-alternatif > span, :root[data-theme="studio"] .t2-rk-alternatif > span,
:root[data-theme="light"] .t2-rk-secili-raf, :root[data-theme="studio"] .t2-rk-secili-raf,
:root[data-theme="light"] .t2-rk-toplam, :root[data-theme="studio"] .t2-rk-toplam,
:root[data-theme="light"] .t2-rk-tus-deger span, :root[data-theme="studio"] .t2-rk-tus-deger span,
:root[data-theme="light"] .t2-rk-satir-metin .meta, :root[data-theme="studio"] .t2-rk-satir-metin .meta,
:root[data-theme="light"] .t2-rk-satir.geri .ad, :root[data-theme="studio"] .t2-rk-satir.geri .ad,
:root[data-theme="light"] .t2-rk-urun-metin .meta, :root[data-theme="studio"] .t2-rk-urun-metin .meta,
:root[data-theme="light"] .t2-rk-konum-metin .meta, :root[data-theme="studio"] .t2-rk-konum-metin .meta,
:root[data-theme="light"] #ekranRafaKoy .t2-satir-kart .meta, :root[data-theme="studio"] #ekranRafaKoy .t2-satir-kart .meta,
:root[data-theme="light"] #ekranRafaKoy .t2-kart-alt, :root[data-theme="studio"] #ekranRafaKoy .t2-kart-alt,
:root[data-theme="light"] #ekranRafaKoy .t2-kart-bas, :root[data-theme="studio"] #ekranRafaKoy .t2-kart-bas,
:root[data-theme="light"] #ekranRafaKoy .t2-beden small, :root[data-theme="studio"] #ekranRafaKoy .t2-beden small,
:root[data-theme="light"] #ekranRafaKoy .t2-alan > span, :root[data-theme="studio"] #ekranRafaKoy .t2-alan > span,
:root[data-theme="light"] #ekranRafaKoy .t2-gorsel-yok, :root[data-theme="studio"] #ekranRafaKoy .t2-gorsel-yok{color:#475569;}
/* Seçili satırda (accent karışımı) sarı rozet: #92400E 4.39 → #78350F */
:root[data-theme="light"] #ekranRafaKoy .t2-rozet.sari, :root[data-theme="studio"] #ekranRafaKoy .t2-rozet.sari{color:#78350F;}
/* Seçili satır yardımcı yazısı her temada --ink (yukarıdaki açık tema tonunu da geçer) */
:root[data-theme="light"] #ekranRafaKoy .t2-rk-urun.secili .meta, :root[data-theme="studio"] #ekranRafaKoy .t2-rk-urun.secili .meta,
:root[data-theme="light"] #ekranRafaKoy .t2-rk-konum.vurgu .meta, :root[data-theme="studio"] #ekranRafaKoy .t2-rk-konum.vurgu .meta,
:root[data-theme="light"] #ekranRafaKoy .t2-beden.secili small, :root[data-theme="studio"] #ekranRafaKoy .t2-beden.secili small{color:var(--ink);}
/* Mal Kabul (term-malkabul.js) için aynı ton: bölümünde sabit renk yok, açık tema düzeltmesi burada (ADIM 6) */
:root[data-theme="light"] #ekranMalKabul .t2-kart-alt, :root[data-theme="studio"] #ekranMalKabul .t2-kart-alt,
:root[data-theme="light"] #ekranMalKabul .t2-kart-bas, :root[data-theme="studio"] #ekranMalKabul .t2-kart-bas,
:root[data-theme="light"] #ekranMalKabul .t2-alan > span, :root[data-theme="studio"] #ekranMalKabul .t2-alan > span,
:root[data-theme="light"] #ekranMalKabul .t2-satir-kart .meta, :root[data-theme="studio"] #ekranMalKabul .t2-satir-kart .meta,
:root[data-theme="light"] #ekranMalKabul .t2-gorsel-yok, :root[data-theme="studio"] #ekranMalKabul .t2-gorsel-yok,
:root[data-theme="light"] .t2-mk-emir-ust, :root[data-theme="studio"] .t2-mk-emir-ust,
:root[data-theme="light"] .t2-mk-emir-alt, :root[data-theme="studio"] .t2-mk-emir-alt,
:root[data-theme="light"] .t2-mk-alt, :root[data-theme="studio"] .t2-mk-alt,
:root[data-theme="light"] .t2-mk-kalan, :root[data-theme="studio"] .t2-mk-kalan,
:root[data-theme="light"] .t2-mk-raf-etiket, :root[data-theme="studio"] .t2-mk-raf-etiket,
:root[data-theme="light"] .t2-mk-raf-alt, :root[data-theme="studio"] .t2-mk-raf-alt,
:root[data-theme="light"] .t2-mk-okutma-metin .meta, :root[data-theme="studio"] .t2-mk-okutma-metin .meta,
:root[data-theme="light"] .t2-mk-okutma.geri .ad, :root[data-theme="studio"] .t2-mk-okutma.geri .ad,
:root[data-theme="light"] .t2-mk-kalem-metin .meta, :root[data-theme="studio"] .t2-mk-kalem-metin .meta,
:root[data-theme="light"] .t2-mk-kalem-sayi small, :root[data-theme="studio"] .t2-mk-kalem-sayi small,
:root[data-theme="light"] .t2-mk-kalem.tamam .ad, :root[data-theme="studio"] .t2-mk-kalem.tamam .ad,
:root[data-theme="light"] .t2-mk-not label, :root[data-theme="studio"] .t2-mk-not label,
:root[data-theme="light"] .t2-mk-not small, :root[data-theme="studio"] .t2-mk-not small,
:root[data-theme="light"] .t2-mk-raf-secili > span, :root[data-theme="studio"] .t2-mk-raf-secili > span{color:#475569;}
/* İade Kabul (term-iade.js) için aynı ton: bölümünde sabit renk yok, açık tema düzeltmesi burada (ADIM 7) */
:root[data-theme="light"] #ekranIade .t2-kart-alt, :root[data-theme="studio"] #ekranIade .t2-kart-alt,
:root[data-theme="light"] #ekranIade .t2-kart-bas, :root[data-theme="studio"] #ekranIade .t2-kart-bas,
:root[data-theme="light"] #ekranIade .t2-alan > span, :root[data-theme="studio"] #ekranIade .t2-alan > span,
:root[data-theme="light"] #ekranIade .t2-satir-kart .meta, :root[data-theme="studio"] #ekranIade .t2-satir-kart .meta,
:root[data-theme="light"] #ekranIade .t2-gorsel-yok, :root[data-theme="studio"] #ekranIade .t2-gorsel-yok,
:root[data-theme="light"] .t2-ik-adim, :root[data-theme="studio"] .t2-ik-adim,
:root[data-theme="light"] .t2-ik-talep-no, :root[data-theme="studio"] .t2-ik-talep-no,
:root[data-theme="light"] .t2-ik-son-et, :root[data-theme="studio"] .t2-ik-son-et,
:root[data-theme="light"] .t2-ik-talep-ust, :root[data-theme="studio"] .t2-ik-talep-ust,
:root[data-theme="light"] .t2-ik-urun-metin .meta, :root[data-theme="studio"] .t2-ik-urun-metin .meta,
:root[data-theme="light"] .t2-ik-kalem-metin .meta, :root[data-theme="studio"] .t2-ik-kalem-metin .meta,
:root[data-theme="light"] .t2-ik-kalem-sayi small, :root[data-theme="studio"] .t2-ik-kalem-sayi small,
:root[data-theme="light"] .t2-ik-metin label, :root[data-theme="studio"] .t2-ik-metin label,
:root[data-theme="light"] .t2-ik-metin small, :root[data-theme="studio"] .t2-ik-metin small,
:root[data-theme="light"] .t2-ik-oneri-neden, :root[data-theme="studio"] .t2-ik-oneri-neden,
:root[data-theme="light"] .t2-ik-kalite:disabled, :root[data-theme="studio"] .t2-ik-kalite:disabled,
:root[data-theme="light"] .t2-ik-cip:disabled, :root[data-theme="studio"] .t2-ik-cip:disabled{color:#475569;}

/* Kılavuz ekranı: renk gruplu bölüm kartları, okunur satır aralığı; dokunma hedefi >= 48 px */
.t2-kl-ad{font-weight:800; color:var(--ink);}
.t2-kl-liste, .t2-kl-adimlar{margin:0; padding-left:20px; display:flex; flex-direction:column; gap:6px; font-size:.92rem; line-height:1.4;}
.t2-kl-adimlar li::marker{font-weight:900; color:var(--accent);}
.t2-kl-ekran{display:flex; flex-direction:column; gap:6px; padding-top:10px; border-top:1px dashed var(--line-soft);}
.t2-kl-ekran:first-of-type{padding-top:0; border-top:none;}
.t2-kl-ekran-bas{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.t2-kl-ekran-bas b{font-size:1.05rem; font-weight:900;}
.t2-kl-ekran-bas .t2-rozet{padding:2px 8px; font-size:.72rem;}
.t2-kl-renkler{display:flex; flex-direction:column; gap:8px;}
.t2-kl-renk{
  display:grid; grid-template-columns:56px minmax(0,1fr) auto; gap:10px; align-items:center;
  padding:8px; border-radius:var(--radius-md,10px); background:var(--surface-2); border:1px solid var(--line-soft);
}
.t2-kl-renk-metin{display:flex; flex-direction:column; gap:2px; min-width:0;}
.t2-kl-renk-metin b{font-size:.95rem; font-weight:800;}
.t2-kl-renk-metin small{font-size:.78rem; color:var(--ink-muted);}
.t2-kl-renk-metin span{font-size:.88rem; line-height:1.35;}
.t2-kl-ornek{
  width:56px; height:44px; border-radius:var(--radius-md,10px); display:flex; align-items:center; justify-content:center;
  position:relative; overflow:hidden; font-weight:900; font-size:1.4rem; line-height:1;
  -webkit-print-color-adjust:exact; print-color-adjust:exact;
}
.t2-kl-ornek svg{width:26px; height:26px; position:relative;}
.t2-kl-ornek.yesil{background:color-mix(in srgb, var(--good) 30%, var(--surface)); color:var(--good);}
.t2-kl-ornek.sari-serit{background:var(--surface); border:1px solid var(--line-soft); color:var(--ink); align-items:flex-start;}
.t2-kl-ornek.sari-serit i{position:absolute; left:0; right:0; top:0; height:16px; background:color-mix(in srgb, var(--warn) 45%, var(--surface)); border-bottom:2px solid var(--warn);}
.t2-kl-ornek.sari-serit b{position:relative; font-size:.8rem; margin-top:1px;}
.t2-kl-ornek.sari-kart{background:color-mix(in srgb, var(--warn) 80%, #1a1300); color:#1a1300;}
.t2-kl-ornek.kirmizi{background:color-mix(in srgb, var(--critical) 86%, #000); color:#fff;}
.t2-kl-ornek.kargo{background:var(--surface-3); color:var(--accent);}
.t2-kl-dene{display:flex; gap:6px; justify-content:flex-end;}
.t2-kl-dene .t2-dugme{min-height:48px; padding:0 12px;}
/* Kargo sesleri: üç deneme düğmesi metnin altında tam satır (dar ekranda metni sıkıştırmasın) */
.t2-kl-renk.genis{grid-template-columns:56px minmax(0,1fr);}
.t2-kl-renk.genis .t2-kl-dene{grid-column:1 / -1;}
.t2-kl-renk.genis .t2-kl-dene .t2-dugme{flex:1 1 0; min-width:0;}
.t2-kl-kontrol{display:flex; flex-direction:column; gap:6px;}
.t2-kl-kutu{
  display:flex; align-items:flex-start; gap:10px; min-height:48px; padding:10px; text-align:left;
  border:1px solid var(--line-soft); border-radius:var(--radius-md,10px); background:var(--surface-2); color:var(--ink); font-size:.92rem; line-height:1.35;
}
.t2-kl-kare{flex:none; width:24px; height:24px; border-radius:6px; border:2px solid var(--line); display:flex; align-items:center; justify-content:center; color:transparent;}
.t2-kl-kare svg{width:16px; height:16px;}
.t2-kl-kutu[aria-checked="true"]{border-color:color-mix(in srgb, var(--good) 55%, var(--line-soft));}
.t2-kl-kutu[aria-checked="true"] .t2-kl-kare{background:var(--good); border-color:var(--good); color:#fff;}

/* Ekranda / çıktıda ayrı satırlar (yardım bölümü: ekranda kişi bilgisi yok, çıktıda elle doldurulacak boş satır) */
.t2-kl-baskida{display:none;}

/* Yazdır (yalnız Kılavuz açıkken, html.t2-kl-acik): A4, iki sütun, en çok iki sayfa, beyaz zemin; kabuk / okutma / alt çubuk /
   deneme düğmeleri yok. Yazı en az 9 pt (depoda masada / duvarda okunur; 6.5-6.9 pt tek sayfa sürümü okunmuyordu — istek denetimi
   incelemesi 2026-10-10). Okutma sırası kartı bölünebilir, her ekranın adımları bir arada kalır.
   Tema değişkenleri :root[data-theme] ile daha özgül tanımlı: çıktı renkleri !important ile ezilir (koyu temada da beyaz kâğıt). */
@media print{
  @page{size:A4; margin:8mm;}
  html.t2-kl-acik{
    --bg:#fff !important; --surface:#fff !important; --surface-2:#fff !important; --surface-3:#eee !important; --ink:#111 !important; --ink-muted:#333 !important;
    --line:#888 !important; --line-soft:#bbb !important; --accent:#0e7490 !important; --good:#15803d !important; --warn:#d97706 !important; --critical:#dc2626 !important;
    --t2-yazi:9.5pt; font-size:9.5pt !important;
  }
  html.t2-kl-acik, html.t2-kl-acik body{height:auto !important; overflow:visible !important; background:#fff !important; color:#111 !important;}
  html.t2-kl-acik body{line-height:1.2;} /* ADIM 5: Rafa Koy bölümü eklenince iki sayfaya sığsın diye 1.25 → 1.2 (yazı boyu aynı) */
  html.t2-kl-acik .t2-kabuk{display:block !important; height:auto !important; max-width:none !important; border:0 !important; padding:0 !important; background:#fff !important;}
  html.t2-kl-acik .t2-ust, html.t2-kl-acik .t2-band, html.t2-kl-acik #termSeritYeri, html.t2-kl-acik .t2-ipucu, html.t2-kl-acik #okutKutu,
  html.t2-kl-acik .t2-alt, html.t2-kl-acik .t2-kl-dene, html.t2-kl-acik .t2-flas, html.t2-kl-acik .t2-snack, html.t2-kl-acik .t2-geri-al,
  html.t2-kl-acik .t2-hata, html.t2-kl-acik .t2-ortu, html.t2-kl-acik .t2-pencere, html.t2-kl-acik .t2-serit, html.t2-kl-acik .t2-kl-ekran-bas .t2-rozet,
  html.t2-kl-acik .t2-kl-bas .t2-kart-alt, html.t2-kl-acik .t2-kl-ekranda,
  html.t2-kl-acik #termCanliKibar, html.t2-kl-acik #termCanliAcil{display:none !important;}
  html.t2-kl-acik .t2-kl-baskida{display:block; font-weight:700; padding-top:1.2mm; font-size:9.5pt;}
  html.t2-kl-acik .t2-govde{display:block !important; overflow:visible !important; padding:0 !important; background:#fff !important;}
  html.t2-kl-acik #ekranKilavuz{display:block !important; column-count:2; column-gap:5mm;}
  html.t2-kl-acik #ekranKilavuz .t2-kart{break-inside:avoid; margin:0 0 2mm; padding:1.6mm 2.2mm; gap:.8mm; border-radius:1.2mm; min-height:0; border-width:.25mm; border-left-width:1mm; background:#fff;}
  html.t2-kl-acik #ekranKilavuz .t2-kart[data-kl-bolum="okutma"]{break-inside:auto;}
  /* ADIM 6: Mal Kabul bölümü eklenince (metinler kısaltıldıktan sonra) bölünmez kartlar sütun sonlarında boşluk bırakıp son kartı (ilk gün
     listesi) 3. sayfaya itiyordu: raf kilidi ve ilk gün kartları madde aralarından bölünebilir; madde ve başlık bölünmez (yazı boyu ve
     satır aralığı aynı) */
  html.t2-kl-acik #ekranKilavuz .t2-kart[data-kl-bolum="raf"], html.t2-kl-acik #ekranKilavuz .t2-kart[data-kl-bolum="ilkgun"]{break-inside:auto;}
  html.t2-kl-acik #ekranKilavuz .t2-kl-kutu, html.t2-kl-acik #ekranKilavuz .t2-kl-liste li{break-inside:avoid;}
  /* ADIM 7: İade Kabul bölümü eklenince bölünmez liste kartları sütun sonlarında boşluk bırakıp çıktıyı 3. sayfaya itiyordu: öteki madde
     listesi kartları da madde aralarından bölünebilir (madde, başlık ve renk satırları bölünmez; yazı boyu ve satır aralığı aynı) */
  html.t2-kl-acik #ekranKilavuz .t2-kart[data-kl-bolum="once"], html.t2-kl-acik #ekranKilavuz .t2-kart[data-kl-bolum="hata"], html.t2-kl-acik #ekranKilavuz .t2-kart[data-kl-bolum="cift"], html.t2-kl-acik #ekranKilavuz .t2-kart[data-kl-bolum="ag"], html.t2-kl-acik #ekranKilavuz .t2-kart[data-kl-bolum="yardim"]{break-inside:auto;}
  /* Okutma sırasının son ekranı (İade Kabul) sütun sonunda adımlar arasından bölünebilir; başlık ilk adımla kalır, adım satırı bölünmez */
  html.t2-kl-acik #ekranKilavuz .t2-kl-ekran:last-child{break-inside:auto;}
  html.t2-kl-acik #ekranKilavuz .t2-kl-ekran-bas{break-after:avoid;}
  html.t2-kl-acik #ekranKilavuz .t2-kl-adimlar li{break-inside:avoid;}
  html.t2-kl-acik #ekranKilavuz .t2-kart-bas{break-after:avoid;}
  html.t2-kl-acik #ekranKilavuz .t2-kart-baslik{font-size:13pt; line-height:1.15;}
  html.t2-kl-acik #ekranKilavuz .t2-kart-bas{font-size:9.5pt; color:#111; letter-spacing:.03em;}
  html.t2-kl-acik #ekranKilavuz .t2-kart-alt{font-size:9pt; color:#222;}
  html.t2-kl-acik .t2-kl-liste, html.t2-kl-acik .t2-kl-adimlar{font-size:9.5pt; gap:.5mm; line-height:1.2; padding-left:4.2mm;}
  html.t2-kl-acik .t2-kl-ekran{gap:.5mm; padding-top:1mm; break-inside:avoid;}
  html.t2-kl-acik .t2-kl-ekran-bas b{font-size:10.5pt;}
  html.t2-kl-acik .t2-kl-renkler, html.t2-kl-acik .t2-kl-kontrol{gap:.8mm;}
  html.t2-kl-acik .t2-kl-renk, html.t2-kl-acik .t2-kl-renk.genis{grid-template-columns:8mm minmax(0,1fr); gap:1.8mm; padding:.6mm .8mm; border-radius:.8mm; background:#fff;}
  html.t2-kl-acik .t2-kl-ornek{width:8mm; height:6.4mm; border-radius:.8mm; font-size:9pt;}
  html.t2-kl-acik .t2-kl-ornek svg{width:4mm; height:4mm;}
  html.t2-kl-acik .t2-kl-ornek.sari-serit i{height:2mm;}
  html.t2-kl-acik .t2-kl-ornek.sari-serit b{font-size:6.5pt; margin-top:0;}
  html.t2-kl-acik .t2-kl-renk-metin{gap:.2mm;}
  html.t2-kl-acik .t2-kl-renk-metin b, html.t2-kl-acik .t2-kl-renk-metin span{font-size:9.5pt; line-height:1.25;}
  html.t2-kl-acik .t2-kl-renk-metin small{font-size:9pt; color:#333;}
  html.t2-kl-acik .t2-kl-kutu{min-height:0; padding:0; gap:1.8mm; font-size:9.5pt; line-height:1.25; border:0; background:none;}
  html.t2-kl-acik .t2-kl-kare{width:3.4mm; height:3.4mm; border-width:.3mm; border-radius:.6mm; margin-top:.2mm;}
  html.t2-kl-acik .t2-kl-kare svg{width:2.8mm; height:2.8mm;}
}