/* Haqiqiy sayt uchun qo'shimchalar (sayt.css — test sayt dizayni) */
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; padding-top: env(safe-area-inset-top, 0px); }
[hidden] { display: none !important; }
.kim b { display: block; font-size: 13.5px; }
.kim small { color: var(--muted); font-size: 12px; }
.toast.t-bad { background: var(--bad); color: #fff; }
.toast.t-ok { background: var(--good); color: #fff; }
#view[aria-busy="true"]:empty::before { content: "Yuklanmoqda…"; color: var(--muted); padding: 24px 0; }
.qator { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.qator > * { min-width: 0; }
.jami { display: flex; justify-content: space-between; gap: 12px; padding: 10px 16px; border-top: 1px solid var(--line); font-weight: 600; }
.kassablok { border-top: 1px solid var(--line); }
.kassablok:first-child { border-top: 0; }
.kassablok .kb { display: flex; align-items: baseline; gap: 10px; padding: 12px 16px 6px; }
.kassablok .kb b { flex: 1; min-width: 0; }
.hrow { display: flex; justify-content: space-between; gap: 12px; padding: 6px 16px; font-size: 13.5px; }
.hrow .hn { color: var(--muted); min-width: 0; }
.ekv { font-size: 12.5px; color: var(--muted); }
.sanoqrow { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, 180px); gap: 8px 12px; align-items: center; padding: 10px 16px; border-top: 1px solid var(--line); }
.sanoqrow:first-child { border-top: 0; }
.sanoqrow .farq { grid-column: 1 / -1; font-size: 12.5px; }
div.bos { padding: 24px 16px; color: var(--muted); text-align: center; }
.yozrow { display: flex; gap: 12px; align-items: center; padding: 10px 16px; border-top: 1px solid var(--line); }
.yozrow:first-child { border-top: 0; }
.yozrow .t { flex: 1; min-width: 0; }
.yozrow .t .a { font-weight: 500; overflow-wrap: anywhere; }
.yozrow .t .b { font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.yozrow .amt { text-align: right; }
.yozrow .act { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 560px) { .yozrow { flex-wrap: wrap; } .yozrow .act { width: 100%; justify-content: flex-start; } }
/* belgilash ro'yxati (kassalar va h.k.): hammasi ko'rinadi */
.tiles.belgilar { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 6px; }
.tiles.belgilar .tile { padding: 9px 11px; }
.tiles.belgilar input { accent-color: var(--brand); width: auto; flex: none; margin: 0; }
.tiles.belgilar .tile { justify-content: flex-start; }
.tiles.belgilar .n { flex: 1; min-width: 0; text-align: left; }

/* havola ko‘rinishidagi tugma (Telegramda ochish) */
a.btn{display:inline-flex;align-items:center;color:inherit;text-decoration:none}

/* ---- Soddalashtirish (30.10.2026): menyuda qidiruv, bo'lim ichidagi tablar ---- */
.izla{margin:4px 0 6px;font-size:13px;padding:8px 10px;border-radius:8px;background:var(--surface2);border:1px solid var(--line)}
.izla:focus{background:var(--surface);outline:2px solid var(--brand-soft);border-color: var(--brand)}
.nav [data-ish] span,.izlanav [data-ish] span{white-space:normal;line-height:1.3}
.nav [data-ish].birinchi{background:var(--surface2);color:var(--ink)}
.izlanav{display:flex;flex-direction:column;gap:2px}
.izlanav button{display:flex;align-items:center;gap:10px;border:0;background:none;padding:10px;border-radius:8px;text-align:left;cursor:pointer;color:var(--ink);font-weight:500}
.izlanav button:hover,.izlanav button.birinchi{background:var(--surface2)}
.bolimtab{margin:0 0 12px}

/* ---- Boshlang'ich balanslar: qadamlar va qatorlar ---- */
.qadamlar{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:2px 0 10px}
.qadamlar::-webkit-scrollbar{display:none}
.qadamlar button{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:7px 14px 7px 8px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap;display:inline-flex;gap:8px;align-items:center}
.qadamlar button .qn{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--surface2);font-size:12px}
.qadamlar button.on{background:var(--brand);border-color: var(--brand);color:var(--brand-ink)}
.qadamlar button.on .qn{background:rgba(255,255,255,.22)}
.qadamlar button.on .hint{color:inherit;opacity:.8}
.bqizoh{margin:0 2px 10px;line-height:1.5}
.bqkassa{margin-bottom:10px}
.bqrow{display:flex;align-items:center;gap:12px;padding:9px 16px;border-top:1px solid var(--line)}
.card .hd+.bqrow{margin-top:12px}
.bqn{flex:1;min-width:0}
.bqn .ok{color:var(--good);font-weight:700}
.bqn input.bqf{max-width:320px}
.bqv{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
input.bqi{width:150px;text-align:right}
input.bqt{width:130px}
.bqval{min-width:28px}
.bqx{color:var(--bad)}
.link.sm{font-size:12.5px}
.bqsaqla{position:sticky;bottom:0;z-index:4;margin-top:12px}
@media (max-width:760px){
  .bqsaqla{bottom:calc(58px + env(safe-area-inset-bottom,0px))}
  .bqrow{flex-wrap:wrap;padding:9px 12px}
  .bqv{width:100%}
  input.bqi{flex:1 1 120px;width:auto}
}

/* ---- Xodimlar uchun: Mening sahifam, Yordam, Xush kelibsiz (31.10.2026) ---- */
button.kim{display:block;width:100%;text-align:left;border:0;background:none;padding:6px 4px;border-radius:8px;cursor:pointer;color:inherit;font:inherit}
button.kim:hover{background:var(--surface2)}
.yqadam{margin:0;padding-left:34px;display:flex;flex-direction:column;gap:12px;line-height:1.55}
.yqadam li{padding-left:2px}
.yqadam li>div{display:inline}
.yqadam li .btn{margin-left:8px;vertical-align:middle;margin-top:2px}
ul.yqadam{padding-left:28px}
.ysavol{display:flex;flex-direction:column;gap:2px}
.ysavol details{border-bottom:1px solid var(--line);padding:10px 0}
.ysavol details:last-child{border-bottom:0}
.ysavol summary{cursor:pointer;font-weight:600;list-style-position:outside}
.ysavol p{margin:8px 0 0;color:var(--muted);line-height:1.55}
.tanish{border-color: var(--brand);border-width:1.5px}
.tanishq{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tanishq li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tanishq li>div{flex:1 1 200px;min-width:0;line-height:1.45}
.tanishq .yb{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line);font-weight:700;font-size:13px}
.tanishq li.ok{color:var(--muted)}
.tanishq li.ok b{font-weight:500;text-decoration:line-through}
.tanishq li.ok .yb{background:var(--good);border-color:var(--good);color:#fff}
.banner .btn{flex:none}
.kunim{display:flex;flex-direction:column;gap:8px}
.sanoqok{color:var(--good);font-size:12.5px;font-weight:600}

/* ---- Shaxsiy kabinet: oylik, ulush (31.10.2026) ---- */
.kabkpi{gap:12px}
.kabkpi .l{font-size:12.5px;color:var(--muted)}
.kabkpi .v{font-size:20px;font-weight:650;margin-top:2px}
.kabkpi .s{font-size:11.5px;color:var(--muted);margin-top:3px;line-height:1.35}
@media (max-width:760px){ .kabkpi.g3{grid-template-columns:1fr 1fr} .kabkpi.g3>div:first-child{grid-column:1 / -1} .kabkpi .v{font-size:17px} }
.blist{display:flex;flex-direction:column;gap:2px;max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:8px}
.blist label{display:grid;grid-template-columns:22px minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center;padding:6px 10px;border-bottom:1px solid var(--line)}
.blist label:last-child{border-bottom:0}
.blist label.bor{opacity:.55}
.blist input[type=text],.blist input[type=tel]{padding:5px 8px}
@media (max-width:760px){ .blist label{grid-template-columns:22px 1fr} .blist label>*:nth-child(n+3){grid-column:2} }

/* ===== Telefon, planshet, fold ekranlari (Farrux, 01.11.2026) ===== */
/* iOS Safari: maydonni bosganda sahifa kattalashib ketmasin — teginish ekranida matn maydonlari 16px */
@media (pointer:coarse){
  input:not([type=checkbox]):not([type=radio]), select, textarea { font-size: 16px !important; }
  input[type=checkbox], input[type=radio] { width: 20px !important; height: 20px; flex: none; }
  .top .chip { min-height: 36px; }
  summary { padding-top: 10px; padding-bottom: 10px; }
  .btn { min-height: 42px; }
  .btn.sm { min-height: 36px; padding: 7px 12px; font-size: 13.5px; }
  .nav button { padding: 11px 10px; }
  .link { display: inline-block; padding: 8px 0; }
  .bottom button { min-height: 48px; justify-content: center; }
}
/* iPhone'da 100vh pastki panel ostiga kirib ketadi — dvh */
.side { height: 100vh; height: 100dvh; }
.modal .card { max-height: 90vh; max-height: 90dvh; }
/* Fold ochiq va kichik planshet (561–760 px): ikki ustun saqlansin */
@media (min-width:561px) and (max-width:760px){
  .g2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .form { grid-template-columns: 1fr 1fr; }
}
/* Telefon yotiq holatda (balandligi kichik): yon menyu o'rniga pastki menyu */
@media (max-height:500px) and (orientation:landscape) and (pointer:coarse){
  .app { grid-template-columns: 1fr; }
  .side { display: none; }
  .top { padding: 8px max(16px, env(safe-area-inset-right, 0px)) 8px max(16px, env(safe-area-inset-left, 0px)); }
  .content { padding: 12px max(16px, env(safe-area-inset-right, 0px)) 84px max(16px, env(safe-area-inset-left, 0px)); }
  .bottom { display: flex; position: fixed; left: 0; right: 0; bottom: 0; background: var(--surface); border-top: 1px solid var(--line);
            padding: 2px max(6px, env(safe-area-inset-right, 0px)) calc(2px + env(safe-area-inset-bottom, 0px)) max(6px, env(safe-area-inset-left, 0px));
            z-index: 20; justify-content: space-around; }
  .bottom button { border: 0; background: none; display: flex; flex-direction: row; align-items: center; gap: 6px; font-size: 12.5px;
                   color: var(--muted); padding: 6px 12px; cursor: pointer; min-width: 0; min-height: 44px; }
  .bottom button.on { color: var(--ink); font-weight: 700; }
  .mrole { display: block !important; }
}
/* telefon tik holatda chetdagi kesik (notch) va yumaloq burchaklar uchun */
@media (max-width:760px){
  .content { padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
}
#oflayn { position: sticky; top: 0; z-index: 70; background: var(--bad); color: #fff; font-weight: 600; font-size: 13.5px;
          padding: calc(8px + env(safe-area-inset-top, 0px)) 16px 8px; text-align: center; }
/* Ro'yxatlarda qidiruv (asos.js: qidiruv, selectQidir) */
.qyash { display: none !important; }
.qidirw { display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0; max-width: 420px; padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--muted); }
.qidirw .ico { width: 16px; height: 16px; flex: none; }
.qidirw input.qidir { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; padding: 8px 0; font: inherit; color: var(--ink); }
.qidirw:focus-within { border-color: var(--brand); }
.qidirw .qsanoq { font-size: 12px; white-space: nowrap; }
.qidirpad { padding: 0 16px 10px; display: flex; }
input.sqidir { margin-bottom: 4px; padding: 6px 10px; font-size: 13px; }
/* Belgilash katakchalari umumiy "input {width:100%}" dan chiqariladi — aks holda katak chapda, yozuv o'ngga surilib qoladi (Vaqtincha ruxsat oynasi) */
input[type="checkbox"], input[type="radio"] { width: auto; padding: 0; flex: none; }
label > input[type="checkbox"]:first-child { margin-top: 2px; }
/* Izoh qatori (.f.hint) ichidagi <b>, havola alohida qatorga tushib ketmasin — oddiy matn oqimi */
.f.hint { display: block; }
/* Pul amalini tasdiqlash oynasi (asos.js: amalTasdiq) — ochiq modal ustida chiqadi */
.modal.tsd-qatlam { z-index: 60; }
/* Oynalar orqasi (Farrux, 01.11: telefonda «Tekshiring va tasdiqlang» ostidan forma va oxirgi yozuvlar ko'rinib, aralashib ketyapti):
   orqa fon to'qroq va xira — tungi rejimda ham oyna alohida ko'rinadi; telefonda tasdiqlash oynasi pastdan, to'liq kenglikda */
.modal { background: rgba(4, 8, 6, .68); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.modal .card { box-shadow: 0 14px 44px rgba(0, 0, 0, .35); }
@media (max-width: 560px) {
  .modal.tsd-qatlam { place-items: end stretch; padding: 0; }
  .modal.tsd-qatlam .tsd { width: 100%; max-height: 94vh; max-height: 94dvh; border-radius: 16px 16px 0 0; border-bottom: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px); }
}
.nw { white-space: nowrap; }
.tsd-ich { display: flex; flex-direction: column; gap: 12px; }
.tsd-bosh { display: flex; gap: 12px; align-items: center; border-radius: 10px; padding: 12px 14px; background: var(--surface2); color: var(--muted); }
.tsd-bosh > .ico { width: 30px; height: 30px; flex: none; }
.tsd-bosh.y-kirim { background: var(--good-soft); color: var(--good); }
.tsd-bosh.y-chiqim { background: var(--bad-soft); color: var(--bad); }
.tsd-tur { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.tsd-summa { font-size: 24px; font-weight: 700; line-height: 1.25; color: var(--ink); overflow-wrap: anywhere; }
.tsd-soz { font-size: 12.5px; color: var(--muted); overflow-wrap: anywhere; }
.tsd-soz::first-letter { text-transform: uppercase; }
.tsd-matn { line-height: 1.5; overflow-wrap: anywhere; }
.tsd-q { display: grid; grid-template-columns: max-content 1fr; gap: 6px 14px; margin: 0; font-size: 13.5px; }
.tsd-q dt { color: var(--muted); }
.tsd-q dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.tsd-tug { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
@media (max-width: 480px) { .tsd-q { gap: 5px 10px; font-size: 13px; } .tsd-summa { font-size: 21px; } .tsd-ich { gap: 10px; } .tsd-tug .btn { flex: 1 1 auto; } }
/* Tez yozuvlar — shablonlar qatori (yozuv.js, 50-migratsiya) */
.tezw { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.chip.shb { cursor: pointer; font: inherit; font-size: 12.5px; color: var(--ink); max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.chip.shb:hover, .chip.shb:focus-visible { border-color: var(--brand); color: var(--brand-fg); }
/* Til tanlash (til.js) */
.tiltan .link.on { font-weight: 700; color: var(--ink); text-decoration: none; cursor: default; }

/* Xarajat turini tanlash: qidiruv + tiplar + turlar (53-migratsiya) */
#xtw .xttip, #xtw .xtg > div, #xtw .xtsel { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
#xtw .xttip { margin-top: 6px; }
#xtw .xtroy { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; min-height: 30px; }
#xtw .xtg { display: flex; flex-direction: column; gap: 4px; }
#xtw .chip[data-xt], #xtw .chip[data-xtip] { cursor: pointer; font: inherit; font-size: 13px; color: var(--ink); min-height: 34px; max-width: 100%; white-space: normal; text-align: left; }
#xtw .chip[data-xtip] .num { color: var(--muted); font-size: 11.5px; }
#xtw .chip[data-xt]:hover, #xtw .chip[data-xtip]:hover, #xtw .chip:focus-visible { border-color: var(--brand); color: var(--brand-fg); }
#xtw .chip.on { background: var(--brand); border-color: var(--brand); color: var(--brand-ink); }
#xtw .chip.on .num, #xtw .chip.on .hint { color: inherit; opacity: .8; }
#xtw .chip.xtb { border-style: dashed; }
#xtw .xtsel .chip { font-size: 13.5px; font-weight: 600; }

/* Telefonga moslash (Farrux, 01.11: "ortiqcha ma'lumotlarni ixchamlashtir … ekranga o'zi moslashsin") */
/* Jurnal qatori: nom + summa bir qatorda, № · sana · hisob va izoh — bittadan qator (to'liq — bosilganda) */
.yozrow.jr { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; column-gap: 10px; width: 100%;
  padding: 9px 14px; background: none; border: 0; border-top: 1px solid var(--line); text-align: left; cursor: pointer; font: inherit; color: inherit; }
.yozrow.jr:first-child { border-top: 0; }
.yozrow.jr:hover, .yozrow.jr:focus-visible { background: var(--surface2); }
.yozrow.jr .opi { width: 26px; height: 26px; border-radius: 8px; margin-top: 1px; }
.yozrow.jr .opi .ico { width: 14px; height: 14px; }
.yozrow.jr .t .a, .yozrow.jr .t .k, .yozrow.jr .t .b, .yozrow.jr .t .c { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; }
.yozrow.jr .t .k { font-size: 13px; font-weight: 500; margin-top: 1px; }   /* kimga / kimdan (xodim, sherik, qarz) */
.yozrow.jr .amt .ekv { display: block; font-size: 11.5px; font-weight: 500; color: var(--muted); margin-top: 2px; }
.yozrow.jr .t .b { margin-top: 1px; }
.yozrow.jr .t .b .pill { margin-right: 6px; padding: 0 7px; font-size: 11px; vertical-align: 1px; }
.yozrow.jr .t .c { font-size: 12px; color: var(--muted); opacity: .8; margin-top: 1px; }
.yozrow.jr .amt { padding-top: 1px; text-align: right; }
/* Jurnal: qidiruv tepada, filtr yig'iladi */
.jtop { display: flex; gap: 8px; align-items: center; padding: 12px 16px 6px; }
.jtop .qidirw { max-width: none; }
.qidirw input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; padding: 8px 0; font: inherit; color: var(--ink); }
.jtop #jfb { flex: none; }
.jtop #jfb.on { border-color: var(--brand); color: var(--brand-fg); }
.jfx { display: block; width: 100%; padding: 0 16px 10px; border: 0; background: none; text-align: left; font: inherit; font-size: 12.5px; color: var(--muted); cursor: pointer;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jsum { flex-wrap: wrap; align-items: flex-start; font-weight: 500; }
.jsum .jn { display: flex; gap: 10px; align-items: baseline; }
.jsum .jk { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; margin-left: auto; }
.jsum .jk b { white-space: nowrap; }
/* Bugun: kassalardagi pul — nomi chapda, har valyuta alohida qatorda o'ngda */
.hrow.kpul { align-items: flex-start; padding: 7px 16px; border-top: 1px solid var(--line); }
.kpullar > .hrow.kpul:first-child { border-top: 0; }
.hrow.kpul .hn { flex: 1 1 auto; padding-top: 1px; overflow-wrap: anywhere; }
.hrow.kpul .kpv { display: flex; flex-direction: column; align-items: flex-end; flex: none; max-width: 64%; }
.hrow.kpul .kpv .num { white-space: nowrap; }
.hrow.kjami .hn, .hrow.kjami .kpv .num { color: var(--ink); font-weight: 700; }
details.kbosh > summary { padding: 8px 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; cursor: pointer; list-style-position: inside; }
details.kbosh > summary .num { font-size: 12px; }
/* Telefonda qidiruv tugmasi (menyu yashirin) */
.qchip { display: none; }
.qchip .ico { width: 16px; height: 16px; }
@media (max-width: 760px) {
  .qchip { display: inline-flex; }
  .top h1 { min-width: 0; }
}
@media (max-width: 560px) {
  /* raqamlar — tor ekranda ixcham shriftda (monospace keng, katta shriftda qatorga sig'maydi) */
  .yozrow.jr .amt, .hrow.kpul .kpv .num, .jsum .jk b { font-family: var(--font); font-variant-numeric: tabular-nums; letter-spacing: 0; font-weight: 600; }
  .hrow.kpul .kpv .num { font-weight: 500; }
  .qchip span { display: none; }
}
@media (max-width: 380px) { .yozrow.jr .opi { display: none; } .yozrow.jr { grid-template-columns: minmax(0, 1fr) auto; } }
/* Mening pulim: $ dagi oylik — haqiqatda berilgan so'm summasi ostida (55) */
.hrow .asl { display: block; text-align: right; font-size: 11.5px; font-family: var(--font); }
/* Bosilganda nusxa olinadigan login / parol (Farrux, 01.11) */
.nusxa { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 4px 9px; border: 1px dashed var(--line); border-radius: 7px;
  background: var(--surface2); color: var(--ink); font: inherit; cursor: pointer; white-space: nowrap; }
.nusxa .num { overflow: hidden; text-overflow: ellipsis; }
.nusxa .ico { width: 14px; height: 14px; flex: none; color: var(--muted); }
.nusxa:hover, .nusxa:focus-visible { border-color: var(--brand); }
.nusxa.ok { border-style: solid; border-color: var(--good); }
.nusxa.ok .ico { color: var(--good); }
.kopnat .kn { padding: 10px 0; border-top: 1px solid var(--line); }
.kopnat .kn:first-child { border-top: 0; padding-top: 0; }
.kopnat .kn-ism { font-weight: 600; margin-bottom: 6px; }
.kopnat .kn-q { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 10px; align-items: center; justify-items: start; }
/* 57: Odam kartochkasi va BFRO (odam.js) — har rol bitta qator, bosilsa ochiladi; telefonda pastdan chiqadi */
.modal .card.odam-karta { width: min(600px, 100%); }
.odam-karta > .hd { position: sticky; top: 0; z-index: 1; background: var(--surface); padding-bottom: 12px; border-bottom: 1px solid var(--line); flex-wrap: nowrap; }
.od-ism { font-weight: 650; min-width: 0; overflow-wrap: anywhere; }
.odam { padding: 14px 16px 18px; display: flex; flex-direction: column; gap: 12px; }
.od-tepa { display: flex; flex-direction: column; gap: 8px; }
.od-lav { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; font-weight: 600; }
.od-lv { display: inline-flex; align-items: baseline; gap: 4px; padding: 3px 10px; border-radius: 99px; background: var(--brand-soft); color: var(--brand-fg); font-size: 13px; }
.od-lv .hint { color: inherit; opacity: .8; font-weight: 500; }
.od-kont { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; font-size: 13px; }
.od-diq { margin: 0; padding: 10px 14px 10px 30px; background: var(--warn-soft); border-radius: 10px; display: flex; flex-direction: column; gap: 4px; font-size: 13.5px; }
.od-diq li::marker { color: var(--warn); }
.od-roy { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.od-b + .od-b { border-top: 1px solid var(--line); }
.od-q { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 50px; padding: 11px 14px; background: none; border: 0; text-align: left; cursor: pointer; color: var(--ink); }
.od-q:hover, .od-b.och > .od-q { background: var(--surface2); }
.od-n { font-weight: 600; flex: 0 1 auto; min-width: 0; }
.od-v { margin-left: auto; min-width: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: baseline; gap: 2px 6px; text-align: right; }
.od-l { color: var(--muted); font-size: 13px; font-weight: 500; }
.od-ch { flex: none; color: var(--muted); font-size: 20px; line-height: 1; transition: transform .15s; }
.od-b.och .od-ch { transform: rotate(90deg); }
.od-ich { padding: 4px 14px 12px; display: flex; flex-direction: column; }
.od-r { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 5px 0; font-size: 13.5px; }
.od-r .hint { font-size: 13px; }
.od-sar { margin-top: 10px; font-size: 11.5px; font-weight: 650; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.od-h { display: grid; grid-template-columns: 80px minmax(0, 1fr) auto; gap: 10px; align-items: baseline; padding: 7px 0; border-top: 1px solid var(--line); font-size: 13px; }
.od-sar + .od-h { border-top: 0; }
.od-hn { min-width: 0; overflow-wrap: anywhere; }
.od-hamma { margin-top: 8px; font-size: 13px; align-self: flex-start; }
.od-izoh { font-size: 12.5px; line-height: 1.45; }
.od-amal { display: flex; flex-wrap: wrap; gap: 8px; }
.od-yana { display: flex; flex-wrap: wrap; gap: 6px; margin-top: -4px; }
.od-ruy { margin: 6px 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 3px; }
.f.hint > span { display: block; }
.bf-q { text-align: center; padding: 6px 0 0; }
.bf-v { font-size: 32px; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
.bf-oy { text-align: center; font-size: 13.5px; }
details.bf-d > .tblw, details.bf-d > div { padding: 0 12px 10px; }
details.bf-d > button { margin: 0 12px 10px; }
@media (max-width: 560px) {
  .modal.od-qatlam { place-items: end stretch; padding: 0; }
  .modal.od-qatlam .card { width: 100%; max-height: 92vh; max-height: 92dvh; border-radius: 16px 16px 0 0; border-bottom: 0; padding-bottom: env(safe-area-inset-bottom, 0px); }
  .od-h { grid-template-columns: 72px minmax(0, 1fr) auto; gap: 8px; }
  .od-q { padding: 11px 12px; }
  .od-amal > .btn { flex: 1 1 40%; }
  .bf-v { font-size: 28px; }
}
.kpi-btn { display: block; width: 100%; text-align: left; font: inherit; color: inherit; cursor: pointer; }
.kpi-btn:hover { border-color: var(--brand); }
/* 58: maosh to'lovida xodim balansi (formada, tasdiqlash oynasida, pul so'rovida) */
.ybal { border: 1px solid var(--line); border-radius: 10px; padding: 9px 12px; background: var(--surface2); display: flex; flex-direction: column; gap: 4px; font-size: 13.5px; }
.ybal-s { font-weight: 600; font-size: 13px; }
.ybal-q { display: flex; flex-wrap: wrap; gap: 2px 6px; align-items: baseline; }
.ybal-k.ortiq { color: var(--bad); }

/* Farrux 02.11: kassalar rang bilan farqlansin — so'mli hisoblar bir rangda, $ liklar boshqa rangda, Markaziy kassa alohida */
:root { --uzs: #2459A6; --uzs-soft: #EAF1FB; --uzs-line: #BCD0EE; --usd: #1E7A45; --usd-soft: #E6F4EA; --usd-line: #B5DCC1;
        --mrk: #9A5B0C; --mrk-soft: #FCF1DC; --mrk-line: #EBCB8F; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --uzs: #7FB0F0; --uzs-soft: #15233A; --uzs-line: #2B4466; --usd: #63CC8E; --usd-soft: #12291C; --usd-line: #24513A;
  --mrk: #E8B35C; --mrk-soft: #2E2312; --mrk-line: #5C4520; } }
:root[data-theme="dark"] { --uzs: #7FB0F0; --uzs-soft: #15233A; --uzs-line: #2B4466; --usd: #63CC8E; --usd-soft: #12291C; --usd-line: #24513A;
  --mrk: #E8B35C; --mrk-soft: #2E2312; --mrk-line: #5C4520; }
.tile[role=radio] { position: relative; }
.tile.v-uzs { background: var(--uzs-soft); border-color: var(--uzs-line); }
.tile.v-usd { background: var(--usd-soft); border-color: var(--usd-line); }
.tile.k-mrk { background: var(--mrk-soft); border-color: var(--mrk-line); }
.tile.v-uzs .b { color: var(--uzs); } .tile.v-usd .b { color: var(--usd); } .tile.k-mrk .c { color: var(--mrk); }
.tile.v-uzs:hover, .tile.v-uzs.on { border-color: var(--uzs); } .tile.v-uzs.on { box-shadow: inset 0 0 0 1.5px var(--uzs); }
.tile.v-usd:hover, .tile.v-usd.on { border-color: var(--usd); } .tile.v-usd.on { box-shadow: inset 0 0 0 1.5px var(--usd); }
.tile.k-mrk:hover, .tile.k-mrk.on { border-color: var(--mrk); } .tile.k-mrk.on { box-shadow: inset 0 0 0 1.5px var(--mrk); }
.tile[role=radio].on::after { content: '✓'; position: absolute; top: 6px; right: 9px; font-weight: 700; font-size: 13px; color: var(--brand-fg); }
.tile.v-uzs.on::after { color: var(--uzs); } .tile.v-usd.on::after { color: var(--usd); } .tile.k-mrk.on::after { color: var(--mrk); }
.tile[role=radio].on .n { padding-right: 14px; }
.tile .e { font-size: 11.5px; color: var(--muted); font-weight: 600; }
.ybal .ok { color: var(--good); font-weight: 600; }
/* 65: Sheriklar sahifasi — BFRO, sheriklar va investorlar qatorlari, «Amallar» oynasi */
.sh-bfro { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.sh-amallar { display: flex; gap: 8px; flex-wrap: wrap; }
.sh-roy { padding-top: 4px; padding-bottom: 6px; }
.sh-row { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto; gap: 8px 12px; align-items: center; padding: 8px 0; border-top: 1px solid var(--line); }
.sh-row:first-child { border-top: 0; }
.sh-n { all: unset; cursor: pointer; min-width: 0; display: block; font: inherit; color: inherit; }
.sh-n:hover b, .sh-n:focus-visible b { text-decoration: underline; }
.sh-n b { font-weight: 600; }
.sh-b { font-size: 13.5px; font-weight: 600; text-align: right; }
.sh-b.hint { font-weight: 500; }
@media (max-width: 560px) { .sh-row { grid-template-columns: minmax(0, 1fr) auto; } .sh-b { grid-column: 1 / -1; text-align: left; } }
.sh-bal { font-weight: 700; font-size: 17px; margin-bottom: 2px; }
.sh-bal.dn { color: var(--bad); } .sh-bal.up { color: var(--good); }
.sh-tugs { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }
.sh-tug { all: unset; cursor: pointer; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; align-items: center; padding: 10px 12px;
  border: 1px solid var(--line); border-radius: 10px; background: var(--surface, transparent); font: inherit; color: var(--ink, inherit); }
.sh-tug:hover, .sh-tug:focus-visible { border-color: var(--brand); }
.sh-tug.ok { border-color: var(--usd-line); background: var(--usd-soft); }
.sh-tug .sh-tn { font-weight: 600; }
.sh-tug .hint { grid-column: 1; font-size: 12.5px; }
.sh-tug .od-ch { grid-column: 2; grid-row: 1 / span 2; }
.sh-d > summary { padding: 10px 16px; cursor: pointer; font-weight: 600; }
.sh-yordam .pad p { margin: 0 0 8px; font-size: 13.5px; line-height: 1.5; color: var(--muted); }
.sh-yordam .pad p b { color: var(--ink, inherit); }
.tq-r label { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: baseline; }
.dh-s { font: inherit; padding: 6px 8px; border: 1px solid var(--line); border-radius: 8px; background: transparent; color: inherit; }

/* 71: Kartalar va Paynet paneli (Farrux, 03.11.2026) — amal tugmalari: katta, kam tanlov */
.kpanel { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; }
.kp { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; min-width: 0; }
.kp b { font-size: 14px; }
.kp .hint { font-size: 12px; }
.kp .kpi { font-size: 18px; line-height: 1; }
.kp.on { border-color: var(--brand); background: var(--brand-soft); }
.kp:hover { border-color: var(--brand); }
@media (max-width: 420px) { .kpanel { grid-template-columns: 1fr 1fr; } .kp .hint { display: none; } }
/* 72: «Xodim ko'zi bilan» — tepadagi chiziq (asos.js korishBanner) */
#korish { position: sticky; top: 0; z-index: 70; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; background: #4A3B8F; color: #fff;
          font-size: 13.5px; padding: calc(7px + env(safe-area-inset-top, 0px)) 16px 7px; text-align: center; }
#korish .ico { width: 16px; height: 16px; vertical-align: -3px; }
#korish .btn { background: #fff; color: #4A3B8F; border-color: #fff; }
/* 72: ruxsat o'zgarishi oynasi (asos.js ruxsatTasdiq) — «Endi qila oladi / Endi qila olmaydi» */
.rxt-bosh { font-size: 14px; }
.rxt-sar { font-weight: 700; margin: 10px 0 6px; font-size: 13.5px; }
.rxt-sar.ok { color: var(--good); } .rxt-sar.yoq { color: var(--bad); }
.rxt { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.rxt li { display: flex; gap: 8px; align-items: flex-start; font-size: 13.5px; line-height: 1.4; }
.rxt li .pill { flex: none; margin-top: 1px; min-width: 52px; text-align: center; }
.rxt li .hint { font-size: 12.5px; line-height: 1.4; }
.modal.tsd-qatlam .tsd .tsd-matn { max-height: 46vh; max-height: 46dvh; overflow: auto; }
/* 03.11: sinov muhiti chizig'i (config.js sinov: true) */
#sinovband { position: sticky; top: 0; z-index: 71; background: #B45309; color: #fff; font-weight: 700; font-size: 12.5px; letter-spacing: .02em; text-align: center;
             padding: calc(5px + env(safe-area-inset-top, 0px)) 16px 5px; display: flex; gap: 8px 14px; align-items: center; justify-content: center; flex-wrap: wrap; }
#sinovband .sb-kim { font-weight: 500; letter-spacing: 0; display: inline-flex; gap: 6px; align-items: center; }
#sinovband select { font: 500 12.5px var(--font); padding: 3px 6px; border-radius: 6px; border: 0; background: #fff; color: #222; max-width: min(60vw, 320px); }
#sinovband .btn { background: #fff; color: #B45309; border-color: #fff; padding: 3px 10px; min-height: 0; font-size: 12.5px; }