/* Terminal 3 bölüm — Faz 3 bölüm çatısı stilleri (term-bolum.js; sözleşme §8.4, §8.5, §8.7).
   Kurallar: renkler yalnız tema belirteçlerinden (sabit renk yalnız var(--t2-mavi, …) yedeği), köşe --radius-*, dokunma hedefi >= 48 px,
   375 px'te yatay taşma yok (minmax(0,1fr), min-width:0, overflow-wrap:anywhere), kartlarda gölge / animasyon yok, daktilo yazı tipi yok.
   [hidden] sayfa genelinde display:none !important (index.html başı): display:flex yazan sınıflar ona güvenir.
   Açık / koyu tema: renkli küçük yazılar color-mix ile --ink'e doğru koyulaşır (açık temada koyu, koyu temada açık ton). */

.t2-bolum-cip.ton-mavi, .t2-bolum-ekran.ton-mavi, .t2-bolum-sec-dugme.ton-mavi{--bolum-ton:var(--t2-mavi, #3b82f6);}
.t2-bolum-cip.ton-yesil, .t2-bolum-ekran.ton-yesil, .t2-bolum-sec-dugme.ton-yesil{--bolum-ton:var(--good);}
.t2-bolum-cip.ton-mor, .t2-bolum-ekran.ton-mor, .t2-bolum-sec-dugme.ton-mor{--bolum-ton:var(--t2-mor, #8b5cf6);}
.t2-bolum-cip.ton-notr, .t2-bolum-ekran.ton-notr{--bolum-ton:var(--line);}
/* "Tüm ekranlarım" / "Bölüm seç" çipi: nötr ama belirgin kenar (inceleme 2026-10-24: --line ile neredeyse görünmeyen gri bir oktu; bölüme dönüşün yolu bu çip) */
.t2-bolum-cip.ton-notr{--bolum-ton:var(--ink-muted); background:var(--surface-2);}

/* ---------- üst çubuk: kimlik görünürlüğü + bölüm çipi ---------- */
/* Çip #ustOperator'ın hemen ardında (alt satır). Satır kırpılmaz (çipin 48 px dokunma alanı satırın dışına taşar); her öğe kendi içinde
   üç noktayla kesilir, yatay taşma olmaz. */
body.t2-bolum-acik .t2-ust-alt{overflow:visible;}
body.t2-bolum-acik .t2-ust-alt > span{min-width:0; overflow:hidden; text-overflow:ellipsis;}
body.t2-bolum-acik #ustOperator{flex:0 1 auto; font-weight:800; color:var(--ink); white-space:nowrap;}
.t2-bolum-cip{
  position:relative; flex:0 1 auto; min-width:0; max-width:46vw;
  display:inline-flex; align-items:center; gap:3px; height:22px; padding:0 5px 0 8px;
  border-radius:var(--radius-pill, 999px); border:1px solid var(--bolum-ton);
  background:color-mix(in srgb, var(--bolum-ton) 16%, var(--surface)); color:var(--ink);
  font-size:.66rem; font-weight:800; letter-spacing:.04em; line-height:1; white-space:nowrap;
}
.t2-bolum-cip::before{content:""; position:absolute; left:-4px; right:-4px; top:-13px; bottom:-13px;} /* dokunma alanı 48 px */
.t2-bolum-cip-metin, .t2-bolum-cip-kisa{min-width:0; overflow:hidden; text-overflow:ellipsis;}
.t2-bolum-cip-kisa{display:none;}
.t2-bolum-cip-ok{flex:none; width:12px; height:12px;}
/* 420 px altında (360-412 px el terminalleri, telefonlar) alt satır dar: tam ad yerine KISA ad (PAKET / DEPO / İADE / TÜM / SEÇ) yazılır,
   çip kısalmaz (flex:none), önce kullanıcı adı üç noktayla kesilir (inceleme 2026-10-24: metin tamamen gizlenince çip yazısız bir oktu,
   'Tüm ekranlarım' hiçbir yerde yazmıyordu; sözleşme A7 "çip ve kullanıcı adı kesilerek sığar"). Ok simgesi burada gizlenir (çerçeveli
   etiket düğme olduğunu zaten gösterir): 360 px'te kullanıcı adına ~15 px daha kalır. Dokunma alanı 48 px. */
@media (max-width:420px){
  .t2-bolum-cip{flex:none; min-width:40px; max-width:30vw; padding:0 6px;} /* + ::before ±4 px → dokunma ≥ 48 px */
  .t2-bolum-cip-metin, .t2-bolum-cip-ok{display:none;}
  .t2-bolum-cip-kisa{display:inline;}
  body.t2-bolum-acik #ustOperator{flex:0 1 auto; min-width:2.5em;}
}

/* ---------- bölüm ana ekranı (#ekranMenu içinde) ---------- */
.t2-bolum-ekran{display:flex; flex-direction:column; gap:8px; min-width:0;}
.t2-bolum-baslik{
  padding:4px 2px 0; font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  color:color-mix(in srgb, var(--ink-muted) 70%, var(--ink));
}
.t2-bolum-serit{
  display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; min-height:48px; min-width:0; padding:8px 12px;
  border:1px solid var(--line-soft); border-left:4px solid var(--bolum-ton); border-radius:var(--radius-lg, 14px);
  background:var(--surface); color:var(--ink); font-size:.9rem; font-weight:700; overflow-wrap:anywhere;
}
.t2-bolum-serit.sakin{border-left-color:var(--line); background:var(--surface-2); color:color-mix(in srgb, var(--ink-muted) 70%, var(--ink)); font-weight:600;}
.t2-bolum-serit-oge{min-width:0; overflow-wrap:anywhere;}
.t2-bolum-serit-oge + .t2-bolum-serit-oge::before{content:"·"; margin-right:8px; color:var(--ink-muted);}
.t2-bolum-serit-oge.ton-sari{color:color-mix(in srgb, var(--warn) 70%, var(--ink));}
.t2-bolum-serit-oge.ton-kirmizi{color:color-mix(in srgb, var(--critical) 76%, var(--ink));}

/* Şimdi yapılacaklar (en çok 3) */
.t2-bolum-simdi{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px;}
.t2-bolum-simdi-satir{
  width:100%; min-width:0; min-height:48px; display:flex; align-items:center; gap:10px; padding:8px 10px;
  border:1px solid var(--line-soft); border-left:4px solid var(--line); border-radius:var(--radius-md, 10px);
  background:var(--surface); color:var(--ink); text-align:left; font-size:.92rem; font-weight:700;
}
.t2-bolum-simdi-satir.ton-sari{border-left-color:var(--warn);}
.t2-bolum-simdi-satir.ton-kirmizi{border-left-color:var(--critical);}
button.t2-bolum-simdi-satir:active{background:var(--surface-2);}
.t2-bolum-sira{flex:none; width:28px; height:28px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--surface-3); font-size:.85rem; font-weight:900;}
.t2-bolum-simdi-metin{flex:1 1 auto; min-width:0; overflow-wrap:anywhere; line-height:1.25;}
.t2-bolum-ac{flex:none; padding:6px 12px; border-radius:var(--radius-pill, 999px); background:var(--accent); color:var(--accent-contrast); font-size:.85rem; font-weight:800;}

/* İş akışı kartları (.t2-menu-kart görünümü yeniden kullanılır) */
.t2-bolum-izgara{grid-template-columns:repeat(2, minmax(0,1fr));}
@media (min-width:600px){ .t2-bolum-izgara{grid-template-columns:repeat(3, minmax(0,1fr));} }
.t2-bolum-kart{min-width:0; border-left:4px solid var(--line-soft);}
.t2-bolum-kart.ton-sari{border-left-color:var(--warn);}
.t2-bolum-kart.ton-kirmizi{border-left-color:var(--critical);}
.t2-bolum-kart .t2-menu-ad, .t2-bolum-kart .t2-menu-acik{overflow-wrap:anywhere;}
.t2-bolum-kart.hedefsiz{cursor:default;}
.t2-bolum-ikon{background:var(--surface-3); color:var(--ink);}
.t2-bolum-ikon svg{width:20px; height:20px;}
.t2-bolum-bilgi{
  display:inline-block; margin-left:2px; padding:1px 6px; border-radius:var(--radius-pill, 999px); vertical-align:2px;
  background:var(--surface-3); color:color-mix(in srgb, var(--ink-muted) 60%, var(--ink)); font-size:.6rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
}
.t2-bolum-sayac{
  flex:none; min-width:40px; padding:4px 8px; border-radius:var(--radius-pill, 999px); text-align:center;
  background:color-mix(in srgb, var(--accent) 16%, var(--surface-2)); color:var(--ink);
  font-size:1.15rem; font-weight:900; line-height:1.2; font-variant-numeric:tabular-nums;
}
.t2-bolum-sayac.sifir{background:var(--surface-2); color:var(--ink-muted);}
.t2-bolum-sayac.notr{background:var(--surface-2); color:var(--ink);} /* bilgi sayacı (Etiket Bas: barkod panelde atanır) — iş rengi değil */
.t2-bolum-kart.ton-sari .t2-bolum-sayac{background:color-mix(in srgb, var(--warn) 28%, var(--surface));}
.t2-bolum-kart.ton-kirmizi .t2-bolum-sayac{background:color-mix(in srgb, var(--critical) 26%, var(--surface));}
/* İki sütunlu ızgarada (600 px altı) kart dar: rakam ve sayaç üst satırda, ad ve alt satır tüm genişlikte (sözcük ortadan bölünmez) */
@media (max-width:599px){
  .t2-bolum-kart{display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-areas:"no sayac" "metin metin"; align-items:center; gap:6px 8px;}
  .t2-bolum-kart > .t2-menu-no{grid-area:no;}
  .t2-bolum-kart > .t2-bolum-sayac{grid-area:sayac; justify-self:end;}
  .t2-bolum-kart > .t2-menu-metin{grid-area:metin; min-width:0;}
}

/* Kısayollar + yedek */
.t2-bolum-kisa{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px;}
@media (min-width:600px){ .t2-bolum-kisa{grid-template-columns:repeat(3, minmax(0,1fr));} }
.t2-bolum-kisa .t2-dugme{min-width:0; min-height:48px; justify-content:flex-start; padding:4px 10px; text-align:left; white-space:normal; line-height:1.2; overflow-wrap:anywhere;}
.t2-bolum-kisa-no{flex:none; width:24px; height:24px; border-radius:var(--radius-sm, 7px); display:inline-flex; align-items:center; justify-content:center; background:var(--surface-3); font-size:.8rem; font-weight:900;}
.t2-bolum-yedek{padding:2px; font-size:.85rem; color:color-mix(in srgb, var(--ink-muted) 70%, var(--ink)); overflow-wrap:anywhere;}
.t2-bolum-yedek b{color:var(--ink);}
.t2-bolum-sakin{padding:4px 2px; font-size:.85rem; color:color-mix(in srgb, var(--ink-muted) 70%, var(--ink)); overflow-wrap:anywhere;}
.t2-bolum-alt{min-width:0;} /* veri tazeliği satırı (#menuTazelik, düz menüdeki .t2-tazelik görünümü) */

/* ---------- "Bölüm seç" ekranı ve seçici düğmeleri ---------- */
.t2-bolum-sec-ekran{display:flex; flex-direction:column; gap:10px; min-width:0;}
.t2-bolum-sec-liste{display:flex; flex-direction:column; gap:8px;}
.t2-bolum-sec-dugme{
  width:100%; min-width:0; min-height:56px; display:flex; align-items:center; gap:10px; padding:8px 14px;
  border:1px solid var(--line); border-left:6px solid var(--bolum-ton); border-radius:var(--radius-lg, 14px);
  background:var(--surface); color:var(--ink); text-align:left;
}
.t2-bolum-sec-dugme.buyuk{min-height:76px;}
.t2-bolum-sec-dugme.benim, .t2-bolum-sec-dugme.secili{border-color:var(--bolum-ton); background:color-mix(in srgb, var(--bolum-ton) 14%, var(--surface));}
.t2-bolum-sec-dugme:active{background:var(--surface-2);}
.t2-bolum-sec-ad{flex:1 1 auto; min-width:0; font-size:1.15rem; font-weight:900; overflow-wrap:anywhere;}
.t2-bolum-sec-alt{flex:none; font-size:.78rem; color:color-mix(in srgb, var(--ink-muted) 70%, var(--ink));}
.t2-bolum-rozet{flex:none; min-width:36px; padding:4px 10px; border-radius:var(--radius-pill, 999px); background:var(--surface-3); text-align:center; font-weight:900; font-variant-numeric:tabular-nums;}
.t2-bolum-tum{min-height:48px;}
.t2-bolum-tum.secili{border-color:var(--accent);}

/* ---------- örtüler: seçici ve "Vardiyamı kapat" (.t2-ortu üstüne) ---------- */
.t2-bolum-ortu-kart{text-align:left; max-height:calc(100dvh - 32px); overflow-y:auto; overscroll-behavior:contain;}
.t2-bolum-ortu-kart h2{text-align:center;}
.t2-bolum-grup{display:flex; flex-direction:column; gap:6px;}
.t2-bolum-grup-bas{font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:color-mix(in srgb, var(--ink-muted) 70%, var(--ink));}
.t2-bolum-cihaz{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px 8px; padding:8px 10px; border:1px dashed var(--line); border-radius:var(--radius-md, 10px);}
.t2-bolum-cihaz label{grid-column:1 / -1; font-size:.8rem; font-weight:700; color:color-mix(in srgb, var(--ink-muted) 70%, var(--ink));}
.t2-bolum-cihaz select{min-width:0; min-height:48px; padding:0 10px; border:1px solid var(--line); border-radius:var(--radius-md, 10px); background:var(--surface-2); color:var(--ink);}
.t2-bolum-durum{font-size:.88rem; font-weight:600; color:var(--ink); overflow-wrap:anywhere;}
.t2-bolum-durum:empty{display:none;}
.t2-bolum-vardiya{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px;}
.t2-bolum-vardiya-satir{display:flex; flex-direction:column; gap:6px; min-width:0; padding:10px 12px; border:1px solid var(--line-soft); border-left:4px solid var(--warn); border-radius:var(--radius-md, 10px); background:var(--surface-2);}
.t2-bolum-vardiya-metin{display:flex; flex-direction:column; gap:2px; min-width:0; overflow-wrap:anywhere;}
.t2-bolum-vardiya-metin small{color:color-mix(in srgb, var(--ink-muted) 70%, var(--ink));}
.t2-bolum-not{flex:1 1 auto; min-height:48px; display:flex; align-items:center; font-size:.88rem; color:color-mix(in srgb, var(--ink-muted) 70%, var(--ink));}
.t2-ortu-kart p.t2-bolum-vardiya-not{color:var(--ink);}
.t2-bolum-vardiya-gorev{display:flex; flex-direction:column; gap:6px; min-width:0;}
.t2-bolum-vardiya-gorev .t2-dugme{min-height:48px;}
/* Çıkış yap: kırmızı ton kenar + zeminde, yazı --ink (açık temada --critical yazı 3,6:1 idi; Mal Kabul / İade Kabul ekranlarındaki kural) */
#ortuVardiya .t2-dugme.kirmizi{color:var(--ink);}

@media (max-width:375px){
  .t2-bolum-kart .t2-bolum-sayac{min-width:34px; padding:3px 6px; font-size:1.05rem;}
  .t2-bolum-serit{padding:8px 10px; font-size:.86rem;}
}

/* ---- Terminal 3 bölüm Faz 8 (2026-10-30; sözleşme raporlar/terminal-3-bolum-faz8-sozlesme-2026-10-30.md §6, §7.3): uyarı şeridi + "Sessize al" + Gün sonu kartı.
   Yalnız pano yanıtında Faz 8 alanları varken çizilir (bolum_pano_ayar.pano kapalıyken öğe yok → bu kurallar hiçbir şeye uygulanmaz). Dokunma hedefleri >= 48 px. */
.t2-bolum-f8-uyari{display:flex; flex-direction:column; gap:6px; min-width:0;}
.t2-bolum-f8-uyari-liste{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px;}
.t2-bolum-f8-uyari-satir{min-height:48px; display:flex; align-items:center; padding:8px 12px; border:1px solid var(--line-soft); border-left:6px solid var(--warn);
  border-radius:var(--radius-md, 10px); color:var(--ink); font-weight:600; overflow-wrap:anywhere;
  /* zemin yüzeyin kendisi + soldan solan ton (koyu temada düz karışım griye kayıyordu; 2026-10-30 ekran denetimi) */
  background:linear-gradient(90deg, color-mix(in srgb, var(--warn) 14%, transparent), transparent 70%), var(--surface);}
.t2-bolum-f8-uyari-satir.ton-kirmizi{border-left-color:var(--critical); background:linear-gradient(90deg, color-mix(in srgb, var(--critical) 14%, transparent), transparent 70%), var(--surface);}
.t2-bolum-f8-sessiz{display:flex; flex-wrap:wrap; align-items:center; gap:6px; min-width:0;}
.t2-bolum-f8-sessiz .t2-dugme{min-height:48px; min-width:0; padding:0 14px;}
.t2-bolum-f8-kapanis{border-left:6px solid var(--warn); padding-left:10px;}
.t2-bolum-f8-kapanis.temiz{border-left-color:var(--good);}
.t2-bolum-f8-bilgi{font-size:.8rem; font-weight:600; color:color-mix(in srgb, var(--ink-muted) 70%, var(--ink));}
.t2-bolum-f8-kapanis-liste{list-style:none; margin:0 0 8px; padding:0; display:flex; flex-direction:column; gap:4px;}
.t2-bolum-f8-madde{min-height:40px; display:flex; align-items:center; gap:8px; min-width:0; overflow-wrap:anywhere;}
.t2-bolum-f8-ikon{width:22px; height:22px; flex:0 0 auto; border-radius:50%; padding:2px;}
.t2-bolum-f8-madde.durum-tamam .t2-bolum-f8-ikon{color:var(--good); background:color-mix(in srgb, var(--good) 16%, var(--surface));}
.t2-bolum-f8-madde.durum-acik .t2-bolum-f8-ikon{color:var(--warn); background:color-mix(in srgb, var(--warn) 18%, var(--surface));}
.t2-bolum-f8-madde.durum-acik{font-weight:700;}
.t2-bolum-f8-madde.durum-bilgi .t2-bolum-f8-ikon{color:var(--ink-muted); background:var(--surface-2);}
.t2-bolum-f8-kapanis .t2-dugme{min-height:48px;}