/* Tizimkor boshqaruv tizimi — Apple uslubi (v3.0, 21.10.2026) */
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(shriftlar/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(shriftlar/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(shriftlar/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Onest;font-weight:700;font-display:swap;src:url(shriftlar/onest-latin-700-normal.woff2) format("woff2")}
:root{--bg:#f5f5f7;--card:#fff;--card2:#fbfbfd;--text:#1d1d1f;--muted:#6e6e73;--line:#e5e5ea;--blue:#0071e3;--navy:#0A2A9E;--cyan:#3FC1FF;--green:#34c759;--red:#ff3b30;--orange:#ff9500;--purple:#af52de;--yellow:#ffcc00;--teal:#30b0c7;--shadow:0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.06);--r:16px}
@media (prefers-color-scheme:dark){:root{--bg:#000;--card:#1c1c1e;--card2:#151517;--text:#f5f5f7;--muted:#98989d;--line:#2c2c2e;--blue:#0a84ff;--shadow:0 0 0 1px #2c2c2e}}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font:400 15px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:var(--blue);text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- Tugmalar, maydonlar ---------- */
.tugma{appearance:none;border:0;cursor:pointer;border-radius:999px;padding:10px 20px;font:600 15px Inter,sans-serif;background:var(--blue);color:#fff;transition:filter .15s,transform .1s;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.tugma:hover{filter:brightness(1.08)}.tugma:active{transform:scale(.98)}.tugma:disabled{opacity:.5;cursor:default}
.tugma.ikk{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}
.tugma.qizil{background:var(--red)}.tugma.yashil{background:var(--green)}
.tugma.kichik{padding:7px 14px;font-size:13px}
.tugma.matn{background:none;color:var(--blue);padding:6px 8px}
.tugma svg.i{width:18px;height:18px}
input[type=text],input[type=password],input[type=email],input[type=date],input[type=search],input[type=tel],input[type=number],textarea,select.m{width:100%;border:0;background:transparent;color:var(--text);font:400 16px Inter,sans-serif;outline:none;resize:vertical}
textarea{min-height:76px}
select{border:1px solid var(--line);border-radius:9px;padding:7px 10px;background:var(--card);color:var(--text);font-size:14px}
.maydon{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 12px}
.maydon span{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}
.maydon:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent)}
.alm{position:relative;width:51px;height:31px;flex:none;display:inline-block}
.alm input{opacity:0;width:0;height:0}
.alm i{position:absolute;inset:0;border-radius:31px;background:color-mix(in srgb,var(--text) 16%,transparent);transition:.2s;cursor:pointer}
.alm i:before{content:"";position:absolute;width:27px;height:27px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:.2s}
.alm input:checked+i{background:var(--green)}.alm input:checked+i:before{transform:translateX(20px)}

/* ---------- Guruh (iOS sozlamalari) ---------- */
h2{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:28px 16px 8px}
.guruh{background:var(--card);border-radius:var(--r);overflow:hidden}
.qator{display:flex;align-items:center;gap:14px;padding:13px 16px;border-top:1px solid var(--line)}
.qator:first-child{border-top:0}
.qator .n{flex:1;min-width:0}
.qator .n small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.qator.bq{background:color-mix(in srgb,var(--text) 3%,transparent)}
label.m{display:block;padding:12px 16px;border-top:1px solid var(--line)}
label.m:first-child{border-top:0}
label.m span{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
.amallar{display:flex;gap:10px;justify-content:flex-end;align-items:center;padding:14px 16px;border-top:1px solid var(--line)}
.amallar.yopishqoq{position:sticky;bottom:0;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);border:0;margin-top:12px;border-radius:14px}
input.son{width:110px;text-align:right;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:14px}
input.son.kalta{width:56px}
.bildirish{padding:12px 16px;border-radius:12px;margin:0 0 16px;font-weight:500}
.bildirish.ok{background:color-mix(in srgb,var(--green) 14%,transparent);color:color-mix(in srgb,var(--green) 60%,var(--text))}
.bildirish.err{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}
.jurnal{font:400 12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;max-height:520px;overflow:auto;padding:12px 16px}
.jurnal div{white-space:nowrap}.jurnal time{color:var(--muted)}.jurnal span{color:var(--muted);opacity:.6}
.pastki{color:var(--muted);font-size:12px;margin-top:24px;text-align:center}
.izohli{color:var(--muted);margin:0 4px 8px;max-width:760px}
.havola-kor{font-size:14px;color:var(--blue)!important}

/* ---------- Kirish sahifasi ---------- */
.kirish-sahifa{background:radial-gradient(1200px 600px at 50% -10%,color-mix(in srgb,var(--cyan) 22%,transparent),transparent 60%),var(--bg)}
.kirish{min-height:100vh;display:grid;place-items:center;padding:24px}
.kirish .k{width:100%;max-width:380px;text-align:center}
.kirish .belgi{width:76px;height:76px;border-radius:20px;margin-bottom:20px;box-shadow:0 14px 40px rgba(10,42,158,.28)}
.kirish h1{font:700 30px/1.1 Onest,Inter,sans-serif;letter-spacing:-.02em}
.kirish .lead{color:var(--muted);font-size:17px;margin:6px 0 24px}
.kirish .guruh{text-align:left;margin:0 0 14px;box-shadow:var(--shadow)}
.kirish .tugma{width:100%;padding:13px;margin-top:8px}
.kirish .tugma.fid{background:var(--text);color:var(--bg);margin:0 0 6px}
.kirish .bildirish{text-align:left}
.ajrat{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:18px 0 14px}
.ajrat:before,.ajrat:after{content:"";flex:1;height:1px;background:var(--line)}

/* ---------- Ilova karkasi ---------- */
.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.yon{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 12px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--card) 70%,var(--bg));backdrop-filter:blur(20px)}
.yon-bosh{display:flex;align-items:center;gap:10px;padding:4px 10px 18px}
.yon-bosh img{width:34px;height:34px;border-radius:9px}
.yon-bosh b{font:700 17px Onest,Inter,sans-serif;display:block;letter-spacing:-.01em}.yon-bosh small{color:var(--muted);font-size:12px}
#nav{flex:1;overflow:auto;display:flex;flex-direction:column;gap:1px}
#nav .gs{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:14px 12px 6px}
#nav a{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:10px;color:var(--text);font-weight:500;font-size:14.5px}
#nav a .ik{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;flex:none}
#nav a .ik svg.i{width:18px;height:18px;stroke:#fff}
#nav a .ik svg.i [fill="#3FC1FF"]{fill:#fff}
#nav a:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}
#nav a.on{background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue)}
#nav a .son{margin-left:auto;background:var(--red);color:#fff;border-radius:99px;font-size:11px;font-weight:600;padding:1px 7px}
.yon-pastki{border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;gap:8px}
.yon-pastki .men{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:var(--text);padding:4px 6px;border-radius:10px}
.yon-pastki .men:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}
.yon-pastki .men b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yon-pastki .men small{color:var(--muted);font-size:12px}
.av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:600 13px Inter;color:#fff;background:linear-gradient(135deg,var(--navy),var(--cyan));flex:none}
.av.kichik{width:24px;height:24px;font-size:10px}
.asosiy{min-width:0;padding:0 32px 60px}
.tepa{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:18px 0 14px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);margin-bottom:8px}
.tepa .sarlavha{flex:1;min-width:0}
.tepa h1{font:700 30px/1.1 Onest,Inter,sans-serif;letter-spacing:-.025em}
.tepa small{color:var(--muted);font-size:14px}
.qidir{display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--text) 6%,transparent);border-radius:10px;padding:7px 12px;width:300px;color:var(--muted)}
.qidir svg.i{width:17px;height:17px}
.qidir input{font-size:14px}
.menyu-btn{display:none;border:0;background:none;cursor:pointer;color:var(--text)}
.yuklanmoqda{color:var(--muted);padding:40px 0;text-align:center}
.parda{position:fixed;inset:0;background:rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .25s;z-index:40}
.parda.on{opacity:1;pointer-events:auto}

/* ---------- Kartochkalar va KPI ---------- */
.panel{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:20px}
.panel h3{font-size:15px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.panel h3 a{margin-left:auto;font-size:13px;font-weight:500}
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}
.kpi .panel{padding:18px 20px;cursor:pointer;transition:transform .15s}
.kpi .panel:hover{transform:translateY(-2px)}
.kpi small{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:6px}
.kpi b{display:block;font:700 30px/1.15 Onest,Inter,sans-serif;letter-spacing:-.02em;margin-top:6px}
.kpi em{font-style:normal;font-size:12.5px;color:var(--muted)}
.ust{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:14px}
.ust3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.oqim-bar{display:flex;gap:6px;margin-top:4px}
.oqim-bar a{flex:1;min-width:0;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:10px;color:var(--text);text-align:left}
.oqim-bar a b{display:block;font:700 22px Onest,Inter,sans-serif}
.oqim-bar a small{color:var(--muted);font-size:11.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oqim-bar a i{display:block;height:3px;border-radius:2px;margin-top:8px}
.royxat{display:flex;flex-direction:column}
.royxat .el{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);cursor:pointer}
.royxat .el:first-child{border-top:0}
.royxat .el .n{flex:1;min-width:0}.royxat .el .n small{display:block;color:var(--muted);font-size:12.5px}
.royxat .el .s{font-weight:600;white-space:nowrap}
.bosh-xabar{color:var(--muted);text-align:center;padding:22px 10px;font-size:14px}
.voqea{display:flex;gap:10px;padding:8px 0;font-size:13.5px}.voqea time{color:var(--muted);font-size:12px;white-space:nowrap;min-width:84px}

/* ---------- Pill va holatlar ---------- */
.pill{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:600;white-space:nowrap;background:color-mix(in srgb,var(--c,var(--muted)) 14%,transparent);color:color-mix(in srgb,var(--c,var(--muted)) 85%,var(--text))}
.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c,var(--muted))}
.pill.yashil{--c:var(--green)}.pill.sariq{--c:var(--orange)}.pill.qizil{--c:var(--red)}.pill.kok{--c:var(--blue)}.pill.binafsha{--c:var(--purple)}.pill.kulrang{--c:var(--muted)}
.prog{height:6px;border-radius:3px;background:color-mix(in srgb,var(--text) 8%,transparent);overflow:hidden}
.prog i{display:block;height:100%;background:var(--green);border-radius:3px}

/* ---------- Segment va asboblar ---------- */
.asbob{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.segment{display:inline-flex;background:color-mix(in srgb,var(--text) 7%,transparent);border-radius:10px;padding:2px}
.segment button{border:0;background:none;padding:6px 14px;border-radius:8px;font-size:13.5px;font-weight:500;cursor:pointer;color:var(--text)}
.segment button.on{background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.asbob .bo-joy{flex:1}

/* ---------- Kanban ---------- */
.kanban{display:flex;gap:10px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}
.ustun{flex:1 0 240px;background:color-mix(in srgb,var(--text) 4%,transparent);border-radius:var(--r);padding:10px;min-height:120px}
.ustun.bosh{flex:0 0 150px;min-height:60px}.ustun.bosh h4{white-space:nowrap;overflow:hidden}
.ustun h4{font-size:13px;font-weight:600;padding:4px 6px 10px;display:flex;align-items:center;gap:8px}
.ustun h4 span{margin-left:auto;color:var(--muted);font-weight:500}
.ustun h4 i{width:8px;height:8px;border-radius:50%}
.karta{background:var(--card);border-radius:12px;padding:12px;box-shadow:0 1px 2px rgba(0,0,0,.06);margin-bottom:8px;cursor:pointer;transition:transform .12s,box-shadow .12s}
.karta:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.1)}
.karta .r{font-size:11.5px;color:var(--muted);display:flex;justify-content:space-between}
.karta b{display:block;font-size:14.5px;margin:3px 0 2px}
.karta .x{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.karta .p{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px}
.karta .p .prog{flex:1}
.karta .kech{color:var(--red);font-weight:600}

/* ---------- Jadval ---------- */
.jadval{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);font-size:14px}
.jadval th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line);background:var(--card2);white-space:nowrap}
.jadval td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:middle}
.jadval tr:first-child td{border-top:0}
.jadval tbody tr{cursor:pointer}.jadval tbody tr:hover td{background:color-mix(in srgb,var(--blue) 4%,transparent)}
.jadval td small{display:block;color:var(--muted);font-size:12.5px}
.jadval .o,.o{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.jadval-ora{overflow-x:auto;border-radius:var(--r)}

/* ---------- Tortma (buyurtma kartochkasi) ---------- */
.tortma{position:fixed;top:0;right:0;bottom:0;width:min(640px,100%);background:var(--bg);z-index:50;transform:translateX(105%);transition:transform .32s cubic-bezier(.2,.8,.2,1);overflow:auto;visibility:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility .32s}
.tortma.on{transform:none;visibility:visible;box-shadow:-20px 0 60px rgba(0,0,0,.15)}
.tortma .bosh{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:16px 22px;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.tortma .bosh h2{all:unset;font:700 22px Onest,Inter,sans-serif;letter-spacing:-.02em;flex:1}
.tortma .ich{padding:18px 22px 60px;display:flex;flex-direction:column;gap:14px}
.yopish{border:0;background:color-mix(in srgb,var(--text) 8%,transparent);width:32px;height:32px;border-radius:50%;cursor:pointer;display:grid;place-items:center;color:var(--text)}
.yopish svg.i{width:16px;height:16px}
.qadamlar{display:flex;gap:4px;overflow-x:auto;padding:2px}
.qadamlar button{flex:1;min-width:76px;border:0;background:none;cursor:pointer;padding:0;text-align:center;font-size:11px;color:var(--muted)}
.qadamlar button i{display:block;height:5px;border-radius:3px;background:color-mix(in srgb,var(--text) 10%,transparent);margin-bottom:6px}
.qadamlar button.otdi i{background:var(--green)}.qadamlar button.joriy i{background:var(--blue)}.qadamlar button.joriy{color:var(--blue);font-weight:600}
.qadamlar button:disabled{cursor:default}
.moliya{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.moliya div{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.moliya small{color:var(--muted);font-size:12px}.moliya b{display:block;font:700 18px Onest,Inter,sans-serif}
.kv{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;font-size:14px}.kv dt{color:var(--muted)}
.izohlar .iz{background:var(--card2);border-radius:12px;padding:10px 12px;margin-bottom:8px;font-size:14px;white-space:pre-wrap}
.izohlar .iz small{display:block;color:var(--muted);font-size:12px;margin-bottom:2px}
.tarix{border-left:2px solid var(--line);margin-left:6px;padding-left:14px}
.tarix div{position:relative;padding:4px 0;font-size:13px}
.tarix div:before{content:"";position:absolute;left:-19px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--blue)}
.tarix time{color:var(--muted);font-size:12px;margin-right:6px}

/* ---------- Modal ---------- */
.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.32);backdrop-filter:blur(4px)}
.modal[hidden]{display:none}
.oyna{background:var(--bg);border-radius:20px;width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.3);animation:chiq .22s cubic-bezier(.2,.8,.2,1)}
@keyframes chiq{from{transform:scale(.96);opacity:0}}
.oyna .bosh{display:flex;align-items:center;gap:12px;padding:18px 22px 6px}
.oyna .bosh h3{font:700 20px Onest,Inter,sans-serif;flex:1}
.oyna .ich{padding:10px 22px}
.oyna .past{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px 20px;position:sticky;bottom:0;background:var(--bg)}
.panjara{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.panjara .t{grid-column:1/-1}
.oyna h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:16px 2px 8px}
.xq{display:grid;grid-template-columns:1fr 70px 120px 32px;gap:6px;margin-bottom:6px;align-items:center}
.xq input{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:14px}
.xq .ochir{border:0;background:none;color:var(--red);cursor:pointer;font-size:20px}
.jami-q{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;font-weight:600}
details.qosh summary{cursor:pointer;color:var(--blue);font-size:14px;margin:12px 2px 6px}

/* ---------- Toast ---------- */
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;background:color-mix(in srgb,var(--text) 92%,transparent);color:var(--bg);padding:11px 18px;border-radius:14px;font-weight:500;font-size:14px;z-index:70;transition:.25s;pointer-events:none;max-width:90vw}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast.err{background:var(--red);color:#fff}

/* ---------- Sayt bo‘limi (eski komponentlar) ---------- */
.holat{display:flex;align-items:center;gap:20px;padding:22px;background:var(--card);border-radius:18px;box-shadow:var(--shadow)}
.nuqta{width:56px;height:56px;border-radius:50%;flex:none;display:grid;place-items:center}
.nuqta i{width:18px;height:18px;border-radius:50%;display:block}
.ochiq .nuqta{background:color-mix(in srgb,var(--green) 16%,transparent)}.ochiq .nuqta i{background:var(--green);box-shadow:0 0 0 6px color-mix(in srgb,var(--green) 25%,transparent)}
.yopiq .nuqta{background:color-mix(in srgb,var(--orange) 16%,transparent)}.yopiq .nuqta i{background:var(--orange)}
.holat .n{flex:1}.holat .n b{font-size:20px;font-weight:600;display:block}.holat .n small{color:var(--muted)}
.oldi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.oldi a{display:block;background:var(--card);border-radius:14px;padding:14px 16px;color:var(--text);box-shadow:var(--shadow)}
.oldi a small{display:block;color:var(--muted);font-size:13px}
.ustunlar{display:flex;align-items:flex-end;gap:10px;height:180px;padding-top:10px}
.ustunlar div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end;font-size:11.5px;color:var(--muted)}
.ustunlar i{display:block;width:100%;max-width:46px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--cyan),var(--navy));min-height:3px}
.ustunlar b{color:var(--text);font-size:11.5px;font-weight:600}
.chiziq{display:flex;align-items:center;gap:10px;font-size:13.5px;padding:6px 0}
.chiziq span{flex:0 0 40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chiziq .prog{flex:1;height:8px}.chiziq .prog i{background:var(--blue)}
.chiziq b{flex:0 0 auto;font-variant-numeric:tabular-nums}

/* ---------- Moslashuv ---------- */
@media (max-width:1200px){.kpi{grid-template-columns:repeat(2,1fr)}.oldi{grid-template-columns:1fr 1fr}.ust,.ust3{grid-template-columns:1fr}}
@media (max-width:900px){
 .app{grid-template-columns:1fr}
 .yon{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:45;transform:translateX(-105%);transition:transform .3s;background:var(--card)}
 .yon.on{transform:none}
 .menyu-btn{display:grid;place-items:center;width:36px;height:36px}
 .asosiy{padding:0 16px 60px}
 .tepa{flex-wrap:wrap;gap:10px}.tepa h1{font-size:24px}
 .qidir{order:5;width:100%}
 .moliya{grid-template-columns:1fr 1fr}
 .panjara{grid-template-columns:1fr}
 .xq{grid-template-columns:1fr 56px 100px 28px}
 .kv{grid-template-columns:110px 1fr}
 .holat{flex-wrap:wrap}.holat form,.holat .tugma{width:100%}
}
@media (max-width:560px){.kpi{grid-template-columns:1fr 1fr}.kpi b{font-size:22px}.oldi{grid-template-columns:1fr}.oqim-bar{flex-wrap:wrap}.oqim-bar a{flex:0 0 calc(33% - 4px)}}
@media print{.yon,.tepa,.toast{display:none}.app{display:block}}

/* ---------- Botlarni boshqarish — alohida katta sahifa ---------- */
.botnav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px;padding:6px;background:var(--card);border-radius:14px;box-shadow:var(--shadow);position:sticky;top:78px;z-index:5}
.botnav a{display:flex;align-items:center;gap:6px;padding:9px 14px;border-radius:10px;color:var(--text);font-weight:500;font-size:14px}
.botnav a:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}
.botnav a.on{background:var(--blue);color:#fff}
.botnav a b{font-size:11px;background:color-mix(in srgb,currentColor 18%,transparent);border-radius:99px;padding:1px 7px}
.botich{display:grid;grid-template-columns:1fr;gap:14px}
.botich>.moliya{grid-column:1/-1}
.bv-umumiy,.bv-admin,.bv-obuna,.bv-promo,.bv-matn{grid-template-columns:1fr 1fr}
.bv-umumiy>.panel:first-of-type{grid-column:1/-1}
.botich .ustunlar div{cursor:default}.botich .ustunlar div:hover i{filter:brightness(1.25)}
@media (max-width:1100px){.bv-umumiy,.bv-admin,.bv-obuna,.bv-promo,.bv-matn{grid-template-columns:1fr}.botich>.moliya{grid-template-columns:repeat(4,1fr)!important}}
@media (max-width:600px){.botich>.moliya{grid-template-columns:1fr 1fr!important}.botnav{top:120px}}

/* Botlar — kartochkalar va loglar */
.kpi6{grid-template-columns:repeat(6,1fr)}
.kpi .spark{display:block;width:100%;height:34px;margin-top:8px}
.botkartalar{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.botkarta{background:var(--card);border-radius:18px;box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .15s,box-shadow .15s}
.botkarta:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.1)}
.botkarta.ochiq-emas{opacity:.7}
.bk-bosh{display:flex;align-items:center;gap:12px}.bk-bosh .n{flex:1;min-width:0}.bk-bosh b{display:block;font:700 17px Onest,Inter,sans-serif}.bk-bosh small{color:var(--muted);font-size:12.5px}
.botlogo{width:46px;height:46px;border-radius:13px;flex:none;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,.12)}
span.botlogo{display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--cyan));color:#fff;font-weight:700}
.nuqta-holat{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 18%,transparent)}
.nuqta-holat.on{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 18%,transparent)}
.bk-son{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bk-son div{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:7px 9px}
.bk-son b{display:block;font:700 18px Onest,Inter,sans-serif}.bk-son small{color:var(--muted);font-size:11.5px}
.bk-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:color-mix(in srgb,var(--text) 6%,transparent)}.bk-bar i{display:block;height:100%}
.bk-leg{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11.5px;color:var(--muted)}.bk-leg i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:middle}
.botkarta .spark{width:100%;height:36px}
.bk-oxirgi{font-size:12.5px;display:flex;gap:6px;align-items:baseline;min-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-oxirgi i{width:7px;height:7px;border-radius:50%;flex:none;display:inline-block}.bk-oxirgi time{color:var(--muted);margin-left:auto;flex:none}
.bk-teg{display:flex;gap:6px;flex-wrap:wrap}
.bk-bosh-xabar{color:var(--muted);font-size:13px;padding:10px 0}
.loglar{display:flex;flex-direction:column;max-height:560px;overflow:auto}
.lg{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line);cursor:pointer;font-size:13.5px}.lg:first-child{border-top:0}
.lg img{width:28px;height:28px;border-radius:8px;flex:none}.lg .n{flex:1;min-width:0}.lg small{display:block;color:var(--muted);font-size:12px}
.lg-n{width:10px;height:10px;border-radius:50%;margin-top:5px;flex:none}
.lg-t{display:inline-block;font-size:11px;font-weight:600;padding:1px 7px;border-radius:99px;background:color-mix(in srgb,var(--c) 14%,transparent);color:color-mix(in srgb,var(--c) 85%,var(--text));margin-right:4px}
@media (max-width:1300px){.kpi6{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.kpi6{grid-template-columns:1fr 1fr}}

.nq{display:grid;grid-template-columns:1fr 1fr 1.6fr 32px;gap:6px;margin-bottom:6px;align-items:center}
.nq input{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:14px}
.nq .ochir{border:0;background:none;color:var(--red);cursor:pointer;font-size:20px}
.nq-bosh span{font-size:12px;color:var(--muted);padding:0 4px}
code{font:12.5px ui-monospace,Menlo,monospace;background:color-mix(in srgb,var(--text) 6%,transparent);padding:1px 5px;border-radius:5px}
.bv-narx{grid-template-columns:1fr}
.botkartalar{align-items:start}

.botsahifa2{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}
.botprofil{position:sticky;top:80px;display:flex;flex-direction:column;gap:12px}
.bp-karta{background:var(--card);border-radius:20px;box-shadow:var(--shadow);padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;background-image:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--cyan) 18%,transparent),transparent 60%)}
.bp-logo{width:84px;height:84px;border-radius:24px;box-shadow:0 10px 30px rgba(10,42,158,.25)}
.bp-karta>b{font:700 20px Onest,Inter,sans-serif}.bp-karta>small{color:var(--muted)}
.bp-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;font-size:13px;width:100%;text-align:left;margin-top:6px;padding-top:10px;border-top:1px solid var(--line)}.bp-dl dt{color:var(--muted)}.bp-dl dd{text-align:right;font-weight:600}
.bp-amal{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.bp-nav{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column}
.bp-nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--text);font-weight:500;font-size:14px}
.bp-nav a svg.i{width:18px;height:18px}
.bp-nav a:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.bp-nav a.on{background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue)}
.bp-nav a b{margin-left:auto;font-size:11px;background:color-mix(in srgb,currentColor 14%,transparent);border-radius:99px;padding:1px 8px}
.botasosiy{min-width:0}
.kp em{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.delta{font-size:11.5px;font-weight:700;padding:1px 7px;border-radius:99px;background:color-mix(in srgb,var(--muted) 14%,transparent)}
.delta.up{color:#1f8f3a;background:color-mix(in srgb,var(--green) 16%,transparent)}.delta.down{color:#c4291c;background:color-mix(in srgb,var(--red) 14%,transparent)}
.chart-ora{position:relative}.chiziq{width:100%;height:240px;display:block}.chiziq .gr{stroke:var(--line);stroke-dasharray:3 4}.chiziq .tx{font:10px Inter,sans-serif;fill:var(--muted)}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-top:6px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.chart-tip{position:fixed;z-index:80;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.15);border-radius:12px;padding:8px 12px;font-size:12.5px;pointer-events:none;min-width:170px}
.chart-tip i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}
.issiq{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.issiq i{display:block;aspect-ratio:1;border-radius:6px}
.issiq-izoh{display:flex;align-items:center;gap:5px;justify-content:flex-end;font-size:11px;color:var(--muted);margin-top:8px}.issiq-izoh i{width:12px;height:12px;border-radius:3px;display:inline-block}
.donut-ora{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.donut{width:160px;height:160px}.d-son{font:700 22px Onest,Inter,sans-serif;fill:var(--text)}.d-iz{font:11px Inter;fill:var(--muted)}
.d-leg{flex:1;display:flex;flex-direction:column;gap:8px;font-size:13.5px;min-width:160px}.d-leg div{display:flex;align-items:center;gap:8px}.d-leg i{width:10px;height:10px;border-radius:3px}.d-leg b{margin-left:auto}.d-leg small{color:var(--muted);width:38px;text-align:right}
@media (max-width:1000px){.botsahifa2{grid-template-columns:1fr}.botprofil{position:static}.bp-nav{flex-direction:row;overflow-x:auto}.bp-nav a{white-space:nowrap}}

/* Xizmatlar va narxlar */
.xz-izoh{display:flex;gap:16px;align-items:center;background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:16px 18px;margin-bottom:14px}
.xz-izoh div{flex:1}.xz-izoh b{display:block;font-size:15px;margin-bottom:2px}.xz-izoh span{color:var(--muted);font-size:13.5px}.xz-izoh em{font-style:normal;font-weight:600;color:var(--text)}
.xz-asbob{display:flex;gap:10px;align-items:center;margin-bottom:12px}.xz-asbob input{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px;width:320px;font-size:14px}
.xz-bosqich{background:var(--card);border-radius:18px;box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden;border-left:5px solid var(--orange)}
.xz-bosqich.ochiq{border-left-color:var(--green)}
.xz-bosh{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.xz-raqam{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:700 18px Onest,Inter;background:color-mix(in srgb,var(--orange) 16%,transparent);color:var(--orange)}
.xz-bosqich.ochiq .xz-raqam{background:color-mix(in srgb,var(--green) 16%,transparent);color:#1f8f3a}
.xz-bosh .n{flex:1;min-width:220px}.xz-bosh b{font:700 17px Onest,Inter}.xz-bosh small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.xz-holat label{cursor:pointer}.xz-holat input{display:none}.xz-holat span{display:block;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500}
.xz-holat input:checked+span{background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.xz-bosqich.ochiq .xz-holat input[value=ochiq]:checked+span{color:#1f8f3a}.xz-holat input[value=yopiq]:checked+span{color:var(--orange)}
.xz-jadval{width:100%;border-collapse:collapse;font-size:14px}
.xz-jadval th{text-align:left;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:9px 18px;background:var(--card2)}
.xz-jadval td{padding:10px 18px;border-top:1px solid var(--line);vertical-align:middle}
.xz-jadval tr:hover td{background:color-mix(in srgb,var(--blue) 3%,transparent)}
.xz-jadval tr.ochiq-emas td{opacity:.5}.xz-jadval tr.ochiq-emas td:first-child{opacity:1}
.xz-jadval input.son{width:140px;font-variant-numeric:tabular-nums;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:7px 10px;text-align:right}
.xz-jadval input.son.kalta{width:80px}
.xz-jadval input.ozgardi{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 8%,var(--card))}
.xz-saqla{box-shadow:var(--shadow)}

.maydon.mt>span{display:flex;align-items:center;gap:8px}.maydon.mt>span em{margin-left:auto;font-style:normal;color:var(--muted);font-size:11.5px}
.maydon.mt textarea{font-size:15px;line-height:1.5;margin-top:4px}.maydon.mt>small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.rasm-qator{display:flex;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.rasm-qator:first-of-type{border-top:0}
.rasm-qator .n{flex:1}.rasm-qator b{display:block}.rasm-qator small{color:var(--muted);font-size:12.5px}
.rasm-kor{width:96px;height:96px;border-radius:24px;object-fit:cover;box-shadow:var(--shadow);flex:none;overflow:hidden;background:var(--card2)}
.rasm-kor.keng{width:192px;height:108px;border-radius:14px}.rasm-kor img,.rasm-kor video{width:100%;height:100%;object-fit:cover;display:block}
.rasm-yoq{height:100%;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:13px;background:linear-gradient(135deg,#0B1736,#0A2A9E);color:#fff}
.rasm-amal{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}

/* Buyurtma — alohida katta sahifa */
.bsahifa>.bosh{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.bsahifa>.bosh h2{all:unset;font:700 24px Onest,Inter,sans-serif;letter-spacing:-.02em}
.bsahifa>.bosh>.tugma:last-child{margin-left:auto}
.bsahifa>.ich{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;align-items:start}
.bsahifa>.ich>.panel:first-child{grid-column:1/-1}
.bsahifa .qadamlar button{min-width:0}
@media (max-width:1100px){.bsahifa>.ich{grid-template-columns:1fr}}

/* ===== Hujjatlar ===== */
.ogoh-q{display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--orange) 10%,var(--card));border-radius:14px;padding:12px 16px;margin-bottom:14px}
.ogoh-q>.i{color:var(--orange);flex:none}.ogoh-q>div{flex:1}.ogoh-q b{display:block;font-size:14.5px}.ogoh-q small{color:var(--muted);font-size:13px}
.izoh-q{color:var(--muted);font-size:14px;margin:0 0 6px;max-width:860px}.izoh-q code,.hj-yordam code{font:12.5px ui-monospace,SFMono-Regular,Menlo,monospace;background:color-mix(in srgb,var(--text) 7%,transparent);padding:1px 5px;border-radius:5px}
.gs-sar{font:600 13px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:22px 0 10px}
.and-panjara{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.and-karta{display:flex;flex-direction:column;gap:6px;color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;position:relative}
.and-karta:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.08)}
.and-karta b{font-size:15.5px;line-height:1.3;padding-right:44px}.and-karta small{color:var(--muted);font-size:13px;line-height:1.4;flex:1}
.and-karta .teg{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.and-pr{display:inline-grid;place-items:center;min-width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,#5e5ce6 13%,transparent);color:#5e5ce6;font:700 12px Onest,Inter;flex:none}
.and-karta .and-pr{position:absolute;right:16px;top:16px}.and-pr.och{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--muted)}
.tartib{display:flex;flex-direction:column;gap:2px}.tq{display:flex;gap:14px;padding:10px 0;border-top:1px solid var(--line)}.tq:first-child{border-top:0}
.tq-n{width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font:700 13px Onest;flex:none}
.tq b{display:block;margin-bottom:4px}.tq a{display:inline-flex;align-items:center;gap:6px;margin:2px 14px 2px 0;font-size:14px}
.bsahifa .panel.keng{grid-column:1/-1}.panel h3 .bo-joy{flex:1}.panel h3 a{font-size:13px;font-weight:500}
.mk-q{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--card2);margin-bottom:8px;flex-wrap:wrap}
.mk-q>.i{color:var(--blue);flex:none}.mk-q .n{flex:1;min-width:200px}.mk-q .n b{display:block;font-size:14.5px}.mk-q .n small{color:var(--muted);font-size:12.5px}
.mk-q .havola{flex:1 1 280px;min-width:0;font:12.5px ui-monospace,Menlo,monospace;border:1px solid var(--line);border-radius:9px;padding:7px 9px;background:var(--card);color:var(--text)}
.hb{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin-top:12px}
.hb-b{border:1px solid var(--line);border-radius:14px;padding:12px}.hb-b.joriy{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 14%,transparent)}
.hb-s{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px;margin-bottom:6px}.hb-s i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.hb-b.otdi .hb-s i{background:var(--green)}.hb-b.joriy .hb-s i{background:var(--blue)}
.hb-r{display:flex;align-items:center;gap:10px;padding:8px 4px;border-top:1px solid var(--line)}.hb-r .n{flex:1;min-width:0}.hb-r .n b{display:block;font-size:13.5px;font-weight:600;line-height:1.3}.hb-r .n small{display:block;color:var(--muted);font-size:12px;line-height:1.35}
.hb-r.bor{cursor:pointer;border-radius:9px}.hb-r.bor:hover{background:color-mix(in srgb,var(--blue) 5%,transparent)}.hb-r:not(.bor) .n b{color:var(--muted);font-weight:500}
.hj-bosh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.hj-bosh .bo-joy{flex:1}
.hj-kop{position:relative}.hj-m[hidden]{display:none!important}.hj-m{position:absolute;right:0;top:calc(100% + 6px);background:var(--card);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.18);padding:6px;min-width:280px;z-index:20;display:flex;flex-direction:column}
.hj-m button,.hj-m a{all:unset;cursor:pointer;padding:9px 12px;border-radius:9px;font-size:14px;color:var(--text)}.hj-m button:hover,.hj-m a:hover{background:color-mix(in srgb,var(--blue) 8%,transparent)}.hj-m .qizil{color:var(--red)}
.hj-mob{display:none;margin-bottom:10px}
.hj-ish{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;align-items:start}
.hj-tahrir{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;position:sticky;top:12px}
.hj-yordam{display:flex;flex-wrap:wrap;gap:4px 12px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
#hjMatn{display:block;width:100%;height:calc(100vh - 230px);min-height:420px;border:0;resize:none;padding:14px 16px;font:13.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--card);color:var(--text);outline:0;tab-size:2}
.hj-kor{background:#e4e4e9;border-radius:var(--r);padding:16px;overflow:auto;max-height:calc(100vh - 150px)}
.hj-kor .varaq{box-shadow:0 4px 22px rgba(0,0,0,.12);border-radius:2px;min-height:297mm;zoom:.82}
.hj-past{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:14px;margin-top:14px;align-items:start}
.izohlar .iz.mijoz{border-left:3px solid var(--orange);padding-left:10px}
.and-sozlama{display:grid;grid-template-columns:1.4fr 1.6fr auto 1fr;gap:12px;align-items:end;margin-bottom:10px}.and-sozlama .maydon.chk{display:flex;flex-direction:column;gap:8px}
.maydon-pal{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:12px}.maydon-pal b{color:var(--text)}
.maydon-pal button{border:1px solid var(--line);background:var(--card);border-radius:7px;padding:3px 7px;font:12px ui-monospace,Menlo,monospace;color:var(--blue);cursor:pointer}.maydon-pal button.blok{color:#5e5ce6}.maydon-pal button:hover{border-color:var(--blue)}
@media (max-width:1100px){.hj-ish{grid-template-columns:1fr}.hj-mob{display:inline-flex}.hj-ish.m-tahrir .hj-kor,.hj-ish.m-korinish .hj-tahrir{display:none}.hj-tahrir{position:static}.hj-kor{max-height:none;padding:8px}.hj-kor .varaq{zoom:.6}.hj-past{grid-template-columns:1fr}.and-sozlama{grid-template-columns:1fr 1fr}.hb{grid-template-columns:1fr}}
/* Telefon (Rais, 22.10.2026): grid ustunlari kontent bo‘yicha kengayib, sahifani ekrandan chiqarib yubormasin */
@media (max-width:1000px){
 .app,.botsahifa2,.panjara,.bsahifa>.ich,.hj-ish,.bv-umumiy,.bv-admin,.bv-obuna,.bv-promo,.bv-matn,.ust,.ust3,.oldi{grid-template-columns:minmax(0,1fr)!important}
 .app>*,.asosiy,.botsahifa2>*,.botprofil,.botasosiy,.botich>*,.panel{min-width:0;max-width:100%}
 .bp-nav,.botnav{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .bp-nav::-webkit-scrollbar,.botnav::-webkit-scrollbar{display:none}
 .bp-nav a,.botnav a{flex:none}
 .panel table{display:block;overflow-x:auto;max-width:100%}
 html,body{overflow-x:hidden}
}
.bot-guruh h3{margin:18px 2px 10px;font:700 17px Onest,Inter,sans-serif;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.bot-guruh small{font:500 12.5px Inter,sans-serif;color:var(--muted)}
.eh-sb.faol{background:var(--brand,#0A2A9E);color:#fff;border-color:transparent}