/* ==== 2026-10-08: LAW OFFICE DIZAYN TIZIMI — butun ERP (yorug' rejim) ====
   Manba: Behance "ERP System Law Office" (Wright & Associate), 26 ekran: 2-biznes/2-mahsulot-va-sotuv/erp-ilhom-law-office/rasmlar
   Ranglar: Primary Blue #0E2A47 · Accent Gold #B88634 · Light Blue #F1F6FB · Soft Gray #E6ECF2 · White. Shrift Poppins.
   Yon menyu 280px, kontent chetlari 44px, kartalar 12px burchak. ALTERA qatlami ustidan yoziladi. */
html:not([data-tema="qora"]){
  --onyx:#F1F6FB; --grafit:#FFFFFF; --sirt:#F7FAFD; --sirt2:#EEF3F8;
  --chiziq:#E6ECF2; --polat:#6B7A90; --kumush:#24384F; --oq:#0E2A47;
  --oltin:#B88634; --oltin2:#9A6F27; --oltin-f:#B88634; --oltin-t:#FBF3E6;
  --yashil:#1F9254; --qizil:#D93B30; --kok:#2563EB; --kok-f:#0E2A47; --kok-t:#EAF1FE;
  --firuza:#B88634; --firuza2:#9A6F27; --navy:#0E2A47; --navy2:#16365A;
  --r:12px;
}
html:not([data-tema="qora"]) body{background:#F1F6FB;color:#24384F}

/* --- yon menyu: 280px, navy, oltin urg'u --- */
html:not([data-tema="qora"]) aside{width:280px!important;flex:0 0 280px!important;background:#0E2A47!important;padding:22px 16px!important;box-shadow:none!important}
html:not([data-tema="qora"]) aside .brand{gap:12px;padding:0 8px 20px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}
html:not([data-tema="qora"]) aside .brand .mark{width:42px;height:42px;border:1.5px solid #B88634!important;border-radius:10px;background:rgba(184,134,52,.08)}
html:not([data-tema="qora"]) aside .brand .mark svg{stroke:#B88634!important}
html:not([data-tema="qora"]) aside .brand .mark svg rect{fill:rgba(184,134,52,.28)!important}
html:not([data-tema="qora"]) aside .brand b{font-size:15px!important;font-weight:700!important;letter-spacing:.08em!important;color:#fff!important}
html:not([data-tema="qora"]) aside .brand b span{color:#D9A954!important;font-weight:600;letter-spacing:.16em!important;font-size:10.5px!important}
html:not([data-tema="qora"]) aside .brand small{color:#8FA3BA!important;font-size:10px!important;letter-spacing:.04em!important;margin-top:3px}
html:not([data-tema="qora"]) nav .sep{color:#7F93AB!important;font-size:10.5px!important;font-weight:600!important;letter-spacing:.12em!important}
html:not([data-tema="qora"]) nav button,html:not([data-tema="qora"]) nav button .lbl{color:#C9D5E3!important;font-size:13px!important;font-weight:400!important}
html:not([data-tema="qora"]) nav button{border-radius:8px!important;padding:9px 12px!important;gap:14px!important}
html:not([data-tema="qora"]) nav button:hover{background:rgba(255,255,255,.05)!important}
html:not([data-tema="qora"]) nav button.on{background:rgba(255,255,255,.10)!important;box-shadow:none!important}
html:not([data-tema="qora"]) nav button.on .lbl{color:#fff!important;font-weight:500!important}
html:not([data-tema="qora"]) .i3 svg{stroke:#9FB2C8!important;stroke-width:1.7!important}
html:not([data-tema="qora"]) nav button.on .i3 svg{stroke:#B88634!important}
html:not([data-tema="qora"]) aside .btn{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important;color:#C9D5E3!important}
html:not([data-tema="qora"]) .temab{display:none!important}

/* --- tepa navy panel (JS qo'shadi) --- */
.law-ust{position:sticky;top:0;z-index:30;height:64px;background:#0E2A47;display:flex;align-items:center;gap:14px;padding:0 44px;margin:-22px -26px 26px}
.law-ust .lq{position:relative;flex:1;max-width:440px}
.law-ust .lq input{width:100%;background:rgba(255,255,255,.07);border:0;border-radius:8px;padding:10px 14px 10px 40px;color:#fff;font-size:12.5px;outline:0}
.law-ust .lq input::placeholder{color:#9FB2C8}
.law-ust .lq input:focus{background:rgba(255,255,255,.12)}
.law-ust .lq svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:#9FB2C8;fill:none;stroke-width:1.8}
.law-ust .lq ul{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid #E6ECF2;border-radius:10px;box-shadow:0 10px 30px rgba(14,42,71,.15);list-style:none;padding:6px;display:none;max-height:340px;overflow:auto}
.law-ust .lq ul.on{display:block}
.law-ust .lq li{padding:8px 12px;border-radius:7px;cursor:pointer;font-size:12.5px;color:#0E2A47;display:flex;justify-content:space-between;gap:10px}
.law-ust .lq li small{color:#6B7A90}
.law-ust .lq li.on,.law-ust .lq li:hover{background:#F1F6FB}
.law-ust .bo{flex:1}
.law-ust a.tz{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:8px 14px;color:#fff!important;font-size:12.5px}
.law-ust a.tz:hover{background:rgba(255,255,255,.06)}
.law-ust a.tz svg,.law-ust a.qn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}
.law-ust a.qn{color:#C9D5E3!important;display:flex}
.law-ust .mn{display:flex;align-items:center;gap:10px;color:#fff;font-size:12.5px;line-height:1.25}
.law-ust .mn b{width:34px;height:34px;border-radius:50%;background:#16365A;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;font-size:12px;font-weight:600}
.law-ust .mn small{display:block;color:#9FB2C8;font-size:10.5px}

/* --- sahifa sarlavhasi: Law Office kabi fonda, ramkasiz --- */
html:not([data-tema="qora"]) main{padding:22px 44px 60px!important;max-width:none!important}
html:not([data-tema="qora"]) .law-ust{margin:-22px -44px 26px}
html:not([data-tema="qora"]) .topbar{background:transparent!important;border:0!important;padding:0!important;margin-bottom:22px!important;box-shadow:none!important}
html:not([data-tema="qora"]) .topbar h1,html:not([data-tema="qora"]) #ttl{font-size:20px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:#0E2A47!important}
html:not([data-tema="qora"]) .topbar .sub{font-size:12.5px!important;color:#6B7A90!important;margin-top:2px}
html:not([data-tema="qora"]) .topbar .pill{background:#fff;border:1px solid #E6ECF2;border-radius:8px;padding:7px 12px;font-size:12px;color:#24384F}
html:not([data-tema="qora"]) .src{background:#fff!important;border:1px solid #E6ECF2!important;border-radius:12px!important}

/* --- kartalar --- */
html:not([data-tema="qora"]) .grid{gap:24px}
html:not([data-tema="qora"]) .card,html:not([data-tema="qora"]) .lc{background:#fff!important;border:1px solid #E6ECF2!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(14,42,71,.06)!important;padding:18px 20px}
html:not([data-tema="qora"]) .card:hover{box-shadow:0 1px 3px rgba(14,42,71,.06)!important}
html:not([data-tema="qora"]) .card h3{font-size:11.5px!important;font-weight:600!important;letter-spacing:.06em!important;color:#0E2A47!important;text-transform:uppercase}
html:not([data-tema="qora"]) .card h3 span,html:not([data-tema="qora"]) .note{color:#6B7A90}
html:not([data-tema="qora"]) .maq,html:not([data-tema="qora"]) .kpd{border-top:1px solid #E6ECF2!important}
html:not([data-tema="qora"]) .maq .motiv{background:#FBF3E6!important;border-color:#F1D9A8!important;color:#7A5A22!important}

/* KPI: Law Office — ikonka o'ngda, och kvadratda, navy chiziq */
html:not([data-tema="qora"]) .grid>.card.kpi{padding:16px 18px!important;position:relative}
html:not([data-tema="qora"]) .grid>.card.kpi h3{padding-right:44px;color:#6B7A90!important;font-size:11px!important}
html:not([data-tema="qora"]) .grid>.card.kpi::before{left:auto!important;right:16px!important;top:14px!important;width:34px!important;height:34px!important;border-radius:8px!important;background:#F1F6FB var(--lk) center/17px no-repeat!important}
html:not([data-tema="qora"]) .grid>.card.kpi:nth-child(4n+1){--lk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E2A47' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E")}
html:not([data-tema="qora"]) .grid>.card.kpi:nth-child(4n+2){--lk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E2A47' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E")}
html:not([data-tema="qora"]) .grid>.card.kpi:nth-child(4n+3){--lk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E2A47' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M14 7h7v7'/%3E%3C/svg%3E")}
html:not([data-tema="qora"]) .grid>.card.kpi:nth-child(4n){--lk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E2A47' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E")}
html:not([data-tema="qora"]) .kpi .v{font-size:24px!important;font-weight:600!important;letter-spacing:-.01em!important}
html:not([data-tema="qora"]) .kpi .v[style*="--yashil"],html:not([data-tema="qora"]) .kpi .v[style*="--kok"]{color:#0E2A47!important}
html:not([data-tema="qora"]) .kpi .d{font-size:11.5px;color:#6B7A90}

/* --- tugmalar --- */
html:not([data-tema="qora"]) .btn{background:#fff!important;border:1px solid #E6ECF2!important;color:#24384F!important;border-radius:8px!important;font-weight:500!important;box-shadow:none!important}
html:not([data-tema="qora"]) .btn:hover{border-color:#C9D2DE!important;background:#F7FAFD!important}
html:not([data-tema="qora"]) .btn.gold,html:not([data-tema="qora"]) main.oq #s-kompaniya .btn.gold{background:#0E2A47!important;border-color:#0E2A47!important;color:#fff!important}
html:not([data-tema="qora"]) .btn.gold:hover{background:#16365A!important}
html:not([data-tema="qora"]) .btn.on,html:not([data-tema="qora"]) .ktab button.on,html:not([data-tema="qora"]) main.oq #tz-tab button.on{background:#FBF3E6!important;border-color:#E8C98F!important;color:#9A6F27!important}
html:not([data-tema="qora"]) .ktab button{border-radius:8px!important}

/* --- jadvallar: Law Office "Case" ro'yxati --- */
html:not([data-tema="qora"]) th{font-size:10.5px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#6B7A90!important;background:transparent!important;border-bottom:1px solid #E6ECF2!important;padding:10px 12px!important}
html:not([data-tema="qora"]) td{border-bottom:1px solid #EEF2F6!important;padding:11px 12px}
html:not([data-tema="qora"]) tbody tr:hover td,html:not([data-tema="qora"]) tr.ed:hover td{background:#FAFCFE!important}

/* --- holat belgilari: yumaloq, och fonli --- */
html:not([data-tema="qora"]) .tag{border-radius:99px!important;font-weight:500!important;font-size:11px!important;letter-spacing:0!important;text-transform:none!important;padding:3px 10px!important;border:1px solid}
html:not([data-tema="qora"]) .t-ok{color:#1F9254!important;background:#E8F6EE!important;border-color:#BFE5CE!important}
html:not([data-tema="qora"]) .t-wait{color:#9A6F27!important;background:#FBF3E6!important;border-color:#F1D9A8!important}
html:not([data-tema="qora"]) .t-no{color:#D93B30!important;background:#FDECEA!important;border-color:#F5C2BD!important}
html:not([data-tema="qora"]) .t-go{color:#2563EB!important;background:#EAF1FE!important;border-color:#C9DAFD!important}
html:not([data-tema="qora"]) .t-x{color:#6B7A90!important;background:#F1F6FB!important;border-color:#E6ECF2!important}
html:not([data-tema="qora"]) .pill{border-radius:99px}

/* --- progress, voronka, inputlar --- */
html:not([data-tema="qora"]) .bar{height:7px!important;background:#E6ECF2!important;border-radius:99px}
html:not([data-tema="qora"]) .bar i{background:#0E2A47!important;border-radius:99px}
html:not([data-tema="qora"]) .bar.gr i{background:#1F9254!important}
html:not([data-tema="qora"]) .bar.bl i{background:#B88634!important}
html:not([data-tema="qora"]) .funnel .fb,html:not([data-tema="qora"]) .fb{background:#EEF3F8!important}
html:not([data-tema="qora"]) .funnel .fb i,html:not([data-tema="qora"]) .fb i{background:#0E2A47!important}
html:not([data-tema="qora"]) .inp,html:not([data-tema="qora"]) input.inp,html:not([data-tema="qora"]) select.inp,html:not([data-tema="qora"]) textarea.inp{border:1px solid #E6ECF2!important;border-radius:8px!important;background:#fff!important}
html:not([data-tema="qora"]) .inp:focus{border-color:#2563EB!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important}
html:not([data-tema="qora"]) .mbox{border-radius:14px!important}
html:not([data-tema="qora"]) .toast{background:#0E2A47!important;color:#fff!important;border-color:#0E2A47!important}
html:not([data-tema="qora"]) a{color:#2563EB}
html:not([data-tema="qora"]) .kk{background:#F1F6FB!important;border-color:#E6ECF2!important}
html:not([data-tema="qora"]) .ogr{color:#0E2A47!important;letter-spacing:.06em}
html:not([data-tema="qora"]) #gate .lg{border-color:#B88634!important;color:#0E2A47!important}

/* --- telefon --- */
@media(max-width:820px){
  .law-ust{padding:0 14px;margin:-16px -16px 16px!important;height:56px}
  .law-ust .mn div,.law-ust a.tz span{display:none}
  html:not([data-tema="qora"]) main{padding:16px!important}
  html:not([data-tema="qora"]) .mob{background:#0E2A47!important}
  html:not([data-tema="qora"]) .mob button.on{background:rgba(255,255,255,.12)!important;border-color:#B88634!important}
  html:not([data-tema="qora"]) .grid{gap:14px}
}

/* ==== 2026-10-08: yon menyu strelkasi — bosilsa menyu TO'LIQ yig'iladi, asosiy oyna butun ekranga kengayadi;
   qayta bosilsa menyu joyiga qaytib mahkam turadi (Otabek Azimov). Eski 72px ikonka rejimi va hover-ochilish o'chirildi. */
html body aside{transition:width .25s ease,flex-basis .25s ease,padding .25s ease!important}
html body.yig aside,html body.yig aside:hover{width:0!important;flex:0 0 0!important;padding:0!important;border:0!important;position:sticky!important;box-shadow:none!important;overflow:visible!important}
html body.yig aside .ich,html body.yig aside:hover .ich{opacity:0;pointer-events:none;overflow:hidden!important}
html body.yig main,html body.yig .wrap:has(aside:hover) main{margin-left:0!important}
html body.yig .ytug{position:fixed!important;left:10px!important;right:auto!important;top:22px!important;transform:rotate(180deg)}
html body .ytug{background:#0E2A47!important;border-color:#B88634!important;color:#D9A954!important}
html body .ytug:hover{background:#B88634!important;color:#fff!important}
/* strelka tepa panel ostida qolib bosilmayotgan edi — har doim eng ustda, ekranga mahkam */
html body .ytug{position:fixed!important;left:267px!important;right:auto!important;top:22px!important;z-index:1000!important;transition:left .25s ease,transform .25s ease!important}
html body.yig .ytug{left:10px!important}
html body aside{z-index:50!important}