/* =====================================================================
   KZB PRO (v111) — dizayn tizimi.
   Ikki mavzu: qorong'i (avvalgi) va yorug' (Billz uslubi, standart).
   Yangi komponentlar `p-` bilan boshlanadi — eski uslublarga tegmaydi.
   ===================================================================== */
:root{
  --p-acc:#e0b429;--p-acc-t:#14171c;--p-acc2:rgba(224,180,41,.14);
  --p-bg:var(--bg0);--p-card:var(--bg1);--p-card2:var(--bg2);--p-ln:var(--brd);--p-ln2:var(--brd2);
  --p-txt:var(--txt);--p-txt2:var(--txt2);--p-txt3:var(--txt3);
  --p-ok:#22c55e;--p-ok2:rgba(34,197,94,.14);--p-xato:#ef4444;--p-xato2:rgba(239,68,68,.13);--p-ogoh:#f59e0b;--p-ogoh2:rgba(245,158,11,.14);
  --p-sh:0 1px 2px rgba(0,0,0,.4);--p-sh2:0 10px 34px rgba(0,0,0,.55);
  --p-r:16px;
}

/* ---------- YORUG' MAVZU — eski o'zgaruvchilar ham shu yerda almashtiriladi ---------- */
body.yorug{
  --bg0:#f3f4f8;--bg1:#ffffff;--bg2:#f7f8fb;--bg3:#eef0f5;--bg4:#e2e5ec;
  --acc:#4f46e5;--acc2:#4338ca;
  --grn:#16a34a;--grn2:rgba(22,163,74,.10);--grn3:rgba(22,163,74,.35);
  --red:#dc2626;--red2:rgba(220,38,38,.09);--red3:rgba(220,38,38,.32);
  --amb:#d97706;--amb2:rgba(217,119,6,.10);--amb3:rgba(217,119,6,.32);
  --blu:#2563eb;--blu2:rgba(37,99,235,.09);--blu3:rgba(37,99,235,.30);
  --vio:#7c3aed;--pnk:#db2777;--cyn:#0891b2;--org:#ea580c;--lim:#65a30d;
  --txt:#111827;--txt2:#4b5563;--txt3:#6b7280;
  --brd:rgba(17,24,39,.08);--brd2:rgba(17,24,39,.13);
  --p-acc:#4f46e5;--p-acc-t:#fff;--p-acc2:#eef0ff;
  --p-ok:#16a34a;--p-ok2:#e9f8ef;--p-xato:#dc2626;--p-xato2:#fdecec;--p-ogoh:#d97706;--p-ogoh2:#fff4e5;
  --p-sh:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.06);--p-sh2:0 18px 48px rgba(16,24,40,.18);
  color-scheme:light;
}
html:has(body.yorug),body.yorug{background:#f3f4f8!important}
body.yorug #app{background:var(--bg0)}
body.yorug .hdr{background:#fff;border-bottom:1px solid var(--brd)}
body.yorug .card{box-shadow:var(--p-sh);border-color:var(--brd)}
body.yorug .sc{background:#fff;border-color:var(--brd);box-shadow:var(--p-sh)}
body.yorug input,body.yorug select,body.yorug textarea{background:#fff;border-color:#d7dbe3;color:var(--txt)}
body.yorug input:focus,body.yorug select:focus,body.yorug textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(79,70,229,.12)}
body.yorug .btn{background:#fff;border-color:#d7dbe3;color:var(--txt)}
body.yorug .bpr,body.yorug .gbtn{background:var(--acc)!important;border-color:var(--acc)!important;color:#fff!important}
body.yorug .bdn{background:#fff;color:var(--red);border-color:rgba(220,38,38,.35)}
body.yorug .ct{color:var(--txt);border-left-color:var(--acc)}
body.yorug .note{background:#f5f6ff;border-left-color:var(--acc);color:var(--txt2)}
body.yorug .dg{background:var(--grn2);color:#15803d}.dr{} body.yorug .dr{background:var(--red2);color:#b91c1c}
body.yorug .db{background:var(--blu2);color:#1d4ed8} body.yorug .da{background:var(--amb2);color:#b45309}
body.yorug .dp{background:#eef0ff;color:#4338ca}
body.yorug .sotbtn{background:var(--grn2);color:#15803d;border-color:var(--grn3)}
body.yorug .qbox input{background:#fff}
body.yorug .navtog,body.yorug .navbar2{background:#fff}
body.yorug select option{background:#fff}
body.yorug #edit-modal{background:rgba(17,24,39,.45)!important;backdrop-filter:blur(2px)}
body.yorug .fbox{background:#f6fbf8;border-color:#d8efe1}
body.yorug .hol-kut{color:#b45309}.hol-shot{} body.yorug .hol-shot{color:#1d4ed8} body.yorug .hol-naqt{color:#15803d}
body.yorug .gn{color:#15803d}body.yorug .rn{color:#dc2626}body.yorug .an{color:#b45309}

/* ---------- Umumiy ---------- */
.p-ik{width:20px;height:20px;flex:none;display:inline-block;vertical-align:middle}
.p-page{position:fixed;inset:0;z-index:9000;background:var(--bg0);display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .22s cubic-bezier(.3,.7,.2,1);color:var(--txt);
  padding-left:var(--sal,0);padding-right:var(--sar,0)}
.p-page.on{transform:none}
.p-hdr{display:flex;align-items:center;gap:6px;padding:8px 8px;padding-top:calc(8px + max(var(--sat,0px),6px));
  background:var(--bg1);border-bottom:1px solid var(--brd);flex:none;min-height:56px}
.p-orqa{width:40px;height:40px;border-radius:12px;border:none;background:transparent;color:var(--txt);display:flex;align-items:center;justify-content:center;cursor:pointer}
.p-orqa:active{background:var(--bg3)}
.p-orqa .p-ik{width:24px;height:24px}
.p-hdr-t{flex:1;min-width:0;font-size:17px;font-weight:700;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-hdr-t small{display:block;font-size:12px;font-weight:500;color:var(--txt3);letter-spacing:0;margin-top:1px;overflow:hidden;text-overflow:ellipsis}
.p-hdr-a{display:flex;gap:6px;align-items:center}
.p-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 14px calc(24px + var(--sab,0px))}
.p-past{flex:none;padding:10px 14px calc(10px + var(--sab,0px));background:var(--bg1);border-top:1px solid var(--brd)}
.p-ib{width:40px;height:40px;border-radius:12px;border:1px solid var(--brd2);background:var(--bg1);color:var(--txt);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.p-ib:active{transform:scale(.96)}

/* Kartochka va bo'lim sarlavhasi */
.p-card{background:var(--bg1);border:1px solid var(--brd);border-radius:var(--p-r);padding:14px;margin-bottom:12px;box-shadow:var(--p-sh);overflow-x:auto}
.p-sec{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:700;color:var(--txt2);margin:18px 2px 8px;letter-spacing:.1px}
.p-sec:first-child{margin-top:2px}
.p-sec button{font-size:13px;font-weight:600;color:var(--p-acc);background:none;border:none;cursor:pointer;padding:4px}

/* Tugmalar */
.p-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;padding:12px 16px;border-radius:14px;
  border:none;background:var(--p-acc);color:var(--p-acc-t);font-size:16px;font-weight:700;cursor:pointer;letter-spacing:.1px;font-family:inherit;transition:transform .08s,opacity .15s}
.p-btn:active{transform:scale(.985)}
.p-btn:disabled{opacity:.45;pointer-events:none}
.p-btn.sec{background:var(--bg3);color:var(--txt)}
.p-btn.ok{background:var(--p-ok);color:#fff}
.p-btn.xavf{background:var(--p-xato);color:#fff}
.p-btn.chiz{background:transparent;border:1.5px solid var(--brd2);color:var(--txt)}
.p-btn.kich{min-height:40px;font-size:14px;padding:8px 12px;border-radius:11px;width:auto}
.p-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.p-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}

/* Chiplar */
.p-chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 1px 4px;margin-bottom:10px;-webkit-overflow-scrolling:touch}
.p-chips::-webkit-scrollbar{display:none}
.p-chip{flex:none;padding:8px 13px;border-radius:999px;border:1px solid var(--brd2);background:var(--bg1);color:var(--txt2);font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit}
.p-chip.on{background:var(--p-acc);border-color:var(--p-acc);color:var(--p-acc-t)}
.p-chip small{opacity:.7;margin-left:4px;font-weight:600}

/* Qatorli menyu */
.p-list{background:var(--bg1);border:1px solid var(--brd);border-radius:var(--p-r);overflow:hidden;box-shadow:var(--p-sh);margin-bottom:12px}
.p-qator{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:none;background:transparent;color:var(--txt);text-align:left;cursor:pointer;font-family:inherit;border-bottom:1px solid var(--brd)}
.p-qator:last-child{border-bottom:none}
.p-qator:active{background:var(--bg3)}
.p-qator-ic{width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--r) 14%,transparent);color:var(--r);display:flex;align-items:center;justify-content:center;flex:none}
.p-qator-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.p-qator-m b{font-size:15px;font-weight:600}
.p-qator-m small{font-size:12.5px;color:var(--txt3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-qator-o{font-size:13px;font-weight:700;color:var(--txt2);white-space:nowrap}
.p-qator-ar{color:var(--txt3);font-size:22px;line-height:1;margin-left:2px}
.p-qator.xavf b{color:var(--p-xato)}

/* KPI */
.p-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}
@media(min-width:620px){.p-kpis{grid-template-columns:repeat(4,1fr)}}
.p-kpi{background:var(--bg1);border:1px solid var(--brd);border-radius:14px;padding:12px 13px;box-shadow:var(--p-sh);min-width:0}
.p-kpi small{display:block;font-size:12px;color:var(--txt3);font-weight:600;margin-bottom:4px}
.p-kpi b{display:block;font-size:19px;font-weight:800;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-kpi i{display:block;font-style:normal;font-size:11.5px;color:var(--txt3);margin-top:3px}
.p-ok{color:var(--p-ok)!important}.p-xato{color:var(--p-xato)!important}.p-ogoh{color:var(--p-ogoh)!important}.p-acc{color:var(--p-acc)!important}

/* Bo'sh holat */
.p-bosh-yoq{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:34px 16px;color:var(--txt3)}
.p-bosh-yoq .p-ik{width:42px;height:42px;stroke-width:1.5;opacity:.6;margin-bottom:4px}
.p-bosh-yoq b{color:var(--txt);font-size:15px}
.p-bosh-yoq small{font-size:13px;max-width:280px;line-height:1.5}

/* Maydonlar */
.p-f{margin-bottom:12px}
.p-f label{display:block;font-size:13px;font-weight:600;color:var(--txt2);margin-bottom:6px}
.p-f input,.p-f select,.p-f textarea{min-height:48px;border-radius:12px;font-size:16px;padding:11px 13px}
.p-f small{display:block;font-size:12px;color:var(--txt3);margin-top:5px;line-height:1.45}
.p-in-ic{position:relative}
.p-in-ic .p-ik{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--txt3);pointer-events:none}
.p-in-ic input{padding-left:42px!important}

/* Kalit (switch) */
.p-sw{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--brd);cursor:pointer}
.p-sw:last-child{border-bottom:none}
.p-sw-m{flex:1;min-width:0}
.p-sw-m b{display:block;font-size:15px;font-weight:600}
.p-sw-m small{display:block;font-size:12.5px;color:var(--txt3);margin-top:2px;line-height:1.4}
.p-tog{width:50px;height:30px;border-radius:999px;background:var(--bg4);position:relative;flex:none;transition:background .18s}
.p-tog::after{content:'';position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .18s}
.p-sw.on .p-tog{background:var(--p-ok)}
.p-sw.on .p-tog::after{transform:translateX(20px)}

/* Pastki oyna (sheet) */
.p-sheet-fon{position:fixed;inset:0;z-index:9600;background:rgba(10,12,18,.5);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}
.p-sheet-fon.on{opacity:1}
.p-sheet{width:100%;max-width:560px;max-height:92vh;overflow-y:auto;background:var(--bg1);color:var(--txt);border-radius:22px 22px 0 0;
  padding:8px 16px calc(18px + var(--sab,0px));box-shadow:var(--p-sh2);transform:translateY(40px);transition:transform .22s cubic-bezier(.3,.7,.2,1)}
.p-sheet.keng{max-width:720px}
.p-sheet-fon.on .p-sheet{transform:none}
.p-sheet-tut{width:40px;height:5px;border-radius:9px;background:var(--bg4);margin:2px auto 12px}
@media(min-width:700px){.p-sheet-fon{align-items:center}.p-sheet{border-radius:22px}}
.p-dlg{padding:4px 2px 2px}
.p-dlg-t{font-size:18px;font-weight:800;margin-bottom:8px;letter-spacing:-.2px}
.p-dlg-m{font-size:14.5px;color:var(--txt2);line-height:1.55;margin-bottom:6px}
.p-rasm-katta img{width:100%;max-height:72vh;object-fit:contain;border-radius:14px;background:#fff;margin-bottom:12px}

/* Bildirishnoma */
.p-toast{position:fixed;left:50%;top:calc(14px + var(--sat,0px));z-index:10050;transform:translate(-50%,-30px);opacity:0;
  display:flex;align-items:center;gap:9px;max-width:92vw;padding:11px 16px;border-radius:14px;background:#111827;color:#fff;
  font-size:14px;font-weight:600;box-shadow:0 12px 30px rgba(0,0,0,.3);transition:transform .25s,opacity .25s;pointer-events:none}
.p-toast.on{transform:translate(-50%,0);opacity:1}
.p-toast.ok .p-ik{color:#4ade80}.p-toast.xato .p-ik{color:#f87171}.p-toast.ogoh .p-ik{color:#fbbf24}

/* Tovar rasmi */
.p-rasm{width:44px;height:44px;border-radius:12px;flex:none;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--bg3)}
.p-rasm img{width:100%;height:100%;object-fit:cover;display:block}
.p-rasm.bosh{background:color-mix(in srgb,var(--r) 15%,var(--bg1));color:var(--r);font-weight:800;font-size:15px;letter-spacing:.3px}
.p-rasm.katta{width:100%;height:auto;aspect-ratio:16/10;border-radius:14px 14px 0 0;font-size:26px;background:#fff}
.p-rasm.katta.bosh{aspect-ratio:16/10;font-size:22px;background:color-mix(in srgb,var(--r) 12%,var(--bg1))}
.p-rasm.katta img{object-fit:contain}
.p-rasm.orta{width:64px;height:64px;border-radius:14px;font-size:20px}

/* =====================================================================
   KASSA (POS)
   ===================================================================== */
.p-kassa .p-body{padding:0;display:flex;flex-direction:column;overflow:hidden}
.pk-top{padding:10px 12px 0;background:var(--bg0);flex:none}
.pk-qidir{display:flex;gap:8px}
.pk-qidir .p-in-ic{flex:1}
.pk-qidir input{height:48px;border-radius:14px;font-size:16px;background:var(--bg1)}
.pk-grid{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 12px 120px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;align-content:start;grid-auto-rows:max-content}
@media(max-width:380px){.pk-grid{grid-template-columns:repeat(2,1fr)}}
.pk-t{position:relative;background:var(--bg1);border:1px solid var(--brd);border-radius:16px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;text-align:left;padding:0;font-family:inherit;color:var(--txt);box-shadow:var(--p-sh);transition:transform .08s}
.pk-t:active{transform:scale(.97)}
.pk-t-m{padding:9px 10px 10px;display:flex;flex-direction:column;gap:3px;min-width:0}
.pk-t-n{font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}
.pk-t-p{font-size:15px;font-weight:800;letter-spacing:-.2px}
.pk-t-q{font-size:11.5px;color:var(--txt3);font-weight:600}
.pk-t-q.kam{color:var(--p-ogoh)}.pk-t-q.yoq{color:var(--p-xato)}
.pk-t.yoq{opacity:.5}
.pk-t-bdg{position:absolute;top:7px;right:7px;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:var(--p-acc);color:var(--p-acc-t);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.pk-t-aks{position:absolute;top:7px;left:7px;padding:3px 7px;border-radius:8px;background:#ef4444;color:#fff;font-size:11px;font-weight:800}
.pk-ro .pk-t{flex-direction:row;align-items:center;gap:10px;padding:8px}
.pk-ro{grid-template-columns:1fr!important}
.pk-ro .pk-t .p-rasm.katta{width:52px;height:52px;border-radius:12px;aspect-ratio:auto;font-size:16px}
.pk-ro .pk-t-m{flex:1;padding:0}
.pk-ro .pk-t-n{min-height:0}
.pk-bar{position:absolute;left:12px;right:12px;bottom:calc(12px + var(--sab,0px));z-index:5;display:flex;align-items:center;gap:10px;
  padding:10px 10px 10px 16px;border-radius:18px;background:var(--p-acc);color:var(--p-acc-t);box-shadow:0 10px 30px rgba(79,70,229,.35);cursor:pointer;
  transform:translateY(130%);transition:transform .25s cubic-bezier(.3,.7,.2,1);border:none;font-family:inherit;text-align:left}
.pk-bar.on{transform:none}
.pk-bar-m{flex:1;min-width:0}
.pk-bar-m small{display:block;font-size:12.5px;opacity:.85;font-weight:600}
.pk-bar-m b{display:block;font-size:20px;font-weight:800;letter-spacing:-.3px}
.pk-bar-b{background:rgba(255,255,255,.18);border-radius:13px;padding:11px 16px;font-size:15px;font-weight:800;display:flex;align-items:center;gap:6px}
body:not(.yorug) .pk-bar{box-shadow:0 10px 30px rgba(224,180,41,.25)}
body:not(.yorug) .pk-bar-b{background:rgba(0,0,0,.12)}
.pk-smena{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;font-size:12.5px;font-weight:700;border:1px solid var(--brd2);background:var(--bg1);color:var(--txt2);cursor:pointer;font-family:inherit}
.pk-smena i{width:8px;height:8px;border-radius:50%;background:var(--txt3)}
.pk-smena.on i{background:var(--p-ok);box-shadow:0 0 0 3px var(--p-ok2)}

/* Savat */
.pk-sav-q{display:flex;gap:10px;padding:12px 2px;border-bottom:1px solid var(--brd);align-items:flex-start}
.pk-sav-q:last-child{border-bottom:none}
.pk-sav-m{flex:1;min-width:0;cursor:pointer}
.pk-sav-n{font-size:14.5px;font-weight:600;line-height:1.35}
.pk-sav-d{font-size:12.5px;color:var(--txt3);margin-top:3px}
.pk-sav-d s{opacity:.7}
.pk-sav-chg{display:inline-block;margin-top:4px;padding:2px 7px;border-radius:7px;background:var(--p-xato2);color:var(--p-xato);font-size:11.5px;font-weight:700}
.pk-sav-o{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.pk-sav-s{font-size:15px;font-weight:800;white-space:nowrap}
.pk-step{display:flex;align-items:center;background:var(--bg3);border-radius:11px;overflow:hidden}
.pk-step button{width:34px;height:34px;border:none;background:transparent;color:var(--txt);cursor:pointer;display:flex;align-items:center;justify-content:center}
.pk-step button .p-ik{width:17px;height:17px}
.pk-step span{min-width:34px;text-align:center;font-weight:800;font-size:14px}
.pk-jami{display:flex;justify-content:space-between;align-items:baseline;padding:10px 2px;font-size:14px;color:var(--txt2)}
.pk-jami b{font-size:15px;color:var(--txt)}
.pk-jami.katta{font-size:16px;font-weight:700;color:var(--txt);border-top:1.5px dashed var(--brd2);margin-top:4px;padding-top:12px}
.pk-jami.katta b{font-size:24px;font-weight:800;letter-spacing:-.4px}
.pk-mijoz{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;background:var(--bg2);border:1px dashed var(--brd2);cursor:pointer;margin:6px 0 4px;width:100%;font-family:inherit;color:var(--txt);text-align:left}
.pk-mijoz.on{border-style:solid;border-color:var(--p-acc);background:var(--p-acc2)}
.pk-mijoz-m{flex:1;min-width:0}
.pk-mijoz-m b{display:block;font-size:14.5px}
.pk-mijoz-m small{display:block;font-size:12.5px;color:var(--txt3)}

/* To'lov ekrani */
.pt-jami{text-align:center;padding:6px 0 12px}
.pt-jami small{display:block;font-size:13px;color:var(--txt3);font-weight:600}
.pt-jami b{display:block;font-size:34px;font-weight:800;letter-spacing:-.8px;margin-top:2px}
.pt-qol{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.pt-qol span{padding:5px 11px;border-radius:999px;font-size:13px;font-weight:700;background:var(--bg3);color:var(--txt2)}
.pt-qol span.ok{background:var(--p-ok2);color:var(--p-ok)}
.pt-qol span.xato{background:var(--p-xato2);color:var(--p-xato)}
.pt-usul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.pt-u{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:14px;border:1.5px solid var(--brd2);background:var(--bg1);color:var(--txt);cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700}
.pt-u .p-ik{width:24px;height:24px;color:var(--r)}
.pt-u.on{border-color:var(--r);background:color-mix(in srgb,var(--r) 10%,var(--bg1));box-shadow:0 0 0 3px color-mix(in srgb,var(--r) 18%,transparent)}
.pt-u small{font-size:11px;color:var(--txt3);font-weight:600}
.pt-kirit{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;background:var(--bg2);border:1.5px solid var(--p-acc);margin-bottom:8px}
.pt-kirit-u{font-size:13px;font-weight:700;color:var(--txt3);white-space:nowrap}
.pt-kirit-v{flex:1;text-align:right;font-size:28px;font-weight:800;letter-spacing:-.5px;min-height:38px;white-space:nowrap;overflow:hidden}
.pt-tez{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:8px}
.pt-tez::-webkit-scrollbar{display:none}
.pt-tez button{flex:none;padding:8px 12px;border-radius:11px;border:1px solid var(--brd2);background:var(--bg1);color:var(--txt);font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit}
.pt-klav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}
.pt-klav button{height:54px;border-radius:14px;border:none;background:var(--bg3);color:var(--txt);font-size:23px;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:background .1s}
.pt-klav button:active{background:var(--bg4)}
.pt-tol{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--bg2);margin-bottom:6px}
.pt-tol .p-ik{color:var(--r)}
.pt-tol b{flex:1;font-size:14.5px}
.pt-tol span{font-weight:800;font-size:15px}
.pt-tol button{border:none;background:transparent;color:var(--txt3);cursor:pointer;padding:4px;display:flex}
@media(min-height:760px){.pt-klav button{height:60px}}

/* Muvaffaqiyat */
.p-ok-ekran{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 8px 8px}
.p-ok-doira{width:96px;height:96px;border-radius:50%;background:var(--p-ok);display:flex;align-items:center;justify-content:center;color:#fff;
  box-shadow:0 0 0 12px var(--p-ok2);animation:pOkKir .45s cubic-bezier(.2,1.4,.4,1) both}
.p-ok-doira .p-ik{width:52px;height:52px;stroke-width:3;stroke-dasharray:30;stroke-dashoffset:30;animation:pOkChiz .4s .2s ease forwards}
@keyframes pOkKir{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes pOkChiz{to{stroke-dashoffset:0}}
.p-ok-ekran h2{font-size:22px;font-weight:800;margin:20px 0 4px;letter-spacing:-.3px}
.p-ok-ekran .s{font-size:32px;font-weight:800;letter-spacing:-.6px}
.p-ok-ekran .q{margin-top:10px;padding:10px 16px;border-radius:14px;background:var(--p-ogoh2);color:var(--p-ogoh);font-weight:800;font-size:17px}
.p-ok-ekran .d{font-size:13.5px;color:var(--txt3);margin-top:8px;line-height:1.6}

/* =====================================================================
   PASTKI NAVIGATSIYA (Billz uslubi) va MENYU
   ===================================================================== */
.p-tabbar{flex:none;display:flex;background:var(--bg1);border-top:1px solid var(--brd);padding:5px 4px calc(5px + var(--sab,0px));z-index:50}
.p-tb{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border:none;background:transparent;color:var(--txt3);font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;border-radius:12px;min-width:0}
.p-tb .p-ik{width:24px;height:24px}
.p-tb.on{color:var(--p-acc)}
.p-tb.kassa .p-tb-k{width:50px;height:50px;margin-top:-22px;border-radius:17px;background:var(--p-acc);color:var(--p-acc-t);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(79,70,229,.35);border:4px solid var(--bg0)}
body:not(.yorug) .p-tb.kassa .p-tb-k{box-shadow:0 8px 20px rgba(224,180,41,.25)}
.p-tb.kassa .p-tb-k .p-ik{width:24px;height:24px}
.p-tb.kassa{color:var(--txt)}
body.p-nav-yangi .navbar2{display:none!important}
.p-menyu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:6px}
@media(min-width:560px){.p-menyu-grid{grid-template-columns:repeat(6,1fr)}}
.p-mt{overflow-wrap:anywhere;hyphens:auto;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 4px 10px;border-radius:16px;border:none;background:transparent;color:var(--txt);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;text-align:center;line-height:1.25}
.p-mt:active{background:var(--bg3)}
.p-mt-ic{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--r) 13%,var(--bg1));color:var(--r);position:relative}
.p-mt-ic .p-ik{width:24px;height:24px}
.p-mt-ic i{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--p-xato);color:#fff;font-size:11px;font-style:normal;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg1)}
.p-menyu-guruh{background:var(--bg1);border:1px solid var(--brd);border-radius:var(--p-r);padding:12px 8px 6px;margin-bottom:12px;box-shadow:var(--p-sh)}
.p-menyu-guruh h3{font-size:13px;font-weight:800;color:var(--txt2);margin:0 8px 6px;letter-spacing:.2px}
.p-profil{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg1);border:1px solid var(--brd);border-radius:var(--p-r);margin-bottom:12px;box-shadow:var(--p-sh);cursor:pointer}
.p-profil-av{width:50px;height:50px;border-radius:16px;background:var(--p-acc);color:var(--p-acc-t);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;flex:none}
.p-profil-m{flex:1;min-width:0}
.p-profil-m b{display:block;font-size:16px}
.p-profil-m small{display:block;font-size:13px;color:var(--txt3);margin-top:2px}

/* Jadval-ro'yxat */
.p-tab-ro{width:100%;border-collapse:collapse;font-size:13px}
@media(max-width:400px){.p-tab-ro td,.p-tab-ro th{padding-left:4px;padding-right:4px}}
.p-tab-ro th{text-align:left;font-size:11.5px;font-weight:700;color:var(--txt3);padding:8px 6px;border-bottom:1px solid var(--brd);text-transform:none;letter-spacing:0}
.p-tab-ro td{padding:10px 6px;border-bottom:1px solid var(--brd);vertical-align:top}
.p-tab-ro td.r,.p-tab-ro th.r{text-align:right;white-space:nowrap}
.p-tab-ro tr.jami td{font-weight:800;border-top:2px solid var(--brd2);border-bottom:none}
.p-tab-ro tr.ich td{color:var(--txt2);font-size:12.5px;padding-top:6px;padding-bottom:6px}
.p-tab-ro tr.ich td:first-child{padding-left:16px}

/* Yozuv kartochkasi (hujjat, chek, harakat) */
.p-yoz{display:flex;gap:11px;padding:12px 2px;border-bottom:1px solid var(--brd);align-items:center;cursor:pointer}
.p-yoz:last-child{border-bottom:none}
.p-yoz-ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none;background:color-mix(in srgb,var(--r) 13%,var(--bg1));color:var(--r)}
.p-yoz-m{flex:1;min-width:0}
.p-yoz-m b{display:block;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-yoz-m small{display:block;font-size:12.5px;color:var(--txt3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-yoz-o{text-align:right;flex:none}
.p-yoz-o b{display:block;font-size:14.5px;font-weight:800;white-space:nowrap}
.p-yoz-o small{display:block;font-size:11.5px;color:var(--txt3);margin-top:2px}

/* Belgi */
.p-bdg{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:8px;font-size:11.5px;font-weight:700;background:var(--bg3);color:var(--txt2);white-space:nowrap}
.p-bdg.ok{background:var(--p-ok2);color:var(--p-ok)}.p-bdg.xato{background:var(--p-xato2);color:var(--p-xato)}
.p-bdg.ogoh{background:var(--p-ogoh2);color:var(--p-ogoh)}.p-bdg.acc{background:var(--p-acc2);color:var(--p-acc)}

/* Ogohlantirish lentasi */
.p-lenta{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;margin-bottom:10px;background:var(--p-ogoh2);color:var(--p-ogoh);font-size:13.5px;font-weight:600;cursor:pointer;border:none;width:100%;text-align:left;font-family:inherit}
.p-lenta.xato{background:var(--p-xato2);color:var(--p-xato)}
.p-lenta.acc{background:var(--p-acc2);color:var(--p-acc)}
.p-lenta.ok{background:var(--p-ok2);color:var(--p-ok)}
.p-lenta span{flex:1}

/* Inventarizatsiya sanoq qatori */
.p-san{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--brd)}
.p-san-m{flex:1;min-width:0}
.p-san-m b{display:block;font-size:14px;font-weight:600;line-height:1.3}
.p-san-m small{display:block;font-size:12px;color:var(--txt3);margin-top:2px}
.p-san input{width:84px;min-height:42px;text-align:center;font-weight:800;font-size:16px;border-radius:11px;padding:6px}
.p-san.farq input{border-color:var(--p-ogoh);background:var(--p-ogoh2)}
.p-san.teng input{border-color:var(--p-ok)}

/* Progress */
.p-prog{height:8px;border-radius:9px;background:var(--bg3);overflow:hidden;margin:8px 0}
.p-prog i{display:block;height:100%;background:var(--p-acc);border-radius:9px;transition:width .3s}

/* Boshlash ro'yxati */
.p-onb{background:linear-gradient(135deg,var(--p-acc) 0%,#7c3aed 100%);color:#fff;border-radius:18px;padding:16px;margin-bottom:12px;box-shadow:0 10px 26px rgba(79,70,229,.28)}
body:not(.yorug) .p-onb{background:linear-gradient(135deg,#3b2f0a,#1f2937);border:1px solid var(--brd2);box-shadow:none}
.p-onb h3{font-size:17px;font-weight:800;margin:0 0 3px}
.p-onb p{font-size:13px;opacity:.88;margin:0 0 10px}
.p-onb-q{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.14);margin-top:7px;cursor:pointer;border:none;color:#fff;width:100%;text-align:left;font-family:inherit;font-size:14px;font-weight:600}
.p-onb-q i{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.7);flex:none;display:flex;align-items:center;justify-content:center}
.p-onb-q.ok i{background:#fff;border-color:#fff;color:#16a34a}
.p-onb-q.ok span{text-decoration:line-through;opacity:.7}
.p-onb-q span{flex:1}

/* Sanoq / yorliq chop etish va boshqalar */
.p-shtrix{width:100%;height:auto;display:block}
.p-sl{display:flex;align-items:center;gap:12px;margin:8px 0 4px}
.p-sl input[type=range]{flex:1;padding:0;height:30px;border:none;background:transparent;-webkit-appearance:auto;appearance:auto;accent-color:var(--p-acc)}
.p-sl b{min-width:58px;text-align:right;font-size:18px}
.p-seg{display:flex;background:var(--bg3);border-radius:13px;padding:3px;gap:3px;margin-bottom:12px}
.p-seg button{flex:1;padding:9px 6px;border:none;border-radius:10px;background:transparent;color:var(--txt2);font-weight:700;font-size:13.5px;cursor:pointer;font-family:inherit}
.p-seg button.on{background:var(--bg1);color:var(--txt);box-shadow:var(--p-sh)}
.p-bar-ro{display:flex;align-items:center;gap:10px;margin-bottom:9px;font-size:13.5px}
.p-bar-ro span{width:96px;flex:none;color:var(--txt2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-bar-ro i{flex:1;height:10px;border-radius:9px;background:var(--bg3);overflow:hidden;display:block}
.p-bar-ro i em{display:block;height:100%;border-radius:9px;background:var(--r,var(--p-acc))}
.p-bar-ro b{min-width:92px;text-align:right;white-space:nowrap}
.p-izoh{font-size:12.5px;color:var(--txt3);line-height:1.55;margin:6px 2px 12px}
.p-tavsiya{padding:11px 13px;border-radius:13px;background:var(--bg2);border:1px solid var(--brd);font-size:13.5px;line-height:1.55;margin-bottom:8px}

/* Mahsulot formasiga rasm qo'shish */
.p-foto-q{display:flex;align-items:center;gap:12px;padding:10px;border:1.5px dashed var(--brd2);border-radius:14px;margin-bottom:10px;background:var(--bg2)}
.p-foto-q .p-rasm{width:72px;height:72px;border-radius:12px}
.p-foto-q .p-foto-m{flex:1;min-width:0;font-size:12.5px;color:var(--txt3);line-height:1.45}
.p-foto-q .p-foto-m b{display:block;color:var(--txt);font-size:14px;margin-bottom:3px}
.p-foto-t{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}

/* Ombor ro'yxatida rasm */
.tv .p-rasm{width:48px;height:48px;margin-right:2px;cursor:zoom-in}
.tv-bosh.p-rasmli{display:flex;gap:10px;align-items:flex-start}
.tv-bosh.p-rasmli>div{flex:1;min-width:0}

/* Eski sahifalardagi kichik tuzatishlar */
.p-yashir{display:none!important}
details.p-qolda{margin-bottom:12px}
details.p-qolda>summary{list-style:none;cursor:pointer;padding:13px 14px;border-radius:14px;background:var(--bg1);border:1px solid var(--brd);font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;color:var(--txt2)}
details.p-qolda>summary::-webkit-details-marker{display:none}
details.p-qolda[open]>summary{border-radius:14px 14px 0 0;border-bottom:none}
details.p-qolda[open]>.card{border-radius:0 0 14px 14px;margin-top:0}
.p-tez-amal{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.p-tez-amal .p-mt{background:var(--bg1);border:1px solid var(--brd);box-shadow:var(--p-sh)}
@media print{.p-page,.p-tabbar,.p-sheet-fon{display:none!important}}
body.yorug .bmark{background:linear-gradient(150deg,#4f46e5,#7c3aed);border-color:transparent;box-shadow:0 4px 12px rgba(79,70,229,.28)}
body.yorug .bmark span{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;text-shadow:none!important}
body.yorug .hdr-name{color:var(--txt)}
/* v112: kirish oynalari — oq fonda qora soya yo'q, KZB yozuvi aniq */
body.yorug .scr{background:radial-gradient(120% 70% at 50% 0%,#e6e8ff 0%,var(--bg0) 60%)}
body.yorug .scr .bname{color:#312e81;-webkit-text-fill-color:#312e81;background:none;text-shadow:none}
body.yorug .scr .bsub{color:#4b5563;-webkit-text-fill-color:#4b5563}
.scr .bname{font-weight:900;letter-spacing:3px}
.scr .bsub{font-size:10.5px;letter-spacing:1.6px}
body:not(.yorug) .scr .bname{color:#f2d27a;-webkit-text-fill-color:#f2d27a;text-shadow:0 1px 10px rgba(242,210,122,.25)}
body:not(.yorug) .scr .bsub{color:#a8b0ba}

/* ---------- v111.2: Tovar qabul qilish ---------- */
.pkr-q{padding:12px}
.pkr-bosh{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.pkr-bosh input{flex:1;min-height:44px;font-size:15.5px;font-weight:600;border-radius:11px}
.pkr-n{width:26px;height:26px;border-radius:8px;background:var(--bg3);color:var(--txt3);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.pkr-mos{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border-radius:11px;font-size:12.5px;line-height:1.45;margin-bottom:10px}
.pkr-mos .p-ik{width:17px;height:17px;margin-top:1px;flex:none}
.pkr-mos span{flex:1;min-width:0}
.pkr-mos button{flex:none;border:none;background:transparent;color:inherit;font-weight:800;font-size:12px;text-decoration:underline;cursor:pointer;padding:2px 0;font-family:inherit}
.pkr-mos.ok{background:var(--p-acc2);color:var(--p-acc)}
.pkr-mos.yangi{background:var(--p-ok2);color:var(--p-ok)}
.pkr-mos.ogoh{background:var(--p-ogoh2);color:var(--p-ogoh)}
.pkr-gr{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(min-width:560px){.pkr-gr{grid-template-columns:1fr .8fr 1.2fr 1.2fr}}
.pkr-gr label,.pkr-alt label{display:block;font-size:11.5px;font-weight:700;color:var(--txt3);margin-bottom:4px}
.pkr-gr input,.pkr-gr select,.pkr-alt select{min-height:44px;border-radius:11px;font-size:16px;padding:8px 10px}
.pkr-alt{display:flex;align-items:flex-end;gap:10px;margin-top:8px}
.pkr-alt>div,.pkr-alt label+select{flex:1}
.pkr-alt label{margin:0}
.pkr-alt{flex-wrap:wrap}
.pkr-alt select{flex:1;min-width:140px}
.pkr-ust{margin-left:auto;font-size:12px;font-weight:800;color:var(--p-ok);background:var(--p-ok2);padding:4px 8px;border-radius:8px;white-space:nowrap}
.pkr-ogoh{margin-top:8px;font-size:12px;color:var(--p-ogoh);line-height:1.5}
.pkr-jami{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;padding-top:9px;border-top:1px dashed var(--brd2);font-size:13px;color:var(--txt3)}
.pkr-jami b{font-size:16px;color:var(--txt)}
.pkr-xul{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.pkr-xul small{display:block;font-size:12.5px;color:var(--txt3);font-weight:600}
.pkr-xul b{display:block;font-size:19px;font-weight:800;letter-spacing:-.3px;white-space:nowrap}
.pkr-tol{display:flex;gap:6px}
.pkr-tol input{width:104px;min-height:40px;border-radius:10px;font-size:15px;padding:6px 9px}
.pkr-tol select{width:84px;min-height:40px;border-radius:10px;font-size:14px;padding:6px}
.pkr-qarz{font-size:13px;color:var(--txt2);margin:-2px 0 8px}
.pkr-ust.past{color:var(--p-xato);background:var(--p-xato2)}
/* v112: rasmni ko'rib tasdiqlash */
.p-rasm-korib{background:var(--bg2,#f3f4f6);border-radius:14px;padding:8px;margin:6px 0 8px;display:flex;justify-content:center}
.p-rasm-korib img{max-width:100%;max-height:52vh;object-fit:contain;border-radius:10px;background:#fff}

/* =====================================================================
   v112: KOMPYUTER INTERFEYSI (≥1100px) — chap menyu, keng kontent
   ===================================================================== */
.p-yon{display:none}
@media(min-width:1100px){
  body.p-yon-bor #app:not([style*="none"]){display:grid!important;grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:100vh;height:100dvh}
  body.p-yon-bor .p-yon{display:flex;flex-direction:column;grid-row:1/-1;grid-column:1;background:var(--bg1);border-right:1px solid var(--brd);min-height:0;overflow:hidden}
  body.p-yon-bor #app>.hdr{grid-column:2;grid-row:1}
  body.p-yon-bor #app>.scroll-area{grid-column:2;grid-row:2;min-height:0}
  body.p-yon-bor .p-tabbar,body.p-yon-bor .navbar2{display:none!important}
  /* yuqori panel: logotip chapda bor — sarlavhadagisi yashirin */
  body.p-yon-bor #app>.hdr .brand,body.p-yon-bor #app>.hdr .hdr-brand{visibility:hidden}
  body.p-yon-bor #app>.hdr{padding:12px 28px;min-height:64px}
  body.p-yon-bor #app>.hdr .brand,body.p-yon-bor #app>.hdr .hdr-brand{display:none}
  body.p-yon-bor .p-hdr-sar{display:block;flex:1;min-width:0}
  /* kontent: markazda, o'qishga qulay kenglikda */
  body.p-yon-bor .scroll-area>.tab{max-width:1480px;margin:0 auto;padding:22px 28px 40px}
  body.p-yon-bor .card{border-radius:16px}
  /* to'liq ekranli sahifalar — chap menyu ochiq qoladi */
  body.p-yon-bor .p-page{left:260px;box-shadow:-12px 0 30px rgba(15,23,42,.08)}
  body.p-yon-bor .p-page .p-body{width:100%;max-width:1320px;margin:0 auto;padding-left:28px;padding-right:28px}
  body.p-yon-bor .p-page .p-hdr{padding-left:20px;padding-right:20px}
  body.p-yon-bor .p-page .p-past{padding-left:28px;padding-right:28px}
  /* menyu sahifasi va tez amallar kattaroq setka */
  body.p-yon-bor .p-menyu-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
  body.p-yon-bor .p-tez-amal{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
  body.p-yon-bor .p-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
  /* sichqoncha bilan: bosiladigan narsalar ustida yengil fon */
  body.p-yon-bor .p-mt:hover,body.p-yon-bor .p-tb:hover{background:var(--bg3)}
  body.p-yon-bor button,body.p-yon-bor a{cursor:pointer}
}
.p-yon-logo{display:flex;align-items:center;gap:11px;padding:18px 18px 14px}
.p-yon-logo .bmark{width:40px;height:40px;border-radius:12px}
.p-yon-logo .bmark span{font-size:14px}
.p-yon-logo b{display:block;font-size:17px;font-weight:900;letter-spacing:2px;color:var(--txt)}
.p-yon-logo small{display:block;font-size:11.5px;color:var(--txt3);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.p-yon-kassa{margin:0 14px 10px;display:flex;align-items:center;gap:10px;padding:12px 14px;border:none;border-radius:13px;background:var(--p-acc);color:var(--p-acc-t);font:inherit;font-weight:800;font-size:14px;box-shadow:0 6px 16px rgba(79,70,229,.25)}
.p-yon-kassa span{flex:1;text-align:left}
.p-yon-kassa kbd{font:inherit;font-size:11px;font-weight:700;opacity:.8;border:1px solid currentColor;border-radius:6px;padding:1px 6px}
.p-yon-kassa:hover{filter:brightness(1.07)}
.p-yon-ich{flex:1;min-height:0;overflow-y:auto;padding:4px 10px 12px;scrollbar-width:thin}
.p-yon-g h4{font-size:10.5px;text-transform:uppercase;letter-spacing:1.2px;color:var(--txt3);font-weight:800;margin:14px 10px 4px}
.p-yon .p-mt{width:100%;flex-direction:row;justify-content:flex-start;gap:11px;padding:7px 10px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--txt2);text-align:left;hyphens:none}
.p-yon .p-mt-ic{width:30px;height:30px;border-radius:9px;flex:none}
.p-yon .p-mt-ic .p-ik{width:17px;height:17px}
.p-yon .p-mt-ic i{top:auto;right:auto;position:static;margin-left:auto;order:2}
.p-yon .p-mt{position:relative}
.p-yon .p-mt-ic i{position:absolute;top:-5px;right:-7px;min-width:17px;height:17px;font-size:10px;padding:0 4px}
.p-yon .p-mt.on{background:color-mix(in srgb,var(--p-acc) 12%,transparent);color:var(--p-acc);font-weight:800}
.p-yon .p-mt.on::before{content:'';position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--p-acc)}
.p-yon-bosh{margin-top:4px}
.p-yon-profil{display:flex;align-items:center;gap:10px;margin:0;padding:12px 16px;border:none;border-top:1px solid var(--brd);background:transparent;color:var(--txt);font:inherit;text-align:left}
.p-yon-profil:hover{background:var(--bg3)}
.p-yon-profil .p-profil-av{width:36px;height:36px;font-size:15px;flex:none}
.p-yon-pm{flex:1;min-width:0}
.p-yon-pm b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-yon-pm small{display:block;font-size:11.5px;color:var(--txt3)}
.p-yon-profil .p-ik{color:var(--txt3);width:18px;height:18px}

.p-hdr-sar{display:none}
.p-hdr-sar b{display:block;font-size:19px;font-weight:800;letter-spacing:-.3px;color:var(--txt)}
.p-hdr-sar small{display:block;font-size:12px;color:var(--txt3);font-weight:600;margin-top:1px}
/* v112: kompyuter kassasi — chapda tovarlar, o'ngda doimiy savat */
.p-kassa.pk-komp .p-body{max-width:none!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 400px;overflow:hidden}
.pk-komp .pk-chap{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:12px 8px 0 20px}
.pk-komp .pk-grid{padding:4px 4px 24px;grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}
.pk-komp .pk-bar{display:none!important}
.pk-yon{border-left:1px solid var(--brd);background:var(--bg1);overflow-y:auto;padding:16px 18px 20px;min-height:0}
.pk-yon .p-btn{width:100%}
.pk-yon #pk-savat>div:first-child .p-btn{width:auto}
.pk-bosh-savat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:60px 16px;color:var(--txt3)}
.pk-bosh-savat .p-ik{width:44px;height:44px;opacity:.45}
.pk-bosh-savat b{color:var(--txt2);font-size:15px}
.pk-bosh-savat small{font-size:12.5px;line-height:1.6}
.pk-komp .pk-sav-q:hover{background:var(--bg3);border-radius:10px}
/* v112: kompyuterda bo'lim kartochkalari — 2 ustunli setka */
@media(min-width:1100px){
  body.p-yon-bor .scroll-area>.tab.on,body.p-yon-bor .p-page:not(.p-kassa)>.p-body{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;align-content:start;grid-auto-rows:max-content}
  body.p-yon-bor .scroll-area>.tab.on>*,body.p-yon-bor .p-page:not(.p-kassa)>.p-body>*{grid-column:1/-1;min-width:0}
  body.p-yon-bor .scroll-area>.tab.on>.p-yarim,body.p-yon-bor .p-page>.p-body>.p-yarim{grid-column:auto;align-self:start}
  /* yolg'iz forma: maydonlar bir necha ustunda */
  body.p-yon-bor .p-ko-forma{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));column-gap:16px;align-items:end}
  body.p-yon-bor .p-ko-forma>#pf-inv,body.p-yon-bor .p-ko-forma>#pf-qosh{display:contents}
  body.p-yon-bor .p-ko-forma .p-foto-q,body.p-yon-bor .p-ko-forma #pf-qosh>:not(.fr):not(.fr1){grid-column:1/-1}
  body.p-yon-bor .p-ko-forma .fr{grid-column:span 2!important}
  body.p-yon-bor .p-ko-forma>*{grid-column:1/-1}
  body.p-yon-bor .p-ko-forma>.fr,body.p-yon-bor .p-ko-forma>.fr1{grid-column:auto}
  body.p-yon-bor .p-ko-forma input:not([type=checkbox]):not([type=radio]),body.p-yon-bor .p-ko-forma select,body.p-yon-bor .p-ko-forma textarea{width:100%}
  body.p-yon-bor .p-ko-forma>.fr1:has(textarea){grid-column:1/-1}
  body.p-yon-bor .p-ko-forma>.btn,body.p-yon-bor .p-ko-forma>.gbtn,body.p-yon-bor .p-ko-forma>button{justify-self:start;min-width:260px;width:auto}
  /* jadvallar: qulay qator balandligi, sichqoncha ustida ajraladi */
  body.p-yon-bor table tbody tr:hover td{background:var(--bg3)}
  body.p-yon-bor .p-body .card,body.p-yon-bor .tab .card{padding:18px 20px}
}
@media(min-width:1100px){
  /* kunlik cheklar — setka */
  body.p-yon-bor .chk-ro{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:12px;align-items:start}
  body.p-yon-bor .chk-ro>.sch{margin:0}
}
@media(min-width:1100px){
  /* ro'yxatlar (qarz, kredit, mijozlar, chiqimlar...) — kartochkalar setkasi */
  body.p-yon-bor .tab [id$="list"]:not(:has(table)):not(:empty){display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px;align-items:start}
  body.p-yon-bor .tab [id$="list"]:not(:has(table))>*{margin:0!important;min-width:0}
  body.p-yon-bor .tab [id$="list"]:not(:has(table))>.empty,body.p-yon-bor .tab [id$="list"]:not(:has(table))>.ro-yana,body.p-yon-bor .tab [id$="list"]>h3,body.p-yon-bor .tab [id$="list"]>.sep{grid-column:1/-1}
}
@media(min-width:1100px){
  /* papkali ro'yxatlar: papka to'liq kenglikda, ichidagi kartochkalar setkada */
  body.p-yon-bor .tab [id$="list"]:has(>div>[id^="pk-"]){display:block}
  body.p-yon-bor .tab [id$="list"]>div>[id^="pk-"][style*="display:block"]{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;align-items:start}
  body.p-yon-bor .tab [id$="list"]>div>[id^="pk-"]>*{margin:0!important;min-width:0}
  body.p-yon-bor .tab [id$="list"]>div>[id^="pk-"]>.empty,body.p-yon-bor .tab [id$="list"]>div>[id^="pk-"]>[class*="yana"]{grid-column:1/-1}
}
@media(min-width:1100px){
  /* ko'rsatkich kartochkalari (.sg) bitta qatorda */
  body.p-yon-bor .sg{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
}
@media(min-width:1100px){
  /* menyu ro'yxatlari (Hisobotlar va h.k.) — 2 ustun */
  body.p-yon-bor .p-page .p-list:has(>.p-qator:nth-child(6)){display:grid;grid-template-columns:1fr 1fr;column-gap:0}
  body.p-yon-bor .p-page .p-list:has(>.p-qator:nth-child(6))>.p-qator:nth-child(odd){border-right:1px solid var(--brd)}
  body.p-yon-bor .p-qator:hover{background:var(--bg3)}
}
@media(min-width:1100px){
  /* ro'yxatli oynalar (ombor, yuklar, ...) kompyuterda keng, kartochkalar setkada */
  body.p-yon-bor #edit-modal>.card:has(.qbox){max-width:min(1240px,calc(100vw - 340px))!important;margin-left:260px!important}
  body.p-yon-bor #edit-modal .tv-ro{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;align-items:start}
  body.p-yon-bor #edit-modal .tv-ro>*{margin:0!important;min-width:0}
  body.p-yon-bor #edit-modal .tv-ro>:not(.tv){grid-column:1/-1}
  body.p-yon-bor .tab .tv-ro:not(:has(table)){display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;align-items:start}
  body.p-yon-bor .tab .tv-ro:not(:has(table))>*{margin:0!important;min-width:0}
  body.p-yon-bor .tab .tv-ro>:not(.tv){grid-column:1/-1}
}

/* v112: kirish/obuna/shartlar ekranlari ochiq sahifalar ustida chiqadi (kompyuterda orqada qolib "qotib" ko'rinardi) */
.scr.on{z-index:9550}
/* faol obuna kartasi */
.pay-faol{border-color:var(--grn)!important;background:color-mix(in srgb,var(--grn) 7%,var(--bg1))!important}
.pay-faol-b{font-size:18px;font-weight:800;color:var(--grn);margin-bottom:8px}
.pay-faol-s{font-size:13.5px;color:var(--txt2);margin-top:4px}
.pay-faol-s b{color:var(--txt)}
.pay-faol-l{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--txt3);font-weight:700;margin:14px 0 6px}
.pay-sanoq{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pay-sanoq span{background:var(--bg1);border:1px solid var(--brd);border-radius:12px;padding:10px 4px;text-align:center}
.pay-sanoq b{display:block;font-size:24px;font-weight:800;color:var(--txt);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.pay-sanoq small{font-size:11px;color:var(--txt3);font-weight:600}
/* huquqiy matnlar — o'qishga qulay */
#scr-legal .legal{line-height:1.65;font-size:14px}
#scr-legal .legal h3{font-size:15px;margin:18px 0 6px;color:var(--txt)}
#scr-legal .legal ul{padding-left:20px;margin:6px 0}
#scr-legal .legal li{margin:4px 0}
#scr-legal .legal p{margin:6px 0}
@media(min-width:1100px){#scr-legal .scr-in,#scr-pay .scr-in{max-width:760px}}

#scr-legal .lg-sana{font-size:12px;color:var(--txt3);margin-bottom:10px}

/* v112: chek biriktirilmagan — chek joyi qizil miltillaydi */
.chek-kerak{border-radius:12px;animation:chekKerak .6s ease 3;outline:2px solid var(--red);outline-offset:3px}
@keyframes chekKerak{0%,100%{transform:none}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}

/* =====================================================================
   v112: KALKULYATOR
   ===================================================================== */
.kl{max-width:420px;margin:0 auto}
.kl-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.kl-val{flex:1;margin:0!important}
.kl-kurs{display:flex;align-items:center;gap:4px;border:1px solid var(--brd);background:var(--bg2,var(--bg1));color:var(--txt2);border-radius:10px;padding:7px 8px;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.kl-kurs .p-ik{width:14px;height:14px}
.kl-ekran{background:var(--bg2,var(--bg1));border:1px solid var(--brd);border-radius:16px;padding:12px 14px;text-align:right;margin-bottom:10px;min-height:104px;display:flex;flex-direction:column;justify-content:flex-end}
.kl-ifoda{font-size:14px;color:var(--txt3);min-height:20px;word-break:break-all;font-variant-numeric:tabular-nums}
.kl-natija{font-size:32px;font-weight:800;letter-spacing:-.8px;color:var(--txt);line-height:1.15;word-break:break-all;font-variant-numeric:tabular-nums}
.kl-natija.xato{font-size:18px;color:var(--p-xato,#dc2626)}
.kl-konv{font-size:14px;font-weight:700;color:var(--p-acc);min-height:20px;font-variant-numeric:tabular-nums}
.kl-tug{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.kl-tug button{height:56px;border-radius:14px;border:1px solid var(--brd);background:var(--bg1);color:var(--txt);font:inherit;font-size:22px;font-weight:700;cursor:pointer;touch-action:manipulation}
.kl-tug button:active{transform:scale(.96)}
.kl-tug .kl-op{background:color-mix(in srgb,var(--p-acc) 12%,var(--bg1));color:var(--p-acc)}
.kl-tug .kl-x{color:var(--p-xato,#dc2626);font-size:18px}
.kl-tug .kl-teng{background:var(--p-acc);color:var(--p-acc-t);border-color:transparent}
.kl-past{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:6px;margin-top:10px}
.kl-past .p-btn{margin:0;width:100%;justify-content:center}
.kl-maslahat{text-align:center;font-size:11px;color:var(--txt3);margin-top:8px}
@media(hover:none){.kl-maslahat{display:none}}
@media(hover:hover){.kl-tug button:hover{filter:brightness(.96)}}
.kl-kurs-katta{text-align:center;font-size:26px;font-weight:800;margin:6px 0 10px}
.kl-tarix{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow:auto}
.kl-tarix button{display:flex;flex-direction:column;align-items:flex-end;gap:2px;border:1px solid var(--brd);background:var(--bg1);border-radius:12px;padding:10px 12px;font:inherit;color:var(--txt);cursor:pointer}
.kl-tarix small{color:var(--txt3);font-size:12px}
.kl-tarix b{font-size:16px}

/* v112: huquqiy hujjat — rasmiy til izohi */
.lg-til{background:color-mix(in srgb,var(--p-acc) 10%,var(--bg1));border:1px solid var(--brd);border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:12px;color:var(--txt2)}

/* =====================================================================
   v112: OYNALAR HAR QANDAY EKRANGA SIG'ADI (noutbukda past ekran ham)
   Oyna balandligi ekrandan oshsa — oynaning o'zi ichida aylanadi, tugmalar
   doim yetib boriladi. Fon xiralashtirish (blur) o'chirildi — kuchsiz
   kompyuterlarda ilovani sekinlashtirardi.
   ===================================================================== */
#edit-modal{overflow-y:auto!important;align-items:flex-start!important;padding:12px!important;-webkit-overflow-scrolling:touch;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#edit-modal>*{margin-top:auto!important;margin-bottom:auto!important;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto!important;overscroll-behavior:contain;flex:none}
body.yorug #edit-modal{backdrop-filter:none!important}
.p-sheet{max-height:calc(100dvh - 16px)}
.p-sheet-fon{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.dlg-fon{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.dlg-box{max-height:calc(100dvh - 36px);overflow-y:auto}

/* v113: grafikdagi yorliqlar */
.kg-oxir{fill:#3dd68c;stroke:var(--bg1);stroke-width:2.5}
.kg-bel rect{fill:var(--bg1);stroke:#3dd68c;stroke-width:1.2}
.kg-bel text{font-size:10.5px;font-weight:800;text-anchor:middle;fill:var(--txt);font-variant-numeric:tabular-nums}
.kg-bel.eng rect{stroke:var(--brd2,#cbd5e1)}
.kg-bel.eng text{fill:var(--txt2)}
/* v113: kirish ekranidagi til tanlash */
.kir-til{display:flex;justify-content:center;gap:4px;margin:0 auto 14px;padding:3px;border-radius:999px;background:var(--bg3,rgba(127,127,127,.12));width:max-content;max-width:100%;flex-wrap:wrap}
.kir-til button{border:none;background:transparent;color:var(--txt2);font:600 12.5px inherit;font-family:inherit;padding:6px 11px;border-radius:999px;cursor:pointer}
.kir-til button.on{background:var(--bg1);color:var(--txt);box-shadow:0 1px 3px rgba(0,0,0,.12);font-weight:800}

/* =====================================================================
   v113: SUPER KUCH ANIMATSIYASI
   ===================================================================== */
.sk{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:20px;
  background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--p-acc) 16%,var(--bg0)) 0%,var(--bg0) 60%);color:var(--txt);
  animation:skKir .35s ease both}
.sk.ket{animation:skKet .45s ease forwards}
@keyframes skKir{from{opacity:0}to{opacity:1}}
@keyframes skKet{to{opacity:0;transform:scale(1.03)}}
.sk-ich{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.sk-belgi{position:relative;width:84px;height:84px;margin-bottom:6px}
.sk-belgi span{position:absolute;inset:10px;border-radius:20px;background:linear-gradient(150deg,#4f46e5,#7c3aed);color:#fff;font-weight:900;font-size:20px;letter-spacing:1px;
  display:grid;place-items:center;box-shadow:0 12px 30px rgba(79,70,229,.35)}
.sk-belgi i{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--p-acc);animation:skAyl 1.1s linear infinite}
.sk-belgi i+i{inset:-8px;border-top-color:transparent;border-right-color:#22c55e;animation-duration:1.7s;animation-direction:reverse;opacity:.7}
.sk.tugadi .sk-belgi i{animation:none;border-color:#22c55e;opacity:1;transition:border-color .3s}
@keyframes skAyl{to{transform:rotate(360deg)}}
.sk-sar{font-size:22px;font-weight:900;letter-spacing:-.4px;text-wrap:balance}
.sk.tugadi .sk-sar{color:#16a34a}
.sk-iz{font-size:14px;color:var(--txt2);margin-bottom:6px}
.sk-mod{width:100%;display:flex;flex-direction:column;gap:7px;margin:6px 0 10px}
.sk-m{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:13px;background:var(--bg1);border:1px solid var(--brd);text-align:left;
  opacity:0;transform:translateY(10px) scale(.98);transition:opacity .35s ease,transform .35s ease,border-color .3s}
.sk-m.on{opacity:1;transform:none}
.sk-m b{flex:1;font-size:14px;font-weight:700}
.sk-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--r) 14%,var(--bg1));color:var(--r);flex:none}
.sk-ic .p-ik{width:18px;height:18px}
.sk-ok{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--bg3,rgba(127,127,127,.15));color:transparent;transition:all .3s}
.sk-ok .p-ik{width:14px;height:14px}
.sk-m.tayyor{border-color:color-mix(in srgb,#22c55e 45%,var(--brd))}
.sk-m.tayyor .sk-ok{background:#22c55e;color:#fff}
.sk-chiz{width:100%;height:6px;border-radius:99px;background:var(--bg3,rgba(127,127,127,.15));overflow:hidden}
.sk-chiz i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#4f46e5,#22c55e)}
.sk-foiz{font-size:12px;font-weight:800;color:var(--txt3);font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion: reduce){.sk-belgi i{animation:none}.sk-m{transition:none}}

/* =====================================================================
   v113: O'QITISH (tur)
   ===================================================================== */
.tr-fon{position:fixed;inset:0;z-index:11500}
.tr-teshik{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px rgba(10,12,20,.62),0 0 0 3px #fff,0 0 0 6px var(--p-acc);transition:all .3s cubic-bezier(.3,.7,.2,1);pointer-events:none}
.tr-karta{position:fixed;background:var(--bg1);color:var(--txt);border-radius:16px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.35);transition:left .3s ease,top .3s ease;max-width:calc(100vw - 24px)}
.tr-son{font-size:11px;font-weight:800;color:var(--p-acc);letter-spacing:.5px}
.tr-t{font-size:17px;font-weight:900;margin:3px 0 5px}
.tr-d{font-size:14px;line-height:1.55;color:var(--txt2)}
.tr-tug{display:flex;align-items:center;gap:8px;margin-top:12px}
.tr-tug span{flex:1}
.tr-tug .p-btn{margin:0;width:auto}
.tr-otk{border:none;background:none;color:var(--txt3);font:inherit;font-size:13px;cursor:pointer;padding:6px 0;text-decoration:underline}

/* =====================================================================
   v113: YORDAM
   ===================================================================== */
.p-yon-yordam{display:flex;align-items:center;gap:10px;margin:4px 12px 6px;padding:9px 12px;border-radius:11px;border:1px dashed var(--brd2,var(--brd));background:transparent;
  color:var(--txt2);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}
.p-yon-yordam:hover{background:var(--bg3);color:var(--txt)}
.p-yon-yordam .p-ik{width:18px;height:18px;color:var(--p-acc)}
.p-yordam-tug{width:38px;height:38px;border-radius:11px;border:1px solid var(--brd);background:var(--bg1);color:var(--p-acc);display:grid;place-items:center;cursor:pointer;flex:none}
.p-yordam-tug .p-ik{width:20px;height:20px}
@media(min-width:1100px){body.p-yon-bor .p-yordam-tug{display:none}}
.yd{display:flex;flex-direction:column;gap:14px;max-width:760px}
.yd-tez{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.yd-sar{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--txt3);margin:6px 0 0}
.yd-sav{display:flex;flex-direction:column;gap:8px}
.yd-sav details{background:var(--bg1);border:1px solid var(--brd);border-radius:12px;padding:0 14px}
.yd-sav summary{cursor:pointer;font-weight:800;font-size:14.5px;padding:13px 0;list-style:none}
.yd-sav summary::-webkit-details-marker{display:none}
.yd-sav summary::after{content:'+';float:right;color:var(--p-acc);font-weight:900}
.yd-sav details[open] summary::after{content:'−'}
.yd-sav p{margin:0 0 13px;color:var(--txt2);line-height:1.6;font-size:14px}
.yd-aloqa{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;background:color-mix(in srgb,var(--p-acc) 8%,var(--bg1));font-size:14px}
#p-yon .p-mt[onclick="P.yordam()"]{display:none}