/* DZ5 15.10.2026: :root tokenlari tvz-tokens.css ga ko'chdi (14.28-12 a) */
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:'Inter','Segoe UI',system-ui,-apple-system,'Helvetica Neue',sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.55;font-size:var(--fs-s,14px);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{line-height:1.3;letter-spacing:-.011em;font-weight:700}
a{color:var(--brand)}
::selection{background:var(--brand-bg);color:var(--brand-tiq)}

/* ---------- tepa panel ---------- */
.top{background:linear-gradient(118deg,var(--navy,#0A1D13) 0%,var(--navy,#0A1D13) 52%,var(--brand,#1B4A33) 140%);color:var(--oq,#FFFFFF);
  padding:11px 22px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.top h1{font-size:var(--fs-m,16px);letter-spacing:.2px;font-weight:800}
.top .rol{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.14);
  border-radius:999px;padding:3px 12px;font-size:var(--fs-xs,12px);font-weight:600;letter-spacing:.3px;text-transform:uppercase}
.top form{margin-left:auto}
.top button{background:rgba(255,255,255,.12);color:var(--oq,#FFFFFF);border:1px solid rgba(255,255,255,.24);
  border-radius:var(--r1);padding:6px 15px;cursor:pointer;font-size:var(--fs-s,14px);font-weight:600;
  font-family:inherit;transition:background .15s,border-color .15s}
.top button:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.42)}

/* ---------- yuqori menyu ---------- */
nav{display:flex;gap:5px;padding:9px 18px;background:var(--yuza);
  border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}
nav a{padding:6px 15px;border-radius:999px;text-decoration:none;color:var(--muted);
  font-size:var(--fs-s,14px);font-weight:600;white-space:nowrap;transition:background .15s,color .15s}
nav a:hover{background:var(--brand-bg);color:var(--brand-tiq)}
nav a.faol{background:var(--brand);color:var(--oq,#FFFFFF)}
nav a.faol:hover{background:var(--brand-tiq);color:var(--oq,#FFFFFF)}
nav .ntl{font-size:var(--fs-xs,12px);color:var(--muted2);letter-spacing:1.2px;font-weight:700;
  align-self:center;padding-right:5px;white-space:nowrap;text-transform:uppercase}

/* ---------- karkas ---------- */
.wrap{max-width:1000px;margin:0 auto;padding:20px 16px 40px}
.layout{display:flex;gap:20px;max-width:1260px;margin:0 auto;padding:20px 16px 40px;align-items:flex-start}
.layout .wrap{flex:1;max-width:none;margin:0;padding:0;min-width:0}

/* ---------- yon menyu ---------- */
.yon{width:206px;flex:none;position:sticky;top:14px}
.yon .yt{font-size:var(--fs-xs,12px);color:var(--muted2);letter-spacing:1.2px;margin:2px 0 7px 6px;
  font-weight:700;text-transform:uppercase}
.yon a{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:var(--r2);margin-bottom:4px;
  background:transparent;border:1px solid transparent;text-decoration:none;color:var(--ink2);
  font-weight:600;font-size:var(--fs-s,14px);transition:background .15s,color .15s}
.yon a:hover{background:var(--yuza);border-color:var(--line);color:var(--ink)}
.yon a.faol{background:var(--brand);color:var(--oq,#FFFFFF);border-color:var(--brand);box-shadow:var(--soya)}
.yon a.faol:hover{background:var(--brand-tiq);color:var(--oq,#FFFFFF)}
.yon .ygr{margin-bottom:16px}
.yon .yhz{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-line);
  border-radius:999px;padding:0 7px;font-size:var(--fs-xs,12px);font-weight:700;letter-spacing:.2px}

/* ---------- kartalar ---------- */
.card{background:var(--yuza);border:1px solid var(--line);border-radius:var(--r3);
  padding:18px 20px;margin-bottom:16px;box-shadow:var(--soya)}
.card h2{font-size:var(--fs-m,16px);margin-bottom:12px;letter-spacing:-.01em;display:flex;
  align-items:center;gap:8px;flex-wrap:wrap}
.card h3{font-size:var(--fs-s,14px);margin-bottom:8px}
.izoh{font-size:var(--fs-s,14px);color:var(--muted);margin-top:6px;line-height:1.6}
.vaqt{color:var(--muted2);font-size:var(--fs-xs,12px);text-align:right;margin-bottom:10px}

/* ---------- plitalar ---------- */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:12px;margin-bottom:18px}
.tile{background:var(--yuza);border:1px solid var(--line);border-radius:var(--r3);
  padding:14px 16px;box-shadow:var(--soya);position:relative;overflow:hidden}
.tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}
.tile.ok:before{background:var(--ok)}
.tile.warn:before{background:var(--warn)}
.tile.bad:before{background:var(--danger)}
.tile .l{font-size:var(--fs-xs,12px);color:var(--muted2);text-transform:uppercase;letter-spacing:.9px;font-weight:700}
.tile .v{font-size:var(--fs-xl,28px);font-weight:800;margin-top:3px;letter-spacing:-.02em;line-height:1.15}
.tile.ok .v{color:var(--ok)}.tile.warn .v{color:var(--warn)}.tile.bad .v{color:var(--danger)}
.tlink{display:block;text-decoration:none;color:inherit;flex:1;min-width:158px}
.tlink .tile{height:100%;cursor:pointer;transition:box-shadow .15s,border-color .15s,transform .15s}
.tlink:hover .tile{border-color:var(--brand-line);box-shadow:var(--soya2);transform:translateY(-1px)}

/* ---------- jadval ---------- */
.jscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:var(--fs-s,14px)}
th{text-align:left;font-size:var(--fs-xs,12px);text-transform:uppercase;letter-spacing:.7px;color:var(--muted2);
  font-weight:700;padding:8px 9px;border-bottom:1px solid var(--line)}
td{padding:9px 9px;border-bottom:1px solid var(--line2)}
tbody tr:last-child td,table tr:last-child td{border-bottom:none}
tr:hover>td{background:var(--yuza2)}
.r{text-align:right}.b{font-weight:700}
td,.tile .v{font-variant-numeric:tabular-nums}
.card table th{position:sticky;top:0;background:var(--yuza);z-index:2}
th.jsort{cursor:pointer;user-select:none}
th.jsort:hover{color:var(--brand)}

/* ---------- belgi (pill) ---------- */
.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 11px;
  font-size:var(--fs-xs,12px);font-weight:700;background:var(--yuza2);color:var(--muted);
  border:1px solid var(--line)}
.pill.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-line)}
.pill.warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-line)}
.pill.bad{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-line)}
.pill.ok:before{content:"\25CF"}
.pill.warn:before{content:"\25B2"}
.pill.bad:before{content:"\25A0"}

/* ---------- tugmalar ---------- */
button,.tugma{font-family:inherit}
.tugma,button.tugma{display:inline-flex;align-items:center;gap:7px;border-radius:var(--r1);
  padding:8px 16px;font-size:var(--fs-s,14px);font-weight:700;cursor:pointer;border:1px solid var(--line);
  background:var(--yuza);color:var(--ink2);transition:background .15s,border-color .15s,box-shadow .15s}
.tugma:hover{border-color:var(--line,#E2E8E4);background:var(--yuza2)}
.tugma.asosiy{background:var(--brand);border-color:var(--brand);color:var(--oq,#FFFFFF)}
.tugma.asosiy:hover{background:var(--brand-tiq);border-color:var(--brand-tiq)}
.tugma.ogoh{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn)}
.tugma.ogoh:hover{background:var(--warn-bg,#FCF6E9);border-color:var(--warn-line,#EBD9AF)}
.tugma.xavf{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger)}
.tugma.xavf:hover{background:var(--danger-bg,#FBEEEC);border-color:var(--danger-line,#EFC9C4)}
.tugma:disabled{opacity:.5;cursor:default}
.mini{background:var(--yuza);border:1px solid var(--line);border-radius:var(--r1);padding:5px 12px;
  font-size:var(--fs-s,14px);cursor:pointer;color:var(--brand);font-weight:700;font-family:inherit;
  transition:background .15s,border-color .15s}
.mini:hover{background:var(--brand-bg);border-color:var(--brand-line)}

/* ---------- xabar bloklari ---------- */
.eskirgan{background:var(--warn-bg);border:1px solid var(--warn-line);border-left:3px solid var(--warn);
  border-radius:var(--r2);padding:11px 16px;margin-bottom:16px;font-size:var(--fs-s,14px);color:var(--warn,#8A5A08)}
.zid{background:var(--danger-bg);border:1px solid var(--danger-line);border-left:3px solid var(--danger);
  border-radius:var(--r2);padding:10px 14px;font-size:var(--fs-s,14px);margin:8px 0;color:var(--danger,#AE2A20)}
.natija{background:var(--brand-bg);border:1px solid var(--brand-line);border-radius:var(--r2);
  padding:10px 14px;font-size:var(--fs-s,14px);margin:8px 0;color:var(--brand-tiq)}

/* ---------- diagramma / progress ---------- */
.bar{height:8px;background:var(--line2);border-radius:999px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--brand);border-radius:999px}
.qat{display:flex;align-items:center;gap:11px;padding:6px 0;font-size:var(--fs-s,14px);font-variant-numeric:tabular-nums}
.qat .nom{width:82px;color:var(--muted)}.qat .blk{flex:1}
.kun{display:flex;align-items:flex-end;gap:3px;height:92px;margin-top:10px}
.kun i{flex:1;background:var(--brand);border-radius:3px 3px 0 0;min-height:2px;opacity:.85}
.kun i.bosh{background:var(--line)}

/* ---------- motiv bloki ---------- */
.motiv{background:linear-gradient(132deg,var(--navy,#0A1D13) 0%,var(--navy,#0A1D13) 60%,var(--ok,#17693F) 130%);border-radius:var(--r3);
  color:var(--oq,#FFFFFF);padding:28px 24px;text-align:center;margin-bottom:18px;box-shadow:var(--soya2)}
.motiv .ism{font-size:var(--fs-l,19px);letter-spacing:1.2px;color:var(--ok,#17693F);margin-top:14px;font-weight:600}
.motiv .pul{font-size:var(--fs-xl,28px);font-weight:900;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.motiv .maqsad{margin-top:18px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r2);padding:12px 16px;font-size:var(--fs-s,14px)}

/* ---------- vazifa qatorlari ---------- */
.vaz{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line2);font-size:var(--fs-s,14px)}
.vaz:last-child{border-bottom:none}
.vaz .m{flex:1}
.vaz form{margin:0}
.vaz button{background:var(--brand);color:var(--oq,#FFFFFF);border:1px solid var(--brand);border-radius:var(--r1);
  padding:8px 18px;font-size:var(--fs-s,14px);font-weight:700;cursor:pointer;font-family:inherit}
.vaz button:hover{background:var(--brand-tiq)}
.vaz .ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-line);border-radius:var(--r1);
  padding:7px 14px;font-size:var(--fs-s,14px);font-weight:700;white-space:nowrap}

/* ---------- kirish sahifasi ---------- */
.login{max-width:370px;margin:13vh auto;background:var(--yuza);border:1px solid var(--line);
  border-radius:18px;padding:34px 30px;text-align:center;box-shadow:var(--soya2)}
.login h1{font-size:var(--fs-l,19px);margin-bottom:4px;letter-spacing:-.02em}
.login p{color:var(--muted);font-size:var(--fs-s,14px);margin-bottom:20px}
.login input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r2);
  font-size:var(--fs-m,16px);margin-bottom:12px;font-family:inherit;background:var(--yuza2)}
.login input:focus{background:var(--oq,#FFFFFF);border-color:var(--brand-line)}
.login button{width:100%;padding:12px;background:var(--brand);color:var(--oq,#FFFFFF);border:none;border-radius:var(--r2);
  font-size:var(--fs-m,16px);font-weight:700;cursor:pointer;font-family:inherit}
.login button:hover{background:var(--brand-tiq)}
.login .x{color:var(--danger);font-size:var(--fs-s,14px);margin-bottom:10px}

/* ---------- jurnal boshqaruvi ---------- */
.jboshq{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:2px 0 12px}
.jboshq input[type=search]{flex:1;min-width:160px;padding:8px 12px;border:1px solid var(--line);
  border-radius:var(--r1);font-size:var(--fs-s,14px);font-family:inherit;background:var(--yuza2)}
.jboshq input[type=search]:focus{background:var(--oq,#FFFFFF);border-color:var(--brand-line)}
.jboshq .jcsv{padding:8px 13px;border:1px solid var(--line);border-radius:var(--r1);background:var(--yuza);
  font-size:var(--fs-s,14px);text-decoration:none;color:var(--muted);white-space:nowrap;font-weight:600}
.jboshq .jcsv:hover{border-color:var(--brand-line);color:var(--brand);background:var(--brand-bg)}
.jboshq .json-soni{font-size:var(--fs-xs,12px);color:var(--muted2);white-space:nowrap}
/* 03.09.2026 ustun filtr qatori (tvz-jadval.js filtrQator) */
.jadval thead tr.jfiltr td{padding:4px 6px;background:var(--yuza,var(--yuza2,#FAFBFA));border-bottom:1px solid var(--line,var(--line,#E2E8E4));vertical-align:top}
.jadval thead tr.jfiltr input,.jadval thead tr.jfiltr select{width:100%;min-width:64px;box-sizing:border-box;padding:4px 6px;border:1px solid var(--line,var(--line,#E2E8E4));border-radius:6px;font-size:var(--fs-xs,12px);background:var(--oq,#FFFFFF);color:inherit;font-weight:400;text-transform:none;letter-spacing:0}
.jadval thead tr.jfiltr td input,.jadval thead tr.jfiltr td select{display:block}
.jadval thead tr.jfiltr td input+input{margin-top:3px}
.jadval thead tr.jfiltr input[type=date],.jadval thead tr.jfiltr input[type=month]{min-width:118px;padding:3px 4px;font-size:var(--fs-xs,12px)}
.jadval thead tr.jfiltr input:focus,.jadval thead tr.jfiltr select:focus{outline:none;border-color:var(--brand-line,var(--line,#E2E8E4))}
.jboshq .jfiltr-toza{color:var(--muted2)}
.jfoyna{position:absolute;right:0;top:calc(100% + 6px);z-index:60;background:var(--oq,#FFFFFF);border:1px solid var(--line,var(--line,#E2E8E4));border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.14);padding:10px 12px;min-width:240px;max-height:360px;overflow:auto;font-size:var(--fs-s,14px)}
.jfoyna-h{font-size:var(--fs-xs,12px);text-transform:uppercase;letter-spacing:.06em;color:var(--muted2,var(--muted,#566459));margin-bottom:6px}
.jfoyna-st{display:block;font-size:var(--fs-xs,12px);color:var(--brand,var(--brand,#1B4A33));margin:0 0 8px;text-decoration:none}
.jfoyna label{display:flex;align-items:center;gap:8px;padding:5px 2px;cursor:pointer;border-top:1px solid var(--line2,#EDF1EE)}
.jfoyna label small{color:var(--muted2,var(--muted2,#5E6B63));font-size:var(--fs-xs,12px)}
.jfoyna input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand,var(--brand,#1B4A33))}
.jsahifa{display:flex;gap:5px;align-items:center;justify-content:center;margin-top:12px;flex-wrap:wrap}
.jsahifa button{min-width:34px;padding:6px 10px;border:1px solid var(--line);background:var(--yuza);
  border-radius:var(--r1);font-size:var(--fs-s,14px);cursor:pointer;font-family:inherit;color:var(--ink2)}
.jsahifa button:hover{border-color:var(--brand-line);color:var(--brand)}
.jsahifa button.faol{background:var(--brand);color:var(--oq,#FFFFFF);border-color:var(--brand);font-weight:700}
.jsahifa button:disabled{opacity:.35;cursor:default}
.jyoq{color:var(--muted2);font-size:var(--fs-s,14px);padding:12px 2px}

/* ---------- akkordeon ---------- */
details.tvzacc{margin:8px 0}
details.tvzacc>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;
  padding:9px 14px;border:1px solid var(--line);border-radius:var(--r1);background:var(--yuza2);
  color:var(--ink2);font-weight:600;font-size:var(--fs-s,14px);user-select:none;transition:background .15s,border-color .15s}
details.tvzacc>summary::-webkit-details-marker{display:none}
details.tvzacc>summary:before{content:"\25B8";color:var(--muted2);font-size:var(--fs-xs,12px)}
details.tvzacc[open]>summary:before{content:"\25BE"}
details.tvzacc>summary:hover{background:var(--brand-bg);border-color:var(--brand-line);color:var(--brand-tiq)}
details.tvzacc[open]>summary{border-radius:var(--r1) var(--r1) 0 0;background:var(--brand-bg);
  border-color:var(--brand-line);color:var(--brand-tiq)}
details.tvzacc>table{border:1px solid var(--brand-line);border-top:none;border-radius:0 0 var(--r1) var(--r1)}
details.tvzacc>table th{padding-top:9px}
details.tvzacc>table th:first-child,details.tvzacc>table td:first-child{padding-left:14px}
details.tvzacc>table th:last-child,details.tvzacc>table td:last-child{padding-right:14px}

/* ---------- CHOP: kanal sahifasi ---------- */
.kn-tablar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.kn-tab{padding:8px 20px;border-radius:999px;text-decoration:none;font-weight:700;font-size:var(--fs-s,14px);
  background:var(--yuza2);color:var(--muted);border:1px solid var(--line);transition:all .15s}
.kn-tab:hover{background:var(--brand-bg);color:var(--brand-tiq);border-color:var(--brand-line)}
.kn-tab.faol{background:var(--brand);color:var(--oq,#FFFFFF);border-color:var(--brand);box-shadow:var(--soya)}

.kn-guruh{margin:16px 0;padding:14px 16px 12px;border:1px solid var(--line);border-radius:var(--r3);background:var(--yuza2)}
.kn-guruh.ok{border-color:var(--ok-line);background:var(--ok-bg)}
.kn-guruh.kut{border-color:var(--warn-line);background:var(--warn-bg)}
.kn-sarl{font-size:var(--fs-s,14px);font-weight:800;margin:0 0 10px;letter-spacing:-.01em;display:flex;
  align-items:center;gap:8px;flex-wrap:wrap}
.kn-guruh.ok .kn-sarl{color:var(--ok)}
.kn-guruh.kut .kn-sarl{color:var(--warn)}
.kn-ogoh{margin:0 0 10px;padding:8px 12px;border-radius:var(--r1);background:var(--danger-bg);
  border:1px solid var(--danger-line);color:var(--danger);font-weight:700;font-size:var(--fs-s,14px)}

.kn-nak{background:var(--yuza);border:1px solid var(--line);border-radius:var(--r2);
  padding:12px 14px;margin:10px 0;box-shadow:var(--soya)}
.kn-qator{display:flex;gap:9px;flex-wrap:wrap;align-items:center;font-weight:600;font-size:var(--fs-s,14px);color:var(--ink2)}
.kn-son{display:inline-flex;align-items:center;background:var(--ok-bg);border:1px solid var(--ok-line);
  color:var(--ok);border-radius:var(--r1);padding:3px 11px;font-size:var(--fs-s,14px);font-weight:800;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.kn-chiq{display:inline-flex;align-items:center;background:var(--brand-bg);border:1px solid var(--brand-line);
  color:var(--brand-tiq);border-radius:var(--r1);padding:3px 11px;font-size:var(--fs-s,14px);font-weight:700;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.kn-nak b.kn-chala{color:var(--danger)}
.kn-nak b.kn-muddat{color:var(--ok)}
.kn-amal{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}
.kn-qog{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:var(--fs-xs,12px);color:var(--muted)}
.kn-qog select{padding:6px 10px;border-radius:var(--r1);background:var(--yuza);color:var(--ink);
  border:1px solid var(--line);font-weight:600;font-size:var(--fs-s,14px);font-family:inherit;cursor:pointer}
.kn-qog select:hover{border-color:var(--brand-line)}
.kn-pvz{font-size:var(--fs-xs,12px);color:var(--muted);margin:8px 0 2px}
.kn-kut-nak{margin:10px 0 4px;font-weight:700;color:var(--warn,#8A5A08);font-size:var(--fs-s,14px)}
.kn-xira{opacity:.7}
.kn-pid{font-size:var(--fs-xs,12px);color:var(--muted2)}
.kn-sku{font-size:var(--fs-s,14px)}
.kn-w56{width:56px}
.kn-qoida{font-size:var(--fs-xs,12px);color:var(--muted);margin-top:14px;padding-top:12px;border-top:1px solid var(--line2);line-height:1.65}

/* ---------- kichik yordamchilar ---------- */
abbr.atama{text-decoration:underline dotted;text-underline-offset:2px;cursor:help;border:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{
  outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
input,select,textarea{font-family:inherit}

/* ---------- moslashuvchanlik ---------- */
@media(max-width:900px){
  .layout{flex-direction:column-reverse;gap:14px;align-items:stretch}
  .yon{width:100%;position:static;display:flex;overflow-x:auto;gap:6px;padding-bottom:4px}
  .yon .ygr{display:contents}
  .yon .yt{display:block;font-size:var(--fs-xs,12px);margin:7px 7px 7px 0;align-self:center}
  .yon a{white-space:nowrap;margin-bottom:0;flex:none;background:var(--yuza);border-color:var(--line)}
}
@media(max-width:700px){.card table{display:block;overflow-x:auto}}
@media(max-width:640px){
  body{font-size:var(--fs-s,14px)}
  .wrap,.layout{padding:14px 11px 32px}
  .card{padding:15px 14px;border-radius:12px}
  table{font-size:var(--fs-s,14px)}
  th{font-size:var(--fs-xs,12px)}
  td{padding:8px 7px}
  .jscroll table{min-width:520px}
  .tiles{grid-template-columns:repeat(2,1fr)!important}
  h2{font-size:var(--fs-s,14px)}
  .tile .v{font-size:var(--fs-xl,28px)}
  .kn-qator{font-size:var(--fs-s,14px)}
  .kn-nak{padding:11px 12px}
}
@media(max-width:420px){.tiles{grid-template-columns:repeat(2,1fr)!important}}

/* ---------- MOBIL MOSLASHUV v2 (2026-08-23, ega: "telefonda korish noqulay") ---------- */
@media(max-width:700px){
  /* HAR QANDAY jadval oz ichida aylanadi - sahifa yon tomonga kengaymaydi */
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .jscroll table{display:table;min-width:520px}
}
@media(max-width:640px){
  /* tepa panel ixcham */
  .top{padding:8px 12px;gap:9px}
  .top h1{font-size:var(--fs-s,14px)}
  .top .rol{padding:2px 9px;font-size:var(--fs-xs,12px)}
  .top button{padding:5px 11px;font-size:var(--fs-s,14px)}
  /* yuqori menyu: yopishqoq, barmoq uchun kattaroq, skrollbar korinmas */
  nav{position:sticky;top:0;z-index:50;padding:8px 10px;gap:6px;
    box-shadow:0 1px 4px rgba(17,24,39,.06);scrollbar-width:none}
  nav::-webkit-scrollbar{display:none}
  nav a{padding:5px 11px;font-size:var(--fs-s,14px)}
  .yon a{padding:6px 11px;font-size:var(--fs-s,14px)}
  /* iOS avtozoom oldini olish: maydonlar 16px */
  input,select,textarea{font-size:var(--fs-m,16px)!important}
  /* tugmalar - barmoq nishoni (min 42px) */
  .tugma,button.tugma{min-height:32px;padding:5px 11px;font-size:var(--fs-s,14px);gap:5px;border-radius:7px}
  .mini{min-height:28px;padding:4px 9px;font-size:var(--fs-xs,12px)}
  .vaz{flex-wrap:wrap;gap:8px}
  .vaz button{min-height:30px;padding:5px 12px;font-size:var(--fs-s,14px)}
  /* chop (kn) tugmalari - 2x2 tor, teng kenglik */
  .kn-amal{display:inline-flex;gap:6px}
  .kn-amal .tugma{flex:0 1 auto}
  .kn-qator{row-gap:6px}
  /* raqam plitalari ixcham */
  .tiles{gap:9px;margin-bottom:14px}
  .tile{padding:11px 12px}
  .tile .l{font-size:var(--fs-xs,12px);letter-spacing:.6px}
  .tile .v{font-size:var(--fs-l,19px)}
  /* motiv bloki */
  .motiv{padding:20px 14px}
  .motiv .pul{font-size:var(--fs-xl,28px)}
  .motiv .ism{font-size:var(--fs-m,16px)}
  /* diagrammalar */
  .kun{height:70px}
  .qat{gap:8px}
  .qat .nom{width:64px;font-size:var(--fs-s,14px)}
  /* jurnal boshqaruvi: qidiruv toliq qator */
  .jboshq input[type=search]{flex:1 1 100%;min-width:0}
  .jsahifa button{min-width:28px;min-height:26px;font-size:var(--fs-xs,12px)}
  /* kirish */
  .login{margin:7vh auto;padding:26px 20px;max-width:92vw}
  .vaqt{font-size:var(--fs-xs,12px)}
}
@media(max-width:420px){
  .top h1{font-size:var(--fs-s,14px)}
  .kn-amal .tugma{flex:0 1 auto}
}

/* ---------- logo (2026-08-23) ---------- */
.logochip{display:inline-flex;align-items:center;background:var(--oq,#FFFFFF);border-radius:7px;padding:2px 6px;vertical-align:middle}
.logochip img{height:22px;display:block}

/* ---------- MOBIL IXCHAM BLOKLAR (2026-08-23, ega: "bloklar ham ixcham pragmatik") ---------- */
@media(max-width:640px){
  body{font-size:var(--fs-s,14px)}
  .wrap,.layout{padding:10px 8px 26px;gap:10px}
  h2{font-size:var(--fs-s,14px)}
  /* kartalar zich */
  .card,.mvk,.tzk{padding:11px 12px;margin-bottom:10px;border-radius:10px}
  .card h2{font-size:var(--fs-s,14px);margin-bottom:8px}
  .mvk h2{font-size:var(--fs-s,14px);margin-bottom:7px}
  .izoh{font-size:var(--fs-xs,12px);margin-top:4px}
  .vaqt{margin-bottom:6px}
  /* plitkalar zich */
  .tiles{gap:7px;margin-bottom:10px}
  .tile{padding:8px 10px;border-radius:9px}
  .tile .l{font-size:var(--fs-xs,12px);letter-spacing:.5px}
  .tile .v{font-size:var(--fs-l,19px);margin-top:1px}
  /* jadval zich */
  table{font-size:var(--fs-s,14px)}
  th{padding:6px 6px;font-size:var(--fs-xs,12px)}
  td{padding:6px 6px}
  /* xabar bloklari zich */
  .eskirgan,.zid,.natija{padding:8px 11px;font-size:var(--fs-xs,12px);margin-bottom:9px}
  /* motiv */
  .motiv{padding:14px 12px;margin-bottom:11px}
  .motiv .pul{font-size:var(--fs-xl,28px)}
  .motiv .maqsad{padding:8px 11px;font-size:var(--fs-s,14px);margin-top:10px}
  /* vazifa qatorlari */
  .vaz{padding:8px 2px;font-size:var(--fs-s,14px);gap:8px}
  /* kn (chop) bloklari */
  .kn-nak{padding:9px 10px;margin:7px 0}
  .kn-guruh{padding:10px 11px 8px;margin:10px 0}
  .kn-qator{font-size:var(--fs-xs,12px);gap:6px}
  .kn-son,.kn-chiq{padding:2px 8px;font-size:var(--fs-xs,12px)}
  /* jurnal boshqaruvi zich */
  .jboshq{gap:6px;margin:2px 0 8px}
  .jboshq input[type=search]{padding:6px 10px}
  /* formalar ixcham */
  input,select,textarea{font-size:var(--fs-s,14px)!important}
  select{padding:6px 8px!important}
  input[type=number],input[type=text],input[type=search],input[type=password]{padding:6px 10px!important}
}

/* ---------- MOBIL IXCHAM SAHIFA-LOKAL (2026-08-23) ----------
   mavzu/tizim/xodimlar sahifalari o'z <style> bloki bilan keladi (hujjatda keyin
   turgani uchun ustun chiqadi). body-prefiks selektorlar spetsifiklikni oshirib,
   ularni ham ixcham rejimga bo'ysundiradi. */
@media(max-width:640px){
  /* mavzu (menejer/FBO/buyurtma) */
  body .mvk{padding:10px 11px;margin-bottom:9px;border-radius:10px}
  body .mvk h2{font-size:var(--fs-s,14px);margin-bottom:7px}
  body .mvj{font-size:var(--fs-xs,12px)}
  body .mvj th,body .mvj td{padding:5px 6px}
  body .mvlenta{font-size:var(--fs-xs,12px);padding:8px 10px;max-height:250px}
  body .mvizoh{font-size:var(--fs-xs,12px);margin-top:5px}
  /* tizim */
  body .tzgrid{gap:7px;margin-bottom:10px}
  body .tzt{padding:8px 10px;border-radius:9px}
  body .tzt .l{font-size:var(--fs-xs,12px)}
  body .tzt .v{font-size:var(--fs-l,19px)}
  body .tzk{padding:10px 11px;margin-bottom:9px;border-radius:10px}
  body .tzk h3{font-size:var(--fs-s,14px);margin-bottom:7px}
  body .tzr{padding:7px 10px;margin-bottom:6px;font-size:var(--fs-s,14px)}
  body .tzjad th,body .tzjad td{padding:5px 6px;font-size:var(--fs-xs,12px)}
  body .tzf select,body .tzf input{padding:6px 8px;font-size:var(--fs-s,14px)}
  body .tzf button{padding:6px 12px;font-size:var(--fs-s,14px)}
  body .tkmatn{font-size:var(--fs-xs,12px);padding:10px 12px}
  body .tkmatn2{font-size:var(--fs-s,14px);padding:12px 14px}
  /* xodimlar */
  body .xkart{padding:10px 11px;margin-bottom:9px;border-radius:10px}
  body .xkart h3{font-size:var(--fs-s,14px);margin-bottom:7px}
  body .xt th,body .xt td{padding:6px 7px;font-size:var(--fs-s,14px)}
  body .xgrid{gap:7px;margin-bottom:8px}
  body .xgrid input,body .xgrid select{padding:6px 8px}
  body .xb{padding:6px 12px;font-size:var(--fs-s,14px)}
  body .xchk label{padding:4px 10px;font-size:var(--fs-xs,12px)}
  body .xn{padding:8px 11px;margin-bottom:9px;font-size:var(--fs-s,14px)}
  /* umumiy bloklarni ham body-prefiks bilan mustahkamlash */
  body .card{padding:11px 12px;margin-bottom:10px;border-radius:10px}
  body .tile{padding:8px 10px;border-radius:9px}
  body .tile .v{font-size:var(--fs-l,19px)}
  body details.tvzacc>summary{padding:7px 10px;font-size:var(--fs-s,14px)}
}

/* ---------- MOBIL SHAPKA (2026-08-23, ega: "shapkasi galati") ----------
   Sabab: biror keng element sahifani yon tomonga chozgan - shapka viewport
   kengligida qolib, kartalar chozilgan kenglikda edi (ong tomonda oq boshliq).
   Yechim: gorizontal overflow butunlay yopiladi (jadvallar oz ichida aylanadi,
   ularga tasir yoq) + uzun uzilmas matnlar sindiriladi + shapka zich. */
@media(max-width:700px){
  html,body{max-width:100vw;overflow-x:hidden}
  body .mvlenta,body .tkmatn,body .izoh,body .mvizoh,body .natija,body .eskirgan,body .zid{overflow-wrap:anywhere;word-break:break-word}
}
@media(max-width:640px){
  /* 1-qator: tepa panel */
  body .top{padding:6px 10px;gap:8px}
  body .top h1{font-size:var(--fs-s,14px);gap:6px;display:inline-flex;align-items:center}
  body .logochip{padding:2px 4px;border-radius:6px}
  body .logochip img{height:17px}
  body .top .rol{padding:2px 8px;font-size:var(--fs-xs,12px)}
  body .top button{padding:4px 10px;font-size:var(--fs-xs,12px);border-radius:7px}
  /* 2-qator: yuqori menyu */
  body nav{padding:5px 8px;gap:4px}
  body nav a{padding:4px 9px;font-size:var(--fs-xs,12px)}
  body nav .ntl{font-size:var(--fs-xs,12px);letter-spacing:.8px}
  /* 3-qator: bolim chiplari (yon) */
  body .yon{gap:4px;padding-bottom:3px}
  body .yon a{padding:4px 9px;font-size:var(--fs-xs,12px);border-radius:8px;gap:4px}
  body .yon .yt{font-size:var(--fs-xs,12px);margin:4px 4px 4px 0;letter-spacing:.8px}
  body .yon .yhz{font-size:var(--fs-xs,12px);padding:0 5px}
  body .layout{gap:6px}
}

/* ---------- sahifa boshi (UX NAV1 2026-08-24) ---------- */
.phd{background:var(--yuza);border:1px solid var(--line);border-radius:var(--r3);padding:14px 18px 13px;margin-bottom:14px;box-shadow:var(--soya)}
.phd .crumb{font-size:var(--fs-xs,12px);color:var(--muted2);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}
.phd .crumb b{color:var(--brand)}
.phd .prow{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.phd .ph1{font-size:var(--fs-l,19px);font-weight:800;letter-spacing:-.02em;margin:0 0 3px}
.phd .pizoh{font-size:var(--fs-s,14px);color:var(--muted);line-height:1.55;margin:0;max-width:78ch}
.phd .pyord{font-size:var(--fs-xs,12px);font-weight:700;text-decoration:none;color:var(--brand);white-space:nowrap;padding:4px 2px;min-height:24px;display:inline-flex;align-items:center}
.phd.pyoq{background:none;border:0;box-shadow:none;padding:0 4px;margin-bottom:6px} /* 25.09: izohsiz sahifa — quti yo’q, faqat «?» havolasi */
@media(max-width:640px){.phd{padding:12px 13px}.phd .ph1{font-size:var(--fs-m,16px)}}

/* ---------- chap rels (NAV v2, 2026-08-24) ---------- */
.rail{width:238px;flex:none;position:sticky;top:14px;background:var(--yuza);border:1px solid var(--line);border-radius:var(--r3);padding:10px 9px;box-shadow:var(--soya)}
.rail .rgrp{margin-bottom:2px}
.rail .rgh{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:var(--r2);font-size:var(--fs-s,14px);font-weight:800;letter-spacing:.02em;color:var(--ink2);text-decoration:none;border:1px solid transparent;min-height:24px}
.rail .rgh:hover{background:var(--yuza2);border-color:var(--line)}
.rail .rgh .rn{flex:1}
.rail .rgh .rc{font-size:var(--fs-xs,12px);font-weight:700;opacity:.55;font-variant-numeric:tabular-nums}
.rail .rgrp.on .rgh{background:var(--navy);color:var(--oq,#FFFFFF);border-color:var(--navy)}
.rail .rgrp.on .rgh:hover{background:var(--navy)}
.rail .rsub{display:none;padding:4px 0 8px 8px;margin:2px 0 0 13px;border-left:2px solid var(--line2)}
.rail .rgrp.on .rsub{display:block}
.rail .rsub a{display:block;padding:8px 11px;border-radius:var(--r1);font-size:var(--fs-s,14px);font-weight:600;color:var(--ink2);text-decoration:none;margin-bottom:2px;min-height:24px}
.rail .rsub a:hover{background:var(--brand-bg);color:var(--brand-tiq)}
.rail .rsub a.faol{background:var(--brand);color:var(--oq,#FFFFFF)}
.rail .reski{display:block;margin-top:10px;padding:7px 11px;font-size:var(--fs-xs,12px);color:var(--muted2);text-decoration:none;border-top:1px solid var(--line2)}
.rail .reski:hover{color:var(--brand)}
@media(max-width:900px){
  .lay2{flex-direction:column}
  .lay2 .rail{width:100%;position:static;margin-bottom:14px}
}

/* ---------- NAV3 2026-08-24: makon, olcham, signal qatori ---------- */
/* 2026-09-09 (egasi: «yaxlit korinsin, skrol qilmasdan» + «butun ekranga yoyilib ketmasin»). Karkas kengaytirildi 1520->1760, ichki mazmun 1200->1500. Markazda qoladi, 4K ekranda chetdan chetga yoyilmaydi. BARCHA sahifalarga tegishli. */
.layout{max-width:1760px}
.lay2 .wrap{max-width:var(--tvz-kenglik)}   /* yagona manba: pastdagi KENGLIK-YAGONA bloki */
.sigbar{display:flex;align-items:center;gap:8px;background:var(--yuza2);border:1px solid var(--line);border-radius:var(--r1);padding:6px 12px;margin-bottom:12px;font-size:var(--fs-s,14px);min-height:26px}
.sigbar a{text-decoration:none;color:var(--ink2)}
.sigbar a:hover{color:var(--brand)}
.yon .yt{font-size:var(--fs-xs,12px);letter-spacing:.9px}
nav .ntl{font-size:var(--fs-xs,12px);letter-spacing:.9px}
th{font-size:var(--fs-xs,12px);letter-spacing:.5px}
.tile .l{font-size:var(--fs-xs,12px);letter-spacing:.6px}
.rail .rgh .rc{font-size:var(--fs-xs,12px);opacity:.62}
.phd .crumb{font-size:var(--fs-xs,12px)}
.vaqt{font-size:var(--fs-xs,12px)}
@media(max-width:900px){
  .lay2 .rail{display:flex;flex-wrap:wrap;gap:5px;padding:8px}
  .lay2 .rail .rgrp{margin:0}
  .lay2 .rail .rgh{padding:7px 11px;font-size:var(--fs-xs,12px);border:1px solid var(--line);background:var(--yuza2)}
  .lay2 .rail .rgrp.on{width:100%}
  .lay2 .rail .rgrp.on .rgh{background:var(--navy);color:var(--oq,#FFFFFF);border-color:var(--navy)}
  .lay2 .rail .rsub{margin:7px 0 2px;border-left:none;padding:0;flex-wrap:wrap;gap:5px}
  .lay2 .rail .rgrp.on .rsub{display:flex}
  .lay2 .rail .rsub a{margin:0;font-size:var(--fs-s,14px);padding:7px 11px;border:1px solid var(--line);background:var(--yuza2)}
  .lay2 .rail .rsub a.faol{background:var(--brand);color:var(--oq,#FFFFFF);border-color:var(--brand)}
  .lay2 .rail .reski{width:100%;border-top:none;padding:3px 2px}
}

/* ---------- NAV4 2026-08-24: amal sahifalari (narx/sharh/savol/boshqaruv) qatlami ---------- */
.frm{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.frm label{font-size:var(--fs-xs,12px);color:var(--muted);display:block;margin-bottom:3px}
.frm select,.frm input{padding:10px 12px;border:1px solid var(--line);border-radius:var(--r2);font-size:var(--fs-s,14px);background:var(--yuza);font-family:inherit;color:var(--ink)}
.frm select:focus,.frm input:focus{border-color:var(--brand-line);outline:2px solid var(--brand-bg)}
.frm button{background:var(--brand);color:var(--oq,#FFFFFF);border:1px solid var(--brand);border-radius:var(--r1);padding:10px 22px;font-size:var(--fs-s,14px);font-weight:700;cursor:pointer;font-family:inherit;min-height:24px}
.frm button:hover{background:var(--brand-tiq);border-color:var(--brand-tiq)}
.xato{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-line);border-radius:var(--r2);padding:10px 14px;margin-bottom:14px;font-size:var(--fs-s,14px);font-weight:600}
.tasdiq{background:var(--warn-bg);border:1px dashed var(--warn-line);border-radius:var(--r3);padding:16px 18px;margin-top:14px}
.tasdiq h3{font-size:var(--fs-s,14px);margin-bottom:10px;color:var(--warn)}
.tasdiq .pk{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
.tasdiq input[type=password]{padding:10px 12px;border:1px solid var(--warn-line);border-radius:var(--r2);font-size:var(--fs-s,14px);font-family:inherit}
.tasdiq button{background:var(--danger);color:var(--oq,#FFFFFF);border:1px solid var(--danger);border-radius:var(--r1);padding:10px 22px;font-size:var(--fs-s,14px);font-weight:800;cursor:pointer;font-family:inherit;min-height:24px}
.tasdiq button:hover{background:var(--danger,#AE2A20);border-color:var(--danger,#AE2A20)}
.natija h3{font-size:var(--fs-s,14px);color:var(--ok);margin-bottom:10px}
.eho{display:inline-block;border-radius:999px;padding:2px 12px;font-size:var(--fs-xs,12px);font-weight:800}
.eho.mos{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-line)}
.eho.notogri{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-line)}
.javob{background:var(--yuza2);border:1px solid var(--line);border-radius:var(--r2);padding:14px 16px;font-size:var(--fs-s,14px);white-space:pre-wrap;margin-top:12px;line-height:1.6}
.savolf textarea{width:100%;min-height:96px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r2);font-size:var(--fs-s,14px);font-family:inherit;resize:vertical;background:var(--yuza);color:var(--ink)}
.savolf textarea:focus{border-color:var(--brand-line);outline:2px solid var(--brand-bg)}
.savolf button{margin-top:10px;background:var(--brand);color:var(--oq,#FFFFFF);border:1px solid var(--brand);border-radius:var(--r1);padding:11px 26px;font-size:var(--fs-s,14px);font-weight:700;cursor:pointer;font-family:inherit}
.savolf button:hover{background:var(--brand-tiq)}
.kut{color:var(--muted);font-size:var(--fs-s,14px);margin-top:8px}

/* ---------- NAV5 2026-08-25: bitta sahifali bolim — sarlavhasiz, sahifaning ozi ---------- */
.rail .rgrp.solo{margin-bottom:2px}
.rail .rsolo{font-size:var(--fs-s,14px);font-weight:700;letter-spacing:0;color:var(--ink2)}
.rail .rsolo:hover{background:var(--brand-bg);color:var(--brand-tiq);border-color:var(--brand-line)}
.rail .rsolo.faol{background:var(--brand);color:var(--oq,#FFFFFF);border-color:var(--brand)}
.rail .rsolo.faol:hover{background:var(--brand-tiq);color:var(--oq,#FFFFFF);border-color:var(--brand-tiq)}
@media(max-width:900px){
  .lay2 .rail .rsolo{font-size:var(--fs-s,14px);font-weight:700}
  .lay2 .rail .rsolo.faol{background:var(--brand);color:var(--oq,#FFFFFF);border-color:var(--brand)}
}

/* 2026-08-28 TEZLIK: sahifadan sahifaga otishda OQ MILTILLASHNI yoqotadi.
   Server 30 ms da javob beradi, lekin har bosishda ekran oqarib qayta chizilardi -
   ogirlik hissi asosan shundan edi. Endi silliq, qisqa otish. */
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .10s; }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}


/* ---------- MS-USLUBIDAGI MENYU (29.08.2026, egasi buyrug'i) ----------
   1-qator: bo'limlar (ikonka ustida, nom pastida) — MS «Моя компания · Закупки · …» kabi.
   2-qator: faol bo'limning sahifalari — MS «Показатели · Настройки компании · …» kabi. */
nav.msnav{display:flex;gap:2px;padding:0 14px;background:linear-gradient(118deg,var(--navy,#0A1D13) 0%,var(--navy,#0A1D13) 52%,var(--brand,#1B4A33) 140%);
  border-bottom:none;overflow-x:auto;scrollbar-width:thin;border-radius:0}
nav.msnav a.msb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  min-width:86px;padding:8px 12px 7px;border-radius:0;color:rgba(255,255,255,.82);text-decoration:none;
  font-size:var(--fs-xs,12px);font-weight:600;line-height:1.15;white-space:nowrap;border-bottom:3px solid transparent;
  transition:background .15s,color .15s;background:transparent}
nav.msnav a.msb .msi{font-size:var(--fs-l,19px);line-height:1;filter:grayscale(1) brightness(1.9)}
nav.msnav a.msb:hover{background:rgba(255,255,255,.10);color:var(--oq,#FFFFFF)}
nav.msnav a.msb.on{background:rgba(255,255,255,.16);color:var(--oq,#FFFFFF);border-bottom-color:var(--oq,#FFFFFF)}
nav.msnav a.msb.on .msi{filter:none}
nav.mssub{display:flex;gap:2px;padding:0 14px;background:var(--yuza);border-bottom:1px solid var(--line);
  overflow-x:auto;scrollbar-width:thin;box-shadow:var(--soya)}
nav.mssub a{padding:11px 14px 9px;border-radius:0;color:var(--brand);font-size:var(--fs-s,14px);font-weight:600;
  white-space:nowrap;border-bottom:3px solid transparent;text-decoration:none;background:transparent}
nav.mssub a:hover{background:var(--brand-bg);color:var(--brand-tiq)}
nav.mssub a.faol{color:var(--ink);background:transparent;border-bottom-color:var(--brand)}
/* .lay2 .wrap kengligi bu yerda EMAS - fayl oxiridagi KENGLIK-YAGONA blokida (yagona manba, 11.1). */
@media(max-width:900px){
  nav.msnav a.msb{min-width:72px;padding:7px 9px 6px;font-size:var(--fs-xs,12px)}
  nav.msnav a.msb .msi{font-size:var(--fs-m,16px)}
  nav.mssub a{padding:9px 11px 8px;font-size:var(--fs-s,14px)}
}
@media(max-width:640px){
  nav.msnav{padding:0 6px}
  nav.mssub{padding:0 6px}
}

/* === XR-PRIMITIV-30.08 ===
   Bu klasslar avval FAQAT xodimlar.inc.php ichidagi <style> da edi. egasi-parol.inc.php
   sozlama sahifasidan include qilinganda ular yetib bormasdi -> forma bezaksiz chiqardi
   (egasi 30.08: "bu interfeysi intuitiv tushunarli bolsin"). Endi umumiy uslubda. */
.xr-f label{display:block;font-size:var(--fs-xs,12px);color:var(--muted);margin-bottom:4px;font-weight:600}
.xr-f input,.xr-f select{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;
  font:inherit;font-size:var(--fs-s,14px);background:var(--oq,#FFFFFF)}
.xr-f input:focus,.xr-f select:focus{outline:2px solid var(--brand);border-color:var(--brand)}
.xr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.xr-amal{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;align-items:center}
.xr-b{background:var(--brand);color:var(--oq,#FFFFFF);border:0;border-radius:8px;padding:9px 16px;
  font:inherit;font-size:var(--fs-s,14px);font-weight:600;cursor:pointer}
.xr-b:hover{filter:brightness(1.06)}
.xr-b.ok{background:var(--ok)}
.xr-b.sk{background:var(--oq,#FFFFFF);color:var(--danger);border:1px solid var(--danger-line,#EFC9C4)}
.xr-b.kul{background:var(--oq,#FFFFFF);color:var(--muted);border:1px solid var(--line)}
.xr-b.mitti{padding:5px 10px;font-size:var(--fs-xs,12px)}
.xr-jad{width:100%;border-collapse:collapse}
.xr-jad th,.xr-jad td{padding:8px 10px;border-bottom:1px solid var(--line);font-size:var(--fs-s,14px);
  text-align:left;vertical-align:middle}
.xr-jad th{background:var(--yuza2);font-size:var(--fs-xs,12px);text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}

/* server-pagination (03.09.2026 ogirlik yechimi) */
.jsahifa-srv{display:flex;gap:5px;align-items:center;justify-content:center;margin-top:12px;flex-wrap:wrap}
.jsahifa-srv .jsp{min-width:34px;padding:6px 10px;border:1px solid var(--line);background:var(--yuza);
  border-radius:var(--r1);font-size:var(--fs-s,14px);color:var(--ink2);text-decoration:none;text-align:center}
.jsahifa-srv .jsp:hover{border-color:var(--brand-line);color:var(--brand)}
.jsahifa-srv .jsp.faol{background:var(--brand);color:var(--oq,#FFFFFF);border-color:var(--brand);font-weight:700}
.jsahifa-srv .jsp-o{min-width:20px;padding:6px 4px;color:var(--muted2);font-size:var(--fs-s,14px);text-align:center}
.jsahifa-srv .jsp-i{margin-left:8px;font-size:var(--fs-xs,12px);color:var(--muted2);white-space:nowrap}

/* ==== KENGLIK-YAGONA 09.09.2026 (egasi: "hamma sahifalar Obzor o'lchamida ochilsin") ====
   Etalon: Pul > Obzor = .lay2 .wrap 1360px. Sahifa ichki o'ramlari (960-1280px) endi
   o'z kengligini cheklamaydi - hammasi bir xil 1360px ustunda. Zaxira: tvz-uslub.css.bak-KENGLIK-20260909 */
:root{--tvz-kenglik:1500px}   /* 09.09 egasi: 1360 -> 1500 (skrolsiz yaxlit korinish) */
/* 09.09 egasi: «nega ortada emas, simmetriya yoq». Sabab: .wrap flex qatorida margin:0
   bilan CHAPGA tortilgan edi (56-qator) - ong tomonda bosh joy qolardi. Endi margin auto. */
.lay2 .wrap{max-width:var(--tvz-kenglik);margin-left:auto;margin-right:auto}
.dvwrap,.hlwrap,.mbwrap,.df,.bk,.oz,.kkw,.oyw,.qzw,.tkwrap,.kswrap{max-width:none!important}

/* ==== MOBIL-IXCHAM 09.09.2026 (egasi: "telefondan ishlatish juda noqulay") ==== */
@media(max-width:640px){
  html{-webkit-text-size-adjust:100%}
  /* 1) Bo'limlar menyusi: yon skroll o'rniga 5 ustunli panjara - 10 bo'lim hammasi ko'rinadi */
  nav.msnav{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:0;overflow:visible}
  nav.msnav a.msb{min-width:0;padding:6px 2px 5px;font-size:var(--fs-xs,12px);gap:2px}
  nav.msnav a.msb .msi{font-size:var(--fs-m,16px)}
  nav.msnav a.msb .msn{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  /* 2) Sahifalar qatori: ekran tepasiga yopishadi, barmoq bilan suriladi, skrollbar yo'q */
  nav.mssub{position:sticky;top:0;z-index:50;padding:0 4px;scroll-snap-type:x proximity;scrollbar-width:none}
  nav.mssub::-webkit-scrollbar{display:none}
  nav.mssub a{scroll-snap-align:start;padding:10px 11px 9px;font-size:var(--fs-s,14px)}
  /* 3) Sahifa maydoni: chekka bo'shliq minimal */
  .wrap,.layout,.lay2 .wrap{padding:10px 8px 28px}
  .card,.obb,.obkart{padding:11px 12px;border-radius:10px}
  .obkart>div{padding-left:12px;padding-right:12px}
  /* 4) Ko'rsatkich kartochkalari: 2 ustun; qo'sh ustunli bloklar 1 ustun */
  .obk,.dfgrid,.b3grid,.blk,.bkgrid,.pbk,.ozk,.phk,.kkkt,.oyq5,.tiles{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  .bl2,.dfik,.tsust,.tsik,.dfviz .dvdon,.pbtr{grid-template-columns:1fr!important}
  .obrow{grid-template-columns:64px 1fr 92px;gap:7px}
  .dfviz .dvbar{grid-template-columns:92px 1fr 84px;gap:6px}
  .obsig{padding:9px 10px;font-size:var(--fs-s,14px);gap:7px}
  .obnav{gap:6px}
  .obnav a{padding:8px 10px;font-size:var(--fs-s,14px)}
  /* 5) Sarlavha va izohlar ixcham */
  .phd{padding:10px 11px}
  .phd .ph1{font-size:var(--fs-m,16px)}
  .phd .crumb{display:none}
  .phd .pizoh{font-size:var(--fs-xs,12px)}
  .obizoh{font-size:var(--fs-xs,12px)}
  /* 6) Jadvallar: butun kenglik, ichida gorizontal surish (mavjud qoida), katak ixcham */
  td{padding:7px 6px}
  th{font-size:var(--fs-xs,12px);padding:7px 6px}
}
@media(max-width:400px){
  nav.msnav a.msb{font-size:var(--fs-xs,12px);padding:5px 1px 4px}
  nav.msnav a.msb .msi{font-size:var(--fs-s,14px)}
  .obrow{grid-template-columns:56px 1fr 84px}
}

/* ==== ORQAGA STRELKASI 09.09.2026 (egasi: "ochilgan istalgan hujjatning tepa qismida
   orqaga qaytish strelkasi bolsin va u reestrga qaytsin"). Yagona komponent: orqaga.inc.php ==== */
.tvzorqa{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px 0 10px;
  border:1px solid var(--line);background:var(--yuza);border-radius:var(--r1);color:var(--ink2);
  text-decoration:none;font-size:var(--fs-s,14px);font-weight:600;flex:none;transition:.12s}
.tvzorqa:hover{border-color:var(--brand-line);background:var(--brand-bg);color:var(--brand)}
.tvzorqa .tvzorqa-s{font-size:var(--fs-m,16px);line-height:1;margin-top:-2px}
.tvzorqa .tvzorqa-m{white-space:nowrap}
@media(max-width:640px){.tvzorqa .tvzorqa-m{display:none}.tvzorqa{padding:0 10px}}

/* 11.09 MENYU v3 (14.28): ikkinchi qatordagi guruh sarlavhasi (Kirim · Chiqim · Qoldiq …) */
/* 14.28-1 (12.09): guruh nomi SO`Z sifatida chiqmaydi - o`rniga nozik ajratgich chiziq.
   Sabab: sahifa nomlari bilan BIR QATORDA turgan katta harfli chip qatorni to`ldirib, tab kabi ko`rinardi (egasi, 12.09).
   Nom HTML da QOLADI (screen reader, Ctrl+F) - faqat ko`rinishi chiziqqa aylantirildi. */
/* 12.09.2026 (zanjir tuzilishi): guruh NOMI yana ko'rinadi - lekin tugmaga O'XSHAMAYDI
   (fon yo'q, chegara yo'q, kichik va kulrang). 12.09 ertalabgi 1 px ajratgich bekor qilindi. */
nav.mssub span.msg{display:inline-block;flex:0 0 auto;align-self:center;width:auto;height:auto;padding:0 3px 0 14px;margin:0;border:0;border-radius:0;background:none;color:var(--muted,var(--muted,#566459));font-size:var(--fs-xs,12px);line-height:1.2;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;overflow:visible}
nav.mssub span.msg:first-child{display:inline-block;padding-left:0}

/* 12.09.2026 - ZANJIR BOSQICHLARI QATORI (egasi «D - ikki qavat»). Faqat zanjir bo'limlarida. */
nav.msstep{display:flex;gap:6px;padding:8px 14px;background:var(--yuza2,#FAFBFA);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center}
nav.msstep a.st{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--oq,#FFFFFF);border-radius:9px;padding:5px 13px;font-size:var(--fs-s,14px);font-weight:600;color:var(--muted,var(--muted,#566459));white-space:nowrap;text-decoration:none}
nav.msstep a.st:hover{border-color:var(--brand);color:var(--brand)}
nav.msstep a.st.on{border-color:var(--brand);color:var(--brand);background:var(--brand-bg)}
@media(max-width:768px){nav.msstep{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:6px 8px}}

/* 12.09 F2 (Nizom 14.28-4): tushuntirish «?» chipida. tvz-yordam.js bilan juft. */
.tvz-yashir{display:none!important}
button.tvz-q{display:inline-block;width:20px;height:20px;line-height:18px;padding:0;margin:2px 4px 2px 0;border:1px solid var(--brand-line);border-radius:50%;background:var(--brand-bg);color:var(--brand);font-weight:800;font-size:var(--fs-xs,12px);cursor:pointer;vertical-align:middle}
button.tvz-q:hover{background:var(--brand);color:var(--oq,#FFFFFF)}
button.tvz-q[aria-expanded="true"]{background:var(--brand);color:var(--oq,#FFFFFF)}
.tvz-izoh{border-left:3px solid var(--brand-line);padding-left:8px}
.top button.tvz-qbtn{margin-left:auto;font-size:var(--fs-xs,12px);padding:4px 11px;border-radius:999px}
.top button.tvz-qbtn + form{margin-left:0}

/* === MSSUB-ORALISH (14.28-1, 12.09, egasi B variantni tanladi) ===
   Keng ekranda (>=901px) sahifalar qatori ikki qatorga oraladi: 18 sahifali «Ombor» bo'limida
   hech bir sahifa surishsiz korinmay qolmaydi. Telefon/planshetda (<=900px) hozirgidek gorizontal surish.
   Qaytarish: shu blokni ochirish yoki tvz-uslub.css.bak-ORAL-20260912 ni tiklash. */
@media(min-width:901px){
  nav.mssub{flex-wrap:wrap;overflow-x:visible;row-gap:0}
}

/* 24.09.2026 B4 (14.28-1 v7.64): eshik ichidagi tablar (Spravochniklar · Sog'liq · Xodimlar) */
nav.tvztabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
nav.tvztabs a.tvztab{padding:7px 14px;border:1px solid var(--line);border-radius:20px;background:var(--yuza);font-size:var(--fs-s,14px);font-weight:600;color:var(--brand);text-decoration:none;line-height:1.2}
nav.tvztabs a.tvztab:hover{background:var(--yuza2)}
nav.tvztabs a.tvztab.on{background:var(--brand);color:var(--oq,#FFFFFF);border-color:var(--brand)}
@media (max-width:640px){nav.tvztabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}nav.tvztabs a.tvztab{white-space:nowrap}}
/* 25.09 egasi «bu menyu muvaffaqiyatli emas»: sub-qatorda guruh YORLIG’I chizilmaydi — o’rniga ingichka ajratgich; guruhlar xaritada qoladi (14.28-1). Pul 20.09 tekis qatori kabi. */
nav.mssub span.msg{font-size:0;line-height:0;letter-spacing:0;width:1px;height:18px;padding:0;margin:0 8px;background:var(--line);border-radius:1px;overflow:hidden}
nav.mssub span.msg:first-child{display:none}
@media (max-width:640px){nav.mssub span.msg{margin:0 4px;height:14px}}

/* DZ4 15.10.2026 — 14.28-12 e: SVG ikonkalar (tvz-ikon.inc.php) */
nav.msnav a.msb .msi .tvz-ik{width:1.15em;height:1.15em;display:block;margin:0 auto}
nav.msnav a.msb.on .msi{color:var(--oltin,var(--oltin,#C9A24A))}
/* DZ5 15.10.2026 — yashil + oltin: faol pastki tab oltin chiziq bilan (14.28-12 b) */
nav.mssub a.faol{border-bottom-color:var(--oltin,#C9A24A)}
/* DZ6 — ko'rinish qatlami ikonkalari (tvz-imlo.js) */
.tvz-ik-i{display:inline-flex;vertical-align:-.14em;margin-right:.35em}.tvz-ik-i svg{width:1.05em;height:1.05em;display:block}
/* DZ7 — holat nuqtalari (emoji o'rniga, rang = holat 4-③) va forma elementlari shrifti */
.tvz-nuqta{display:inline-block;width:.62em;height:.62em;border-radius:50%;vertical-align:.04em;margin:0 .18em;background:var(--muted2,#5E6B63)}
.tvz-nuqta.d{background:var(--danger,#AE2A20)}.tvz-nuqta.w{background:var(--oltin,#C9A24A)}.tvz-nuqta.k{background:var(--ok,#17693F)}.tvz-nuqta.i{background:var(--info,#1D4ED8)}.tvz-nuqta.u{background:var(--uzum,#6D28D9)}
button,input,select,textarea{font-family:inherit;font-size:inherit}
/* DZ9 — 12-c: o'lchami berilmagan sarlavha va small brauzer standartidan shkalaga (:where — nol ustuvorlik, mavjud qoidalar ustun) */
:where(h1){font-size:var(--fs-xl,28px)}:where(h2){font-size:var(--fs-l,19px)}:where(h3){font-size:var(--fs-m,16px)}:where(h4,h5,h6){font-size:var(--fs-s,14px)}:where(small){font-size:var(--fs-xs,12px)}