/* Ilova (index.html) asosiy uslublari. Ranglar va mavzu ustidan theme.css (keyin yuklanadi). */
:root{--bg:#f4f5f7;--card:#fff;--ink:#1b2430;--mut:#667085;--line:#e3e6ea;--pri:#1f3a5f;--ok:#1a7f4b;--okbg:#e4f5ec;--warn:#9a6700;--warnbg:#fff4d6;--bad:#b42318;--badbg:#fde8e6;--inf:#175cd3;--infbg:#e5eefc}
*{box-sizing:border-box}
html{touch-action:manipulation}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
header{position:sticky;top:0;z-index:5;background:var(--pri);color:#fff;padding:10px 16px;display:flex;align-items:center;gap:10px}
header h1{font-size:17px;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
header .role{font-size:17px;font-weight:700;letter-spacing:.2px;background:rgba(255,255,255,.22);padding:6px 16px;border-radius:99px;white-space:nowrap}
header button{background:none;border:0;color:#fff;font-size:20px;padding:4px 8px;cursor:pointer}
main{max-width:860px;margin:0 auto;padding:12px 16px 90px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.grow{flex:1;min-width:0}
.mut{color:var(--mut);font-size:13px}
.bar{height:10px;background:var(--line);border-radius:99px;overflow:hidden}
.bar>i{display:block;height:100%;background:var(--ok);transition:width .3s}
.chip{display:inline-block;font-size:12px;padding:2px 8px;border-radius:99px;background:var(--line);color:var(--ink)}
.chip.ok{background:var(--okbg);color:var(--ok)}.chip.warn{background:var(--warnbg);color:var(--warn)}.chip.bad{background:var(--badbg);color:var(--bad)}.chip.inf{background:var(--infbg);color:var(--inf)}
button.b,a.b{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;padding:8px 12px;cursor:pointer;min-height:40px}
button.b.pri{background:var(--pri);border-color:var(--pri);color:#fff}
button.b.ok{background:var(--ok);border-color:var(--ok);color:#fff}
button.b.bad{color:var(--bad);border-color:var(--bad)}
button.b.sm{padding:5px 9px;min-height:32px;font-size:13px}
input,select,textarea{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:9px;padding:8px 10px;width:100%;min-height:40px}
.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin:6px 0}
.tabs button{white-space:nowrap}
.tabs button.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.item{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start}
.item.done{opacity:.72}
.item input[type=checkbox]{width:26px;height:26px;min-height:0;margin-top:2px;accent-color:var(--ok)}
.nm{font-weight:600;word-break:break-word}
.price{max-width:150px}
.ord{cursor:pointer}
.ord:active{background:var(--line)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:10px}
.stat{background:var(--bg);border-radius:9px;padding:8px 10px}.stat b{display:block;font-size:18px}
dialog{border:0;border-radius:14px;padding:16px;width:min(94vw,460px);background:var(--card);color:var(--ink)}
dialog::backdrop{background:rgba(0,0,0,.45)}
dialog label{display:block;margin:8px 0 3px;font-size:13px;color:var(--mut)}
.fab{position:fixed;right:16px;bottom:16px;display:flex;gap:8px;z-index:4}
.empty{text-align:center;color:var(--mut);padding:30px 0}
#toast{position:fixed;left:50%;bottom:70px;transform:translateX(-50%);background:#222;color:#fff;padding:9px 16px;border-radius:99px;opacity:0;transition:opacity .25s;pointer-events:none;max-width:90vw;z-index:9}
#toast.on{opacity:1}
.alt{margin-top:6px;padding:8px 10px;border-radius:9px;background:var(--infbg);color:var(--ink);font-size:14px}
.alt.rad{background:var(--badbg)}.alt.tasdiq{background:var(--okbg)}
#bell{position:relative;font-size:22px}
#reqb{position:relative;font-size:22px;background:none;border:0;cursor:pointer;padding:4px 6px}
#reqb i{position:absolute;top:-2px;right:-4px;font-style:normal;font-size:11px;font-weight:700;background:#e5484d;color:#fff;border-radius:99px;padding:1px 6px;min-width:18px;text-align:center}
.zreq.urg{border-left:4px solid var(--bad)}.zph{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
#chatb{position:relative;font-size:22px;background:none;border:0;cursor:pointer;padding:4px 6px}
#chatb i{position:absolute;top:-2px;right:-4px;font-style:normal;font-size:11px;font-weight:700;background:#3390ec;color:#fff;border-radius:99px;padding:1px 6px;min-width:18px;text-align:center}
#bell i{position:absolute;top:-2px;right:-4px;font-style:normal;font-size:11px;font-weight:700;background:#e5484d;color:#fff;border-radius:99px;padding:1px 6px;min-width:18px;text-align:center}
.nav{display:flex;gap:6px;margin:0 0 10px}.nav button{flex:1;font-weight:600}.nav button.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.nav .cnt{display:inline-block;margin-left:6px;font-size:12px;background:var(--bad);color:#fff;border-radius:99px;padding:0 7px}
.task.late{border-left:4px solid var(--bad)}.task.soon{border-left:4px solid var(--warn)}.task.done{opacity:.75}
.hist{margin-top:6px;font-size:13px;color:var(--mut)}.hist div{padding:2px 0;border-top:1px dashed var(--line)}
.notice{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);font:inherit;padding:9px 6px;cursor:pointer;border-radius:8px}.notice:hover{background:var(--hover)}.notice .nt{display:block;font-weight:600}.notice .nm{display:block;font-size:12.5px}.notice.act{border-left:3px solid var(--pri);padding-left:9px}.notice.act.k-risk,.notice.act.k-pay{border-left-color:var(--bad)}.notice.act.k-stage{border-left-color:var(--ok)}.notice.new .nt{color:var(--pri)}.notice.done{opacity:.6}.notice.done .nt{font-weight:500}.nsec{font-size:13px;color:var(--mut);margin:4px 0 4px;font-weight:600}.nold{margin-top:10px}.nold>summary{cursor:pointer;color:var(--mut);font-size:13.5px;padding:6px 0}
.quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.v3d{height:400px;border-radius:10px;background:var(--bg);overflow:hidden;touch-action:none;margin-top:8px;position:relative}
.v3d canvas{display:block}
.card>b:first-child{display:block;margin-bottom:2px}
.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:8px}
.ph{position:relative}.ph img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block;background:var(--line)}
.ph button{position:absolute;top:4px;right:4px;background:var(--card)}
.prm{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0 10px}
a.b{text-decoration:none;display:inline-flex;align-items:center}
button.b:disabled{opacity:.5;cursor:not-allowed}
button.b.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.sch{margin-top:8px;border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden}
.sch svg{display:block;width:100%;max-height:440px;font-family:inherit}
.mprob{border:1px solid var(--line);border-radius:12px;padding:10px;margin-top:8px}.mprob.op{border-color:#f0b4b4;background:#fff7f7}
.mphs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.mphs img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.pcats{display:flex;flex-direction:column;gap:6px}.pcats .b{text-align:left;justify-content:flex-start}
.mck{display:flex;align-items:center;gap:6px;border-top:1px dashed var(--line);padding:8px 0}.mck.dn span.grow{color:var(--mut)}.mck:first-of-type{border-top:0}
.usteps{display:flex;flex-direction:column;margin-top:8px}.ustep{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px dashed var(--line);color:var(--ink);margin:0}.ustep input{width:22px;height:22px;min-height:0;flex:none}.ustep.dn .grow{color:var(--mut)}
.ulog{border-top:1px dashed var(--line);padding:6px 0;margin-top:6px}
.nav{flex-wrap:wrap}
.ftiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:10px}
.ftile{border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:2px}.ftile b{font-size:20px;font-weight:600}
.ftile.warn b{color:var(--warn)}.ftile.bad b{color:var(--bad)}
.fhero{font-size:48px;font-weight:600;line-height:1.1;margin:4px 0}.fhero span{font-size:18px;color:var(--mut);font-weight:400}.fhero.neg{color:var(--bad)}
.fmeter{height:10px;border-radius:5px;background:var(--infbg);overflow:hidden;margin:6px 0 4px}.fmeter i{display:block;height:100%;background:var(--inf);border-radius:5px}
.fmeter.ok{background:var(--okbg)}.fmeter.ok i{background:var(--ok)}.fmeter.warn{background:var(--warnbg)}.fmeter.warn i{background:var(--warn)}.fmeter.bad{background:var(--badbg)}.fmeter.bad i{background:var(--bad)}
.ftab{width:100%;border-collapse:collapse;margin-top:6px;font-size:14px}.ftab td,.ftab th{padding:7px 6px;border-top:1px solid var(--line);text-align:left;vertical-align:top}.ftab th{color:var(--mut);font-weight:500;font-size:13px;border-top:0}
.ftab .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ftab tr.tot td{font-weight:600}.ftab .neg,.neg{color:var(--bad)}
.ftab td.fbar{width:40%}.fbar i{display:block;height:10px;border-radius:0 4px 4px 0;background:var(--inf);min-width:2px;margin-top:4px}
.fclick{cursor:pointer}.fclick:hover td{background:var(--bg)}.fscroll{overflow-x:auto}
.mlist{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.mfile{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:8px}
.mth{flex:none;width:92px;height:70px;border:1px solid var(--line);border-radius:8px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;padding:0}
.mth img{width:100%;height:100%;object-fit:cover}.mic{font-size:34px}
.mnm{font-weight:600;word-break:break-word}
#mdrop.drag{outline:2px dashed var(--pri);outline-offset:-6px}
#vwr{position:fixed;inset:0;z-index:9999;background:#151a21}
#vwr iframe{width:100%;height:100%;border:0;display:block}
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
.lcard{display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);cursor:pointer;font:inherit;text-align:center}
.lcard:hover,.lcard:focus{border-color:var(--pri);box-shadow:0 0 0 2px var(--pri) inset}
.lcard svg{width:100%;height:110px;background:#fbfaf7;border-radius:6px}
.lcard .ld{font-size:12px;font-weight:600}.lcard .ln{font-size:10.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
dialog.wide{width:min(96vw,820px)}
.stg .steps{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}
.step{flex:1;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:var(--mut);text-align:center;line-height:1.15}
.step i{font-style:normal;width:24px;height:24px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;background:var(--line);color:var(--ink)}
.step.done i{background:var(--ok);color:#fff}.step.cur i{background:var(--pri);color:#fff;box-shadow:0 0 0 3px var(--infbg)}.step.cur span{color:var(--ink);font-weight:600}
.mcard{margin-top:10px;border:2px solid #e67e00;border-radius:10px;padding:10px 12px;background:var(--bg)}
input:disabled,select:disabled,textarea:disabled{opacity:.8}
header #noteb{position:relative}
.asg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:10px}
.basis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}@media(max-width:480px){.basis{grid-template-columns:1fr}}
.bopt{display:flex;flex-direction:column;gap:3px;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;margin:0;color:var(--ink)}.bopt input{display:none}.bopt span{font-size:12.5px;color:var(--mut);font-weight:400}.bopt.on{border-color:var(--pri);background:var(--infbg)}
/* ---- bloknot */
#noteb{position:relative;font-size:22px;background:none;border:0;cursor:pointer;padding:4px 6px}
#noteb i{position:absolute;top:-2px;right:-4px;font-style:normal;font-size:11px;font-weight:700;background:#f59e0b;color:#fff;border-radius:99px;padding:1px 6px;min-width:18px;text-align:center}
@media (max-width:480px){#reqb,#noteb,#chatb,#bell{font-size:19px;padding:4px 3px}}
.nform textarea{font-size:16px}.nparse{margin:6px 0 2px;font-size:13px;min-height:22px}
.nusers{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px}.nrole{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.nrole .mut{font-size:12px;min-width:90px}
.nsec{font-weight:700;margin:16px 2px 6px;font-size:14px;color:var(--ink)}.nsec.bad{color:var(--bad)}
.note{padding:10px 12px}.note .nchk{width:24px;height:24px;min-height:0;margin:2px 10px 0 0;flex:none;accent-color:var(--ok)}
.ntext{font-size:15.5px;white-space:pre-wrap;word-break:break-word}.note.done .ntext{text-decoration:line-through;color:var(--mut)}
.note.late{border-left:4px solid var(--bad)}.note.hl{outline:2px solid var(--inf);outline-offset:2px}
.nmeta{gap:6px;margin-top:4px;font-size:12.5px}.nreply{margin-top:6px;font-size:13.5px;background:var(--infbg);border-radius:8px;padding:6px 9px}
.nact{gap:6px;justify-content:flex-end;margin-top:6px}.nact .b{min-height:30px}
.ndone summary{cursor:pointer;list-style:none}
#nrem{position:fixed;left:50%;transform:translate(-50%,120%);bottom:16px;z-index:60;width:min(440px,calc(100% - 24px));background:var(--card);color:var(--ink);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.28);padding:14px;transition:transform .25s;border-left:5px solid #f59e0b}
#nrem.on{transform:translate(-50%,0)}#nrem .nrt{font-weight:600;margin-bottom:10px;white-space:pre-wrap}#nrem .row{gap:6px}
/* ---- rahbar paneli */
.ptiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:12px}
.ptile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;text-align:left;cursor:pointer;color:var(--ink);font:inherit}
.ptile b{font-size:28px;line-height:1.1}.ptile span{font-size:13px;color:var(--mut)}.ptile.bad b{color:var(--bad)}.ptile.ok b{color:var(--ok)}.ptile.warn b{color:var(--warn)}
.pfrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:8px}.pfrow div{display:flex;flex-direction:column}.pfrow b{font-size:18px}
.pst{margin-top:8px}.pstr{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(70px,.8fr) 2fr 34px;gap:8px;align-items:center;padding:4px 0;font-size:14px}.pstr.z{opacity:.45}
.pb{height:10px;background:var(--bg);border-radius:99px;overflow:hidden}.pb i{display:block;height:100%;background:var(--pri);border-radius:99px}.pstr b{text-align:right}
@media(max-width:560px){.pstr{grid-template-columns:1fr 1fr 34px}.pstr .pw{display:none}}
.pord{display:flex;align-items:center;gap:6px;padding:9px 0;border-top:1px solid var(--line);cursor:pointer}.pord:first-child{border-top:0}.pord .mut{font-size:12.5px}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:760px){.pgrid{grid-template-columns:1fr}}
.plate{display:flex;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line);cursor:pointer;font-size:14px}.plate .mut{font-size:12.5px}
.ppl{width:100%;border-collapse:collapse;margin-top:6px;font-size:14px}.ppl th,.ppl td{text-align:left;padding:5px 4px;border-top:1px solid var(--line)}.ppl th{color:var(--mut);font-weight:600;border-top:0}
/* ---- zamer hujjatlari, dizayn */
.zdocs{display:flex;flex-direction:column;gap:8px;margin-top:8px}.zdoc{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.zdoc .zi{font-size:24px}.zdoc .grow{min-width:0}.zdoc .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zdoc .mut{font-size:12.5px}
.zbasis{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.zwarn{background:var(--warnbg);color:var(--warn);border-radius:10px;padding:8px 10px;font-size:13.5px;margin-top:8px}
/* ---- O'lchov (MeasureOn uslubi) */
#olc{display:none;position:fixed;inset:0;z-index:80;background:#11151b;color:#fff;flex-direction:column}#olc.on{display:flex}
#olc .ob{background:#2a313c;color:#fff;border:0;border-radius:10px;padding:9px 12px;font:600 14px system-ui,sans-serif;cursor:pointer;white-space:nowrap}#olc .ob.pri{background:#3390ec}#olc .ob.on{background:#f59e0b;color:#111}#olc .ob:disabled{opacity:.45}
.olt{display:flex;gap:8px;align-items:center;padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top))}.olt input{flex:1;min-width:0;background:#2a313c;border:0;color:#fff;border-radius:10px;padding:9px 12px;font-size:15px}
.olw{position:relative;flex:1;min-height:0;touch-action:none;overflow:hidden}.olw canvas{display:block;touch-action:none}
.olempty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:8px}.olempty b{font-size:22px}.olempty p{max-width:420px;color:#b8c2cf;margin:0 0 8px}
.olbig{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.olbig .ob{padding:12px 16px;font-size:15px}
.olempty[hidden],.olpop[hidden]{display:none}
.olroom{max-width:38%;overflow:hidden;text-overflow:ellipsis}#oln.dup{outline:2px solid #e5484d}
.olwall{display:flex;gap:6px;align-items:center;padding:6px 10px;background:#161b22;overflow-x:auto;font-size:13px;color:#b8c2cf}.olwall[hidden]{display:none}
.olwb{min-width:38px;padding:6px 10px;border-radius:9px;border:1px solid #303a48;background:#222a35;color:#fff;font-weight:700;cursor:pointer}.olwb.on{background:#f59e0b;color:#111;border-color:#f59e0b}.olwb.used{opacity:.55}
.olble{position:absolute;right:10px;top:10px;z-index:2;background:rgba(51,144,236,.92);color:#fff;border-radius:99px;padding:6px 12px;font:600 13px system-ui,sans-serif}.olble[hidden]{display:none}
.olpt{font-weight:700;font-size:13.5px;color:#1f3a5f}.olpop .olpw{font-size:18px;max-width:110px;text-transform:uppercase}.olpb{font-size:12.5px;color:#1f6feb;font-weight:600}
.olpop .ob.sm{padding:6px 9px;font-size:13px;flex:none}.olrooms{display:flex;flex-direction:column;gap:6px;max-height:40vh;overflow:auto}.olrm{display:flex;gap:6px;align-items:center}
.olrb{flex:1;text-align:left;background:#f2f4f7;border:1.5px solid transparent;border-radius:9px;padding:8px 10px;font:14px system-ui,sans-serif;color:#111;cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.olrm.on .olrb{border-color:#3390ec;background:#e5eefc}.olrb i{font-style:normal;color:#667085;font-size:12px;margin-left:4px}
.olpre{display:flex;flex-wrap:wrap;gap:6px}#olp:has(.olrooms){width:min(360px,calc(100% - 16px))}
.olpgm{background:#222a35;color:#fff;border:1px solid #303a48;border-radius:8px;padding:4px 8px;cursor:pointer}.olpgm:disabled{opacity:.35}
.olpgb i.miss{color:#e5484d}.olpgb.add{border-style:dashed;color:#f59e0b}.olmiss{display:flex;gap:6px}#olbt.on{background:#3390ec}

.olbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;background:#161b22}.olsp{flex:1}.olcols{display:flex;gap:6px;margin:0 4px}
.olc{width:26px;height:26px;border-radius:50%;border:2px solid #11151b;cursor:pointer;padding:0}.olc.on{outline:3px solid #fff}
.olpages{display:flex;gap:6px;padding:6px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom));overflow-x:auto;background:#161b22;border-top:1px solid #222a35;min-height:44px}
.olpgb{background:#222a35;color:#dce3ec;border:1px solid #303a48;border-radius:9px;padding:6px 10px;font-size:13px;white-space:nowrap;cursor:pointer}.olpgb.on{border-color:#3390ec;color:#fff}.olpgb span{font-weight:700;margin-right:5px}.olpgb i{font-style:normal;color:#f59e0b;margin-left:4px}
.olpop{position:absolute;z-index:3;background:#fff;color:#111;border-radius:14px;padding:10px;box-shadow:0 8px 30px rgba(0,0,0,.4);width:252px;display:flex;flex-direction:column;gap:8px}.olpop .row{display:flex;gap:6px;align-items:center}.olpop input{flex:1;min-width:0;font-size:20px;font-weight:700;padding:8px 10px;border:1.5px solid #d0d7e2;border-radius:9px}.olpop .olu{font-weight:700;color:#667085}.olpop .ob{flex:1}
/* ---- taxminiy narx */
.estbig{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.estbig div{display:flex;flex-direction:column;background:var(--bg);border-radius:12px;padding:10px 12px}.estbig b{font-size:24px}.estbig b.ok{color:var(--ok)}.prdet>summary{cursor:pointer;list-style:none}.prdet>summary::-webkit-details-marker{display:none}.prdet>summary::before{content:"▸ ";color:var(--mut)}.prdet[open]>summary::before{content:"▾ "}.estbig .estsale .row{flex-direction:row;padding:0;background:none;border-radius:0}.estbig .estsale span.mut{margin-top:2px}
.estg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px}.estg div{display:flex;flex-direction:column;font-size:13px}.estg b{font-size:15px}
.estd{margin-top:8px}.estd summary{cursor:pointer;font-weight:600;color:var(--inf)}.estt{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:6px}.estt th,.estt td{text-align:left;padding:6px 4px;border-top:1px solid var(--line);vertical-align:top}.estt th{color:var(--mut);font-weight:600}.estt td:nth-child(n+2){white-space:nowrap}.estt tr.unk td{background:var(--warnbg)}.estt .mut{font-size:12px}
.estbar{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 14px;border-left:4px solid var(--ok)}
@media(max-width:480px){.estbig{grid-template-columns:1fr}}
.prset{gap:12px;flex-wrap:wrap;align-items:flex-end;margin-top:6px}.prset label{display:flex;flex-direction:column;font-size:13px;color:var(--mut);margin:0}.prset input{width:120px}
.prt{width:100%;border-collapse:collapse;margin-top:6px}.prt td{border-top:1px solid var(--line);padding:7px 4px;vertical-align:top;font-size:14px}.prt .mut{font-size:12px}.prp{white-space:nowrap;width:1%}.prp input{width:110px;text-align:right;font-weight:700}.pra{white-space:nowrap;width:1%}.prlb{font-size:12.5px;background:var(--okbg);border-radius:8px;padding:4px 8px;margin-top:4px;display:inline-block}
/* ---- mablag', xavf, sex ishlari */
.dlcalc{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.dlcalc .ftab td{padding:4px 6px}
.dealb{margin-top:8px;border:1px solid var(--line);border-radius:10px;padding:8px 12px}.dealb.need{border-color:var(--bad);background:var(--badbg)}
.riskb{margin-top:8px;background:var(--badbg);color:var(--bad);border-radius:10px;padding:8px 12px;font-size:14px}
.fshort{background:var(--badbg);color:var(--bad);border-radius:10px;padding:8px 12px;margin-top:8px;font-size:15px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px}.fgrid div{display:flex;flex-direction:column;background:var(--bg);border-radius:10px;padding:8px 10px}.fgrid b{font-size:17px}
.finst{gap:8px;margin-top:10px;flex-wrap:wrap;align-items:center;font-size:14px}.finst input{width:auto;min-height:0;padding:6px 8px}.finst .mut{font-size:12.5px}
.fhist{margin-top:8px}.fhist summary{cursor:pointer;font-weight:600;color:var(--inf)}.fh{display:flex;gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--line);font-size:13.5px}.fh span:first-child{color:var(--mut);white-space:nowrap}.fh.ajratildi b{color:var(--ok)}.fh.xarid b,.fh.zakaz b{color:var(--bad)}
.sops{padding:4px 12px}.sop{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line)}.sop:first-child{border-top:0}.sop input[type=checkbox]{width:24px;height:24px;min-height:0;margin:2px 0 0;flex:none;accent-color:var(--ok)}
.sop .sn{font-weight:600}.sop.done .sn{text-decoration:line-through;color:var(--mut)}.sop.late{background:linear-gradient(90deg,var(--badbg),transparent 60%)}.sm2{gap:8px;flex-wrap:wrap;font-size:12.5px;margin-top:3px;align-items:center}.sm2 select,.sm2 input{width:auto;min-height:0;padding:4px 6px;font-size:12.5px}
.sop a{cursor:pointer;font-weight:400}
.sfl{display:inline-flex;flex-direction:column;gap:1px;margin:0;font-size:11px;color:var(--mut)}.sfl>span{padding-left:2px}.sexh{margin:8px 0}.sexmiss{margin:0 0 10px}
.zvl{display:flex;flex-direction:column;gap:8px;margin-top:8px}.zv{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.zv audio{height:36px;max-width:100%}.zv .mut{font-size:12.5px}
/* ---- HR */
.attbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;margin:-2px 0 10px;padding:6px 12px;background:var(--card);border:1px solid var(--line);border-radius:12px}.attbar .b{min-height:30px}
.kbar{gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.kgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.kday{background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;padding:8px;min-height:140px}.kday.today{border-color:var(--pri,#1e3a5f);box-shadow:0 0 0 2px rgba(30,58,95,.15)}.kday.past{opacity:.7}.kdh{font-weight:600;font-size:13px;margin-bottom:6px}.kempty{font-size:12px}.kev{border-left:4px solid #888;background:rgba(0,0,0,.03);border-radius:8px;padding:6px 8px;margin-bottom:6px;font-size:12.5px;cursor:pointer;line-height:1.35}.kev .kn{font-weight:600}.kev.zamer{border-color:#2f6fd6}.kev.montaj{border-color:#1f8a4c}.kev.tolov{border-color:#d08a00}.kev.late{background:rgba(200,40,40,.08)}.kev.done{opacity:.55}.kev.mine{box-shadow:inset 0 0 0 1px rgba(30,58,95,.35)}.kev.plan{border-left-style:dashed}.kw.warn{color:var(--bad)}.kdot{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 4px 0 10px;vertical-align:-1px}.kdot.zamer{background:#2f6fd6}.kdot.montaj{background:#1f8a4c}.kdot.tolov{background:#d08a00}@media(max-width:900px){.kgrid{grid-template-columns:1fr}.kday{min-height:0}.kday.past{display:none}}.clc{cursor:pointer}.sched{margin-top:6px}.srow input,.srow select{margin:0}
.omr{gap:6px;align-items:center;flex-wrap:wrap}.omr .grow{min-width:180px}.omr .omq{white-space:nowrap;min-width:80px;text-align:right}.omr.low .omq,.omq.bad{color:var(--bad)}
.payr{gap:8px;align-items:center;flex-wrap:wrap}.payr .grow{min-width:160px}
.hrmb{gap:10px;align-items:center;margin-bottom:10px}.hrtw{overflow-x:auto}.hrt{width:100%;border-collapse:collapse;font-size:13.5px}.hrt th,.hrt td{text-align:left;padding:7px 6px;border-top:1px solid var(--line);vertical-align:top}.hrt th{color:var(--mut);font-weight:600;border-top:0;white-space:nowrap}.hrt a,.att a{cursor:pointer}.hrt .mut{font-size:12px}
.att{border-collapse:collapse;font-size:11.5px}.att th,.att td{border:1px solid var(--line);padding:3px 4px;text-align:center;min-width:34px}.att th.we,.att td.we{background:var(--bg)}.att th.td{background:var(--infbg)}.att .an{text-align:left;min-width:130px;font-size:13px}.att .an .mut{font-size:11px}
.att .ac{cursor:pointer;line-height:1.15}.att .ac.ok{background:var(--okbg);color:var(--ok)}.att .ac.late{background:var(--warnbg);color:var(--warn)}.att .ac.abs{background:var(--badbg);color:var(--bad)}.att .ac.off{background:var(--infbg);color:var(--inf);font-weight:700}.att .as{min-width:70px;font-size:11.5px}
.hrcard .hrav{width:52px;height:52px;border-radius:50%;background:var(--pri);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex:none;margin-right:6px}
.hrf{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:10px}.hrf label{display:flex;flex-direction:column;font-size:13px;color:var(--mut);margin:0}
.hrbars{display:flex;gap:10px;align-items:flex-end;margin-top:10px}.hrb{flex:1;display:flex;flex-direction:column;align-items:center;font-size:12px}.hrbc{height:90px;width:100%;max-width:46px;background:var(--bg);border-radius:8px;display:flex;align-items:flex-end;overflow:hidden}.hrbc i{display:block;width:100%;background:var(--pri);border-radius:8px 8px 0 0}
#offb{display:none;position:sticky;z-index:4;padding:7px 14px;font-size:13.5px;font-weight:600;text-align:center;background:var(--infbg);color:var(--inf);cursor:pointer;border-bottom:1px solid var(--line)}
#offb.on{display:block}#offb.off{background:#3b4250;color:#fff}#offb.bad{background:var(--badbg);color:var(--bad)}
header .role{cursor:pointer;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
@media (max-width:480px){header .role{font-size:14px;padding:6px 11px;max-width:40vw}header{gap:6px;padding:10px 10px}}
.task.hl{outline:2px solid var(--inf);outline-offset:2px}
.ntf h4{margin:16px 0 6px;font-size:15px}.ntf .st{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12.5px;font-weight:600}
.ntf .st.ok{background:var(--okbg);color:var(--ok)}.ntf .st.no{background:var(--warnbg);color:var(--warn)}
.ntf .sw{display:flex;align-items:center;gap:8px;margin:6px 0}.ntf .sw input{width:auto;margin:0}
.ntf .hint{font-size:13px;color:var(--mut);margin:4px 0}

.mainnav .ngrp{display:none}
@media (min-width:1000px){
 main:has(.mainnav){max-width:1120px;margin:0 0 0 236px;padding-left:24px;padding-right:24px}
 .mainnav{position:fixed;left:0;top:56px;bottom:0;width:220px;flex-direction:column;flex-wrap:nowrap!important;overflow:auto;padding:12px 10px;margin:0;background:var(--card);border-right:1px solid var(--line);gap:2px;z-index:4;box-sizing:border-box}
 .mainnav button{flex:none!important;text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:10px;display:flex;align-items:center}
 .mainnav button .cnt{margin-left:auto}
 .mainnav button.on{background:var(--ink);color:var(--card);border-color:var(--ink)}
 .mainnav .ngrp{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);padding:14px 12px 4px}
}
@media (max-width:999px){
 body.xod main{padding-bottom:96px}
 .mainnav.xod{position:fixed;left:0;right:0;bottom:0;margin:0;z-index:30;background:var(--card);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));flex-wrap:nowrap!important;gap:4px}
 .mainnav.xod button{font-size:12.5px;padding:10px 2px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mainnav.xod .cnt{margin-left:3px;padding:0 5px}
}
.bhead{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;justify-content:space-between;margin:4px 0 6px}
.bsec{margin:16px 0 8px;font-size:16px;display:flex;align-items:center;gap:8px}
.bcard{padding:14px}.bcard.bad{border-color:var(--bad)}.bcard.warn{border-color:var(--warn)}
.bt1{font-weight:700;font-size:16px}
.b.big{min-height:48px;font-size:15px;font-weight:700}
.skp{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.skc{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:6px 12px;cursor:pointer;font-size:14px}
.skc input{margin:0;width:16px!important;height:16px;min-height:0!important;padding:0;flex:none}.skc span{white-space:nowrap}.skc:has(input:checked){background:var(--pri);color:#fff;border-color:var(--pri)}

.scbox{position:relative;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:4/3}.scbox video{width:100%;height:100%;object-fit:cover;display:block}.scfr{position:absolute;inset:18% 22%;border:3px solid rgba(255,255,255,.85);border-radius:12px}
.scbar{height:10px;border-radius:6px;background:var(--line);margin-top:8px}.scbar i{display:block;height:10px;border-radius:6px;background:var(--ok)}

.zsec{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0;border-top:1px dashed var(--line)}