/* ============ TVZ-MOBIL v5 — 09.09.2026 — PRAGMATIK ZICH ILOVA ============
   Egasi (skrinshot, zakaz): "yanada ixcham; bloklar juda kop joyni isrof qilayapti;
   unumli pragmatik dizayn emas". Olchangan sabablar:
   (1) sahifa ichidagi <style> va inline style (form gap:9px, .zkq 13.5px/8px 12px)
       mobil qatlamdan KEYIN keladi -> mobil qoidalar yutmasdi. Endi mobil qatlam
       hokim: !important (yagona manba 11.1, mobil = oxirgi soz).
   (2) .jscroll table{min-width:520px} (uslub 640/700 chegarasi) -> royxat 520px,
       SUMMA ustuni ekrandan tashqarida qolardi. Endi min-width:0.
   (3) a.tugma tagchiziqli edi (uslubda text-decoration yoq) -> olib tashlandi.
   (4) filtr bloki: qidiruv toliq qator, qolgani BIR qatorda; tugma 28px; input 30px.
   (5) tepa: .top 30px, bolimlar 5x2 panjara ~50px, sahifalar qatori 28px.
   iOS: faqat iOS-da input 16px (zoom oldini olish), Android 13.5px.
   Zaxira: tvz-mobil.css.bak-V4-20260909 */

/* ---------- 1. POYDEVOR ---------- */
@media(max-width:768px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:var(--fs-xs,12px);line-height:1.3}
  .layout,.wrap,.lay2 .wrap{max-width:100%;padding:3px 4px 14px!important}
  .card,.obb,.obkart{padding:5px 6px!important;border-radius:8px;margin-bottom:4px!important}
  img,svg,video,canvas{max-width:100%;height:auto}
  pre,code{white-space:pre-wrap;word-break:break-word;font-size:var(--fs-xs,12px)}
  h1{font-size:var(--fs-s,14px);margin:0 0 3px}h2{font-size:var(--fs-s,14px);margin:0 0 4px}h3{font-size:var(--fs-xs,12px);margin:0 0 3px}
  .kkhn,.izoh,.hint,.eskirgan{font-size:var(--fs-xs,12px);line-height:1.3;margin:3px 0}
  p{margin:0 0 4px}
  .kkbosh{margin-bottom:2px;gap:5px}
  [style*="gap"]{gap:4px!important}
  [style*="margin-bottom"]{margin-bottom:4px!important}
}

/* ---------- 2. TEPA: sarlavha + bolimlar + sahifalar — ixcham ---------- */
@media(max-width:768px){
  .top{padding:4px 8px!important;gap:6px!important;min-height:30px}
  .top h1{font-size:var(--fs-s,14px)!important}
  .top .logochip img{height:18px;width:auto}
  .top .rol{padding:1px 7px!important;font-size:var(--fs-xs,12px)!important}
  .top button{padding:2px 8px!important;font-size:var(--fs-xs,12px)!important;min-height:22px}
  nav.msnav{display:grid!important;grid-template-columns:repeat(5,1fr);gap:2px!important;padding:2px!important;overflow:visible}
  /* v6.1 egasi: "mayda, barmoq yonidagini bosadi" - katak 40px, oraliq 2px, har katak alohida fon */
  nav.msnav a.msb{min-width:0;min-height:40px;padding:3px 2px 2px!important;font-size:var(--fs-xs,12px)!important;gap:1px!important;border-bottom-width:2px;line-height:1.1;border-radius:6px;background:rgba(255,255,255,.06)}
  nav.msnav a.msb.on{background:rgba(255,255,255,.18)}
  nav.msnav a.msb .msi{font-size:var(--fs-s,14px)!important}
  nav.msnav a.msb .msn{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  nav.mssub{padding:0 2px!important}
  nav.mssub a{min-height:34px;display:inline-flex;align-items:center;padding:0 10px!important;font-size:var(--fs-xs,12px)!important;border-bottom-width:2px}
}

/* ---------- 3. BOSISH MAYDONI: tugma 28px, input 30px — mobil hokim (!important) ---------- */
@media(max-width:768px){
  .tugma,a.tugma,button,.top form button{min-height:28px;display:inline-flex;align-items:center;
    justify-content:center;padding:0 9px!important;font-size:var(--fs-xs,12px)!important;border-radius:6px!important;line-height:1;gap:4px!important;text-decoration:none!important}
  input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:30px;font-size:var(--fs-s,14px)!important;padding:3px 8px!important;border-radius:6px!important;line-height:1.2}
  textarea{min-height:56px}
  input[type=checkbox],input[type=radio]{min-height:16px;width:16px;height:16px;padding:0}
  label{font-size:var(--fs-xs,12px);margin-bottom:1px}
  /* filtr/asbob qatori: qidiruv toliq qator, qolgani bir qatorda */
  .zkbar,.zkbar form,.mstool,.dfbar,.jboshq,.kn-amal{display:flex;flex-wrap:wrap;gap:4px!important;margin-bottom:4px!important;align-items:center}
  .zkbar form{flex:1 1 100%!important;margin-bottom:0!important}
  .zkq{flex:1 1 120px!important;min-width:0!important;width:auto}
  .jboshq input[type=search]{flex:1 1 100%!important;min-width:0!important}
  .zkbar select,.zkbar form select{flex:1 1 96px;min-width:0;width:auto}
  .zkbar a.tugma,.zkbar button,.zkbar .tugma{flex:0 1 auto}
  /* yordam (.phd) bloki: bosh bolsa korsatilmaydi, bor bolsa ixcham */
  .phd{padding:5px 8px!important;margin-bottom:4px!important}
  .phd .pizoh{font-size:var(--fs-xs,12px);margin:0}
  .phd .pyord{font-size:var(--fs-xs,12px);min-height:0;padding:0}
  .phd:not(:has(.pizoh)){display:none}
  .card h2,.card h3{margin-bottom:4px!important}
  #zkBelPanel{margin:4px 0!important;padding:4px 8px!important;gap:6px!important;flex-wrap:wrap}
}
/* iOS Safari (faqat u): fokusda zoom bolmasin -> 16px saqlanadi */
@supports(-webkit-touch-callout:none){
  @media(max-width:768px){ input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:var(--fs-m,16px)!important} }
}

/* ---------- 4. JADVAL -> ZICH ILOVA ROYXATI + INTUITIV RANG ----------
   Rollarni tvz-mobil.js qoyadi. Qator ~32px: [nom .... SUMMA] / [qosh . qosh]
   data-ishora=kirim -> yashil, chiqim|manfiy -> qizil (tr atributi, JS qoyadi). */
@media(max-width:480px){
  .jscroll{overflow:visible!important}
  table.tvzkart{display:block!important;width:100%!important;min-width:0!important;max-width:100%;border:0;border-radius:8px;overflow:hidden;
    background:var(--yuza);box-shadow:var(--soya);font-size:var(--fs-xs,12px)}
  table.tvzkart thead{display:none}
  table.tvzkart tbody{display:block}
  table.tvzkart tr{display:grid;grid-template-columns:minmax(0,1fr) fit-content(55%);/* DZ15b: o'ng ustun 55% dan oshmaydi — nom ustuni 0 ga qisilmaydi */
    align-items:baseline;column-gap:6px;row-gap:0;padding:4px 7px;margin:0;
    border:0;border-bottom:1px solid var(--line2);border-radius:0;box-shadow:none;
    background:transparent;border-left:3px solid transparent}
  table.tvzkart tr[data-ishora=kirim]{border-left-color:var(--ok,var(--ok,#17693F))}
  table.tvzkart tr[data-ishora=chiqim],table.tvzkart tr[data-ishora=manfiy]{border-left-color:var(--danger,var(--danger,#AE2A20))}
  table.tvzkart tbody tr:last-child{border-bottom:0}
  table.tvzkart td{display:block;padding:0!important;border:0;white-space:normal;min-height:0;background:transparent;font-size:inherit!important}
  table.tvzkart td::before{content:none}
  table.tvzkart td[data-rol=yoq]{display:none}
  table.tvzkart td[data-rol=bosh]{grid-area:1/1;font-size:var(--fs-xs,12px)!important;font-weight:600;
    color:var(--ink);line-height:1.2;text-align:left;overflow:hidden;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  table.tvzkart td[data-rol=son]{grid-area:1/2;text-align:right;font-size:var(--fs-xs,12px)!important;
    font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;min-width:0}
  table.tvzkart tr[data-ishora=kirim] td[data-rol=son]{color:var(--ok,var(--ok,#17693F))}
  table.tvzkart tr[data-ishora=chiqim] td[data-rol=son],table.tvzkart tr[data-ishora=manfiy] td[data-rol=son]{color:var(--danger,var(--danger,#AE2A20))}
  table.tvzkart td[data-rol=qosh1]{grid-area:2/1;font-size:var(--fs-xs,12px)!important;color:var(--muted2);
    text-align:left;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  table.tvzkart td[data-rol=qosh2]{grid-area:2/2;font-size:var(--fs-xs,12px)!important;color:var(--muted2);
    text-align:right;line-height:1.25;white-space:normal;overflow-wrap:anywhere;min-width:0}
  table.tvzkart td a{color:inherit;text-decoration:none;min-height:0}
  table.tvzkart .pill,table.tvzkart .kkbadge,table.tvzkart .zkholat{font-size:var(--fs-xs,12px)!important;padding:0 4px!important;line-height:1.5}
}

/* ---------- 5. KORSATKICH KARTALARI, TABLAR — ZICH ---------- */
@media(max-width:768px){
  .kkkt,.obk,.dfgrid,.b3grid,.blk,.bkgrid,.pbk,.ozk,.phk,.oyq5,.tiles{
    grid-template-columns:repeat(2,1fr)!important;gap:4px!important;margin:4px 0!important}
  .kkk,.obkart{padding:5px 7px!important;border-radius:7px}
  .kkk .t{font-size:var(--fs-xs,12px);letter-spacing:.2px;line-height:1.2}
  .kkk .s{font-size:var(--fs-s,14px);margin-top:1px;letter-spacing:-.02em;line-height:1.15}
  .kkk .n{font-size:var(--fs-xs,12px);margin-top:0;line-height:1.2}
  .msmay,.msr,.tsust,.dfik,.bl2{grid-template-columns:1fr!important;gap:4px!important}
  .kktab{flex-wrap:wrap;gap:3px;margin-bottom:4px}
  .kktab a{padding:0 8px;font-size:var(--fs-xs,12px);min-height:25px;border-radius:13px}
  .jsahifa-srv .jsp{min-width:26px;padding:2px 6px;font-size:var(--fs-xs,12px)}
  .sigbar{padding:3px 7px;font-size:var(--fs-xs,12px);min-height:0;margin-bottom:4px}
}
@media(max-width:480px){
  .mstool .tugma,.mstool a.tugma,.mstool button{flex:1 1 46%;min-width:0}
  .tvzorqa{flex:1 1 100%;min-height:28px;font-size:var(--fs-xs,12px)}
  .kkk .s{font-size:var(--fs-s,14px)}
}

/* ---------- 6. v6 (09.09 kech): BUTUN TAVRIZ - sahifa bloklari (egasi: "bloklar juda
   besunaqay joyni isrof qilgan"). Umumiy qisish tvz-mobil.js zich() da; bu yerda faqat
   panjara/yordam qoidalari. */
@media(max-width:480px){
  .phd{display:none!important}
  .krjonli{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;margin-bottom:4px!important}
  .krjkart{padding:6px 8px!important}
  .krjkart .pill,.krjkart span[class*=chip]{font-size:var(--fs-xs,12px)!important}
  .omkkart{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important}
  .pbk{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important}
  .dfbar .tugma,.dfbar a.tugma,.dfbar button{flex:1 1 30%;min-width:0;padding:0 6px!important}
  .dfbar .sp{display:none}
  .sprbar,.dfbar,.mstool{gap:4px!important;margin-bottom:4px!important}
  .tvrl{display:block!important}
  aside.tvrp{max-height:140px;overflow:auto;margin-bottom:4px}
  .izoh,.kkhn,.hint{font-size:var(--fs-xs,12px)!important;line-height:1.3!important}
}

/* ---------- 7. v8 (19.09): A4 MOBIL 4 ISH JOYI (priyomka · chop/chopetish · qaytarma · soffline), 390px o'lchovi.
   (1) bosqich/sahifa qatori: faol tab ekrandan tashqarida edi (Qaytadi 345-427, Oflayn savdo 498-602) -> JS scrollIntoView + o'ng chekka soya;
   (2) chop: .tvzacc/.jscroll ichidagi 3 ustunli jadval 520px (uslub 640/700 qoidasi) -> min-width 0;
   (3) sahifalash (‹ 1 2 ›) 26px, .jsp 20px, yordam ? 20-22px, hujjat nomeri a.nm 14px -> bosiladigan >= 28px (standart). */
@media(max-width:480px){
  nav.msstep,nav.mssub{position:relative;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .jscroll table,.tvzacc table,details table{min-width:0!important;width:100%!important;table-layout:auto}
  .jscroll{overflow-x:auto}
  .jsahifa button,.jsahifa-srv .jsp,.jsahifa-srv .jsp-o{min-height:32px!important;min-width:32px!important;padding:4px 8px!important;font-size:var(--fs-s,14px)!important}
  .tvz-qbtn,.tvz-q{min-height:28px!important;min-width:28px!important;padding:2px 8px!important}
  a.nm{display:inline-block;min-height:28px;line-height:28px;padding:0 6px;margin:-6px 0}
}

/* ---------- 8. v9 (28.09.2026, NIZOM 14.28-11 «MOBIL INTERFEYS VA TELEFON ILOVASI», egasi TASDIQ) ----------
   (1) PASTKI TAB-BAR: nav.msnav telefonda pastga, 5 katak (KPI · Buyurtmalar · Ombor · Mijozlar · Yana);
       qolgan bo'limlar va «Chiqish» — «Yana» varag'ida. Tartibni tvz-mobil.js tabBar() qo'yadi (xarita ko'zgusi).
   (2) IXCHAM TEPA: .top <= 44 px (sarlavhada joriy sahifa nomi), yolg'iz sahifa qatori yashiriladi.
   (3) iPHONE ILOVA: safe-area (notch, pastki chiziq), ilova rejimi belgisi, oflayn belgisi.
   (4) BOSISH MAYDONI >= 32 px (tvz-bos-*), KESIK MATN (tvz-oq / data-toliq). Sinov: 390 px o'lchovi oldin/keyin. */
@media(max-width:768px){
  body.tvz-tb{padding-bottom:calc(var(--tbh,104px) + 8px)!important}
  body.tvz-tb .top{min-height:40px;max-height:48px;padding:4px calc(10px + env(safe-area-inset-right)) 4px calc(10px + env(safe-area-inset-left))!important;flex-wrap:nowrap!important;overflow:hidden}
  body.tvz-tb .top h1{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-s,14px)!important;font-weight:700}
  body.tvz-tb .top form{display:block!important;margin:0;flex:0 0 auto}
  body.tvz-tb .top form button{min-height:30px!important;padding:0 10px!important;font-size:var(--fs-xs,12px)!important}
  body.tvz-tb .top .logochip{flex-shrink:0}
  body.tvz-tb .top .logochip img{height:18px!important;width:auto!important;max-width:none!important;flex-shrink:0}
  body.tvz-tb nav.mssub.tb-yolgiz{display:none!important}
  body.tvz-tb #pwaOr,body.tvz-tb #yangibar{bottom:calc(var(--tbh,104px) + 8px)!important;max-width:calc(100vw - 24px)}
  body.tvz-tb nav.msnav{position:fixed!important;left:0;right:0;bottom:0;top:auto!important;z-index:900;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;
    padding:4px calc(4px + env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) calc(4px + env(safe-area-inset-left))!important;
    margin:0!important;background:var(--navy,#0A1D13)!important;border-top:1px solid rgba(255,255,255,.10);box-shadow:0 -3px 12px rgba(0,0,0,.20)}
  body.tvz-tb nav.msnav a.msb.tb-ichkari{display:none!important}
  body.tvz-tb nav.msnav a.msb,body.tvz-tb nav.msnav button.tb-yana{min-height:52px!important;padding:5px 2px 4px!important;margin:0;
    display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px!important;
    font-weight:600!important;font-size:var(--fs-xs,12px)!important;line-height:1.1!important;color:rgba(255,255,255,.66)!important;background:transparent!important;border:0!important;
    border-radius:10px!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
  body.tvz-tb nav.msnav a.msb .msi,body.tvz-tb nav.msnav button.tb-yana .msi{font-size:var(--fs-l,19px)!important;line-height:1}
  body.tvz-tb nav.msnav a.msb .msn,body.tvz-tb nav.msnav button.tb-yana .msn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-xs,12px)!important}
  body.tvz-tb nav.msnav a.msb.on,body.tvz-tb nav.msnav button.tb-yana.on{color:var(--oq,#FFFFFF)!important;background:rgba(255,255,255,.14)!important}
  body.tvz-tb nav.msnav a.msb.on .msi,body.tvz-tb nav.msnav button.tb-yana.on .msi{filter:none}
  body.tvz-tb nav.msnav a.msb:active,body.tvz-tb nav.msnav button.tb-yana:active{background:rgba(255,255,255,.22)!important}
  /* «Yana» varag'i */
  .tb-varaq{position:fixed;inset:0;z-index:890;display:none}
  .tb-varaq.och{display:block}
  .tb-varaq .tb-fon{position:absolute;inset:0;background:rgba(6,16,11,.45)}
  .tb-varaq .tb-panel{position:absolute;left:0;right:0;bottom:0;background:var(--yuza,var(--oq,#FFFFFF));border-radius:16px 16px 0 0;
    padding:8px calc(12px + env(safe-area-inset-right)) calc(76px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));
    box-shadow:0 -8px 28px rgba(0,0,0,.25);max-height:78vh;overflow:auto;animation:tbChiq .18s ease-out}
  @keyframes tbChiq{from{transform:translateY(24px);opacity:.4}to{transform:none;opacity:1}}
  .tb-varaq .tb-tut{width:38px;height:4px;border-radius:2px;background:rgba(0,0,0,.18);margin:0 auto 10px}
  .tb-varaq .tb-sarl{font-size:var(--fs-xs,12px);font-weight:700;color:var(--muted2,var(--muted,#566459));margin:2px 2px 8px;text-transform:uppercase;letter-spacing:.4px}
  .tb-varaq .tb-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .tb-varaq .tb-set a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:72px;padding:8px 4px;
    border-radius:12px;background:var(--line2,var(--yuza2,#FAFBFA));color:var(--ink,var(--ink,#111A15))!important;text-decoration:none!important;font-size:var(--fs-xs,12px);font-weight:600;text-align:center;line-height:1.15}
  .tb-varaq .tb-set a .msi{font-size:var(--fs-l,19px);line-height:1;filter:none!important}
  .tb-varaq .tb-set a.on{outline:2px solid var(--brand,#1B4A33);background:rgba(27,74,51,.10)}
  .tb-varaq .tb-qator{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
  .tb-varaq .tb-qator button{flex:1 1 40%;min-height:44px!important;border-radius:10px!important;font-size:var(--fs-s,14px)!important;font-weight:600}
  .tb-varaq .tb-rol{font-size:var(--fs-xs,12px);color:var(--muted2,var(--muted,#566459));margin:10px 2px 0}
  .tb-varaq .tb-ios{margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--ok-bg,#E9F3EC);color:var(--navy,#0A1D13);font-size:var(--fs-s,14px);line-height:1.45}
  .tb-varaq .tb-ios b{font-weight:800}
  /* bosish maydoni >= 32 px (tvz-mobil.js bosish()) */
  .tvz-bos-i{padding-top:9px!important;padding-bottom:9px!important}
  .tvz-bos-b{min-height:32px!important;display:flex!important;align-items:center}
  .tvz-bos-ib{min-height:32px!important;display:inline-flex!important;align-items:center}
  .tvz-bos-f{min-height:32px!important}
  .tvz-bos-iw{padding-left:12px!important;padding-right:12px!important}
  .tvz-bos-w{min-width:32px!important;justify-content:center}
  body.tvz-tb .top h1.tvz-toliq{white-space:normal!important;max-height:none}
  body.tvz-tb .top:has(h1.tvz-toliq){max-height:none}
  /* kesik matn: qattiq kesilgan — o'raladi; «…» bilan qisqartirilgan — bosilganda to'liq */
  .tvz-oq{white-space:normal!important;overflow-wrap:anywhere}
  [data-toliq]{cursor:pointer}
  .tvz-toliq{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important}
  /* xabar (toast) */
  .tvz-toast{position:fixed;left:12px;right:12px;bottom:calc(var(--tbh,104px) + 8px);z-index:960;padding:10px 14px;border-radius:12px;
    background:var(--navy,#0A1D13);color:var(--oq,#FFFFFF);font-size:var(--fs-s,14px);line-height:1.4;box-shadow:0 6px 20px rgba(0,0,0,.3);display:flex;gap:10px;align-items:flex-start}
  .tvz-toast button{background:transparent!important;border:0!important;color:var(--oq,#FFFFFF)!important;font-size:var(--fs-m,16px)!important;min-height:28px;padding:0 4px!important;margin-left:auto}
}
/* iPhone ilova rejimi va oflayn belgisi — har qanday ekranda */
body.tvz-ilova .top{padding-top:calc(4px + env(safe-area-inset-top))!important}
body.tvz-oflayn::before{content:"📵 Internet yo‘q — faqat ko‘rish, yozuv saqlanmaydi";position:fixed;left:0;right:0;top:0;z-index:980;
  padding:calc(4px + env(safe-area-inset-top)) 12px 4px;background:var(--danger,#AE2A20);color:var(--oq,#FFFFFF);font:600 var(--fs-xs,12px)/1.4 system-ui,sans-serif;text-align:center}
@media(max-width:768px){
  /* 14.28-11 d: kirish maydoni >= 36 px (iOS shrift 16 px — 3-bo'limdagi @supports qoidasi) */
  input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),select{min-height:36px!important}
}
@media(max-width:768px){
  /* v9.1 (28.09, egasi): ikki qavatli pastki menyu — «Yana» yo'q, barcha bo'limlar */
  body.tvz-tb nav.msnav.tb-2q{row-gap:3px!important;column-gap:3px!important}
  body.tvz-tb nav.msnav.tb-2q a.msb{min-height:46px!important;padding:3px 2px!important;gap:2px!important;background:rgba(255,255,255,.05)!important}
  body.tvz-tb nav.msnav.tb-2q a.msb.on{background:rgba(255,255,255,.18)!important}
  body.tvz-tb nav.msnav.tb-2q a.msb .msi{font-size:var(--fs-l,19px)!important}
  body.tvz-tb nav.msnav.tb-2q a.msb .msn{font-size:var(--fs-xs,12px)!important}
}

/* v10 IXCHAM (28.09, Nizom 14.28-11 d v7.111): tepa bir qator — rol belgisi telefonda yo'q, «?» ixcham; izoh-katak bo'shlig'i */
@media (max-width:480px){
  body.tvz-tb .top .rol{display:none!important}
  body.tvz-tb .top .tvz-qbtn{flex:0 0 auto;white-space:nowrap;min-height:30px!important;padding:0 10px!important;font-size:var(--fs-xs,12px)!important;margin-left:auto}
  body.tvz-tb .top h1{font-size:var(--fs-s,14px)!important}
}
/* v10: kartaga aylangan jadvalda belgilash katakchasi ustuni 0 px ga qisilib, qo'shni tugma ustiga chiqardi (egasi skrinshoti, Ta'minot) */
@media (max-width:768px){
  table.tvzkart tr:has(> td:first-child:not([data-rol]) > input[type=checkbox]:only-child){grid-template-columns:30px minmax(0,1fr)!important}
  table.tvzkart tr > td:first-child:not([data-rol]):has(> input[type=checkbox]:only-child){min-width:30px;align-self:start;padding-top:6px!important}
  /* qator izohida tugma bo'lsa — matn o'raladi, tugma katak ichida qoladi (qo'shni rasm ustiga chiqmaydi) */
  table.tvzkart td[data-rol=qosh1]:has(button),table.tvzkart td[data-rol=qosh2]:has(button){white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.5}
}

/* ---------- 9. KONTRAGENTLAR (30.09.2026, Nizom 14.5-10 c + 14.28-11 b): 👥 Kimlar telefonda —
   guruhlar gorizontal chip qatori, ro'yxat to'liq en, kartochka to'liq ekran (✕ bilan). Savdo kanallari qatori — rekvizit pastga. */
@media(max-width:768px){
  .kt-md,.kt-md.och{display:block}
  .kt-nav{position:static;padding:8px;margin-bottom:10px}
  .kt-guruh{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:2px;scrollbar-width:none}
  .kt-guruh::-webkit-scrollbar{display:none}
  .kt-guruh button{width:auto;flex:0 0 auto;border:1px solid var(--line);border-radius:18px;padding:5px 11px;white-space:nowrap}
  .kt-ajr{display:none}
  .kt-kp{position:fixed;left:0;right:0;top:0;bottom:calc(var(--tbh,0px));max-height:none;border-radius:0;border:0;z-index:60}
  .kt-rek{margin-left:0;width:100%}
  .kt-bol .kt-bb .xr-b{margin-left:0}
}

/* 10. MIJOZLAR > CHAT — telefonda ikki ekran (02.10.2026, egasi «chatga telefondan javob berish noqulay»; 14.28-11 b/d · 14.51-3)
   Ro'yxat ekrani: faqat suhbatlar (ichki skrolsiz). Suhbat ekrani (?c=): «← Suhbatlar» + yozishma + javob formasi. */
@media(max-width:768px){
  .mzw:not(.mz-tanlangan) .mzbody>.mzp:nth-child(2){display:none!important}
  .mzbody{display:block!important}
  .mzlist{max-height:none!important;overflow:visible!important}
  .mzit{padding:10px 12px!important}
  .mzw.mz-tanlangan .mzhead,.mzw.mz-tanlangan .mzfil,.mzw.mz-tanlangan .mzball,
  .mzw.mz-tanlangan .mzbody>.mzp:first-child{display:none!important}
  .mzw.mz-tanlangan .mzbody>.mzp:nth-child(2){border-radius:12px!important;overflow:visible!important}
  .mzw.mz-tanlangan .mzph{position:sticky;top:0;z-index:6;background:var(--yuza,var(--oq,#FFFFFF));padding:0 8px 0 4px!important;min-height:44px!important;gap:6px!important;border-radius:12px 12px 0 0}
  .mzw.mz-tanlangan .mzph h3{flex:1;min-width:0;font-size:var(--fs-s,14px)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mzorqa{display:inline-flex!important;align-items:center;gap:4px;min-height:40px;padding:0 10px;font-size:var(--fs-s,14px);font-weight:650;color:var(--brand,var(--brand,#1B4A33))!important;text-decoration:none!important;white-space:nowrap}
  .mzchat{max-height:none!important;overflow:visible!important;padding:10px!important;gap:8px!important}
  .mzm{max-width:90%!important;font-size:var(--fs-s,14px)!important}
  .mzras img{max-width:150px!important;max-height:150px!important}
  .mzjav{padding:10px!important}
  .mzjav .mzogoh{font-size:var(--fs-xs,12px)!important;padding:6px 9px!important;margin-bottom:8px!important;line-height:1.45!important}
  .mzjav textarea{font-size:var(--fs-m,16px)!important;min-height:150px!important;line-height:1.45!important;padding:10px 11px!important}
  .mzras-tan{min-height:36px;align-items:center!important}
  .mzras-tan span{display:none}
  .mzjav .row{flex-direction:column-reverse!important;align-items:stretch!important;gap:6px!important}
  #mzYuborTug{width:100%!important;min-height:44px!important;height:46px!important;justify-content:center!important;font-size:var(--fs-s,14px)!important}
}
@media(max-width:768px){.mzw.mz-suz .mzorqa{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:8px;z-index:60;background:var(--yuza,var(--oq,#FFFFFF));border:1px solid var(--line,var(--line,#E2E8E4));border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.14)}} /* sticky body overflow-x tufayli ishlamaydi — tepaga chiqib ketganda «← Suhbatlar» suzadi */
@media(max-width:768px){.mzw:has(.mzbody) .mzfil{flex-wrap:nowrap!important;gap:2px!important;overflow-x:auto;scrollbar-width:none;margin-bottom:8px!important}.mzw:has(.mzbody) .mzfil::-webkit-scrollbar{display:none}.mzw:has(.mzbody) .mzfil a{flex:0 0 auto!important;white-space:nowrap!important;font-size:var(--fs-xs,12px)!important;padding:0 5px!important;min-height:32px!important;height:32px!important;display:inline-flex!important;align-items:center!important;min-width:0!important;letter-spacing:-.01em}.mzw:has(.mzbody) .mzfil>span:not(.mzuz){flex:0 0 3px!important;width:3px!important;min-width:0!important}.mzw:has(.mzbody) .mzfil .mzuz{display:none!important}} /* 02.10 egasi: Chat filtrlari telefonda bitta qatorda, kichikroq */

/* 11. MIJOZLAR > SHARHLAR — telefonda har sharh garmoshka (02.10.2026, egasi; 14.28-11 b/d). Jadval yashiriladi, .mzml ro'yxati ochiladi */
@media(max-width:768px){
  .mzjt,.mzt .kartqator{display:none!important}
  .mzml{display:block!important}
  .mzac{border-bottom:1px solid var(--line,var(--line,#E2E8E4))}
  .mzac:last-child{border-bottom:0}
  .mzac>summary{list-style:none;display:flex!important;gap:9px;align-items:flex-start;padding:9px 11px!important;cursor:pointer;min-height:44px}
  .mzac>summary::-webkit-details-marker{display:none}
  .mzac>summary>img,.mzac>summary>.mznoimg{width:38px!important;height:38px!important;object-fit:contain;border-radius:8px;border:1px solid var(--line,var(--line,#E2E8E4));background:var(--oq,#FFFFFF);flex:0 0 38px;font-size:var(--fs-s,14px)}
  .mzac .a1{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
  .mzac .r{display:flex;align-items:center;gap:6px;min-width:0}
  .mzac .nm{flex:1;min-width:0;font-size:var(--fs-s,14px);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mzac .mzyul{font-size:var(--fs-xs,12px)!important;letter-spacing:0!important;flex:0 0 auto}
  .mzac .tm{font-size:var(--fs-xs,12px);color:var(--muted2,var(--muted2,#5E6B63));flex:0 0 auto}
  .mzac .mzbg{font-size:var(--fs-xs,12px)!important;padding:1px 7px!important;flex:0 0 auto}
  .mzac .sx{font-size:var(--fs-xs,12px);color:var(--muted,var(--muted,#566459));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mzac>summary::after{content:"\25BE";flex:0 0 auto;color:var(--muted2,var(--muted2,#5E6B63));font-size:var(--fs-s,14px);margin-top:2px;transition:transform .15s}
  .mzac[open]>summary::after{transform:rotate(180deg)}
  .mzac[open]>summary{background:var(--ustki,rgba(0,0,0,.035))}
  .mzac[open] .sx{display:none}
  .mzac .ab{padding:2px 11px 11px 58px}
  .mzac .mzblok{padding:8px 10px!important;margin-bottom:7px!important}
  .mzac .mzblok .bm{font-size:var(--fs-s,14px)!important;line-height:1.5!important}
  .mzac .mt{font-size:var(--fs-xs,12px);color:var(--muted2,var(--muted2,#5E6B63));font-family:ui-monospace,monospace}
}
@media(max-width:400px){.mzac .ab{padding-left:11px}}
@media(max-width:768px){.mzw:has(.mzml) .mzfil{gap:3px!important;margin-bottom:8px!important}.mzw:has(.mzml) .mzfil a{font-size:var(--fs-xs,12px)!important;padding:0 5px!important;letter-spacing:-.01em;min-height:32px!important;height:32px!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important}.mzw:has(.mzml) .mzfil form{flex:1 1 100%!important;display:flex!important}.mzw:has(.mzml) .mzfil input{flex:1 1 auto!important;width:auto!important;min-height:36px!important}} /* 02.10 Sharhlar filtrlari ixcham */
/* DZ10 15.10.2026 — 14.28-11 d + 12-h: telefonda bosiladigan element >= 32 px */
@media(max-width:768px){
  body.tvz-tb .top form button,body.tvz-tb .top .tvz-qbtn,.tvz-qbtn,.tvz-q,a.st,.mzfil a,.mzw .mzfil a{min-height:32px!important}
  .mzfil a{display:inline-flex!important;align-items:center}
  .tvz-koz{min-width:32px!important;min-height:32px!important}
  input[type=checkbox],input[type=radio]{width:32px;height:32px;min-width:32px;min-height:32px;margin:0;accent-color:var(--brand,#1B4A33)}
  select,button,input[type=button],input[type=submit]{min-height:32px}
}

/* ---------- DZ15 16.10.2026 — 14.28-11 c,d: MOBILDA KESILGAN MATN 0 ---------- */
@media(max-width:768px){
  /* sahifa ichi tab qatori (tvztabs, tm-tab, svtab, mzfil): yozuv qisqarmaydi — qator yon surilma, faol tab ko'rinadi */
  nav.tvztabs,.tm-tab,.svtab,.mzfil{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden;width:auto!important;max-width:100%;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:6px;padding:4px 2px 6px;margin-left:-2px;margin-right:-2px;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  nav.tvztabs::-webkit-scrollbar,.tm-tab::-webkit-scrollbar,.svtab::-webkit-scrollbar,.mzfil::-webkit-scrollbar{display:none}
  nav.tvztabs.tb-oxiri,.tm-tab.tb-oxiri,.svtab.tb-oxiri,.mzfil.tb-oxiri{-webkit-mask-image:none;mask-image:none}
  nav.tvztabs a.tvztab,.tm-tab a,.svtab button,.mzfil a{flex:0 0 auto!important;white-space:nowrap;scroll-snap-align:start;overflow:visible!important}
  .svtab{border:0!important;border-radius:0!important}
  .svtab button{border:1px solid var(--line)!important;border-radius:999px;min-height:32px}
  /* oy tanlagich (sana.inc.php): ro'yxat qismi torayadi va o'zi suriladi — tashqariga chiqmaydi */
  .tvz-oyt{min-width:0;max-width:100%}.tvz-oyt .ls{min-width:0;flex:1 1 0}
  /* jadval: kartaga aylantirilmagan jadval yon suriladi, sahifa emas */
  .jscroll:not(:has(table.tvzkart)){overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  /* nowrap matn uzun bo'lsa — qisqartirish emas, o'rash */
  .prjad .kn,.ms-lv i,.ms-lv b{white-space:normal!important;overflow-wrap:anywhere;min-width:0}
  /* DZ15b: uzun havola (katalog .fk-nav) sinadi; oy tanlovi (tvzOyTanla) o'z qatorini to'liq oladi; Nizom matni jadvali gorizontal skrol */
  .fk-nav,.fk-nav *{min-width:0;overflow-wrap:anywhere}
  table.tvzkart td[data-rol=bosh]{overflow-wrap:anywhere;min-width:0}/* DZ15b: uzun so'z karta sarlavhasida kesilmaydi */
  :has(> .tvz-oyt){min-width:0!important;max-width:100%;flex:1 1 100%}
  .tvz-oyt{flex:1 1 auto}
  .tkmatn2 table.tkt{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ms-lv button{min-width:0;overflow:hidden}
}
@media(max-width:480px){
  /* Sog'lik sferasi: yo'nalish chiplari — 2 ustunli teng panjara, toq bo'lsa oxirgisi to'liq qator (11-d); chipda holat ko'rinadi */
  .sf-chiplar{display:grid!important;grid-template-columns:1fr 1fr;gap:6px}
  .sf-chip{min-height:38px;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center}
  .sf-chip:last-child:nth-child(odd){grid-column:1/-1}
  .sf-chip i{display:inline!important;font-style:normal;font-weight:600;white-space:nowrap}
  .sf-chiplar .sf-chip{white-space:nowrap;padding:7px 8px}
  .sf-royxat{scrollbar-width:thin}
  .sf-blok{padding:12px;gap:12px}
}