/* YORDAM XIZMATI — help.neokassa.uz (2026-09-27).
   ⛔ Ranglar, shrift va tugmalar — `base.css` dan: ikkinchi dizayn tizimi
   yo'q. Bu yerda faqat shu sahifaning joylashuvi. */

body.help{overflow:auto}
.help-wrap{max-width:1040px;margin:0 auto;padding:24px 16px 48px}

.hp-card{background:#fff;border-radius:16px;padding:20px 22px;margin-bottom:14px}
.hp-brand{font-size:var(--t-3);color:var(--muted)}
.hp-brand b{color:var(--mid);font-weight:var(--w-bold)}

.hp-login{max-width:400px;margin:10vh auto 0}
.hp-login h1{font-size:var(--t-7);margin:6px 0 18px}
.hp-login form{display:grid;gap:8px}
.hp-login label{margin-top:6px}
.hp-login .go,.hp-login .ghost{margin-top:8px}

.hp-note{color:var(--muted);font-size:var(--t-3);padding:8px 2px}
.hp-msg{color:var(--danger);font-size:var(--t-3);min-height:20px}
/* ⛔ Bo‘lim yoki sahifa ochilmadi (2026-10-07): oq ekran o‘rniga — nima
   bo‘ldi va nima qilish kerak. `.hp-boot` 8 s yashirin: sekin internetda
   hali yuklanayotgan sahifaga «ochilmadi» deb qo‘rqitmasin. */
.hp-broken,.hp-boot{display:grid;gap:8px;justify-items:start;max-width:520px;
  background:#fff;border-radius:16px;padding:20px 22px;font-size:var(--t-3);line-height:1.5}
.hp-broken b,.hp-boot b{font-size:var(--t-4);font-weight:var(--w-bold)}
.hp-broken span,.hp-boot span{color:var(--muted)}
.hp-broken .go{width:auto;padding:0 22px;margin-top:4px}
.hp-boot{margin:10vh auto 0;opacity:0;animation:hp-boot-in .2s 8s forwards}
@keyframes hp-boot-in{to{opacity:1}}

.hp-warn{background:#fdf3f2;border-radius:12px;padding:12px 14px;
  color:var(--danger);font-size:var(--t-3);margin-bottom:10px}

.hp-tab{border:0;background:transparent;border-radius:10px;padding:10px 14px;
  font:inherit;font-weight:var(--w-mid);color:var(--muted);min-height:var(--tap)}
.hp-tab.on{background:var(--soft);color:var(--mid)}

/* Sahifa endi to‘liq enda (chap panel) — maydon o‘zi cheklanadi (DIZAYN 5.3) */
.hp-search{display:flex;gap:10px;margin-bottom:14px;max-width:760px}
.hp-search input{flex:1;font-size:var(--t-4)}

.hp-row{display:grid;grid-template-columns:1.3fr 1.5fr 1fr auto auto;gap:12px;
  align-items:center;width:100%;border:0;background:#fff;border-radius:12px;
  padding:14px 16px;margin-bottom:8px;font:inherit;text-align:left;cursor:pointer;
  min-height:var(--tap)}
.hp-row:hover{box-shadow:var(--ring)}
.hp-kind{font-weight:var(--w-bold);min-width:0;overflow-wrap:anywhere}
.hp-sub-kind{display:block;color:var(--muted);font-size:var(--t-2);font-weight:var(--w-text)}
.hp-where,.hp-when{color:var(--muted);font-size:var(--t-3)}

.hp-st{font-size:var(--t-2);font-weight:var(--w-mid);border-radius:8px;padding:3px 8px;
  white-space:nowrap}
.hp-st.ok{background:#e8f7ee;color:var(--ok)}
.hp-st.wait{background:#f1f3f6;color:var(--muted)}
.hp-st.bad{background:#fdf3f2;color:var(--danger)}

.hp-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.hp-head > div{flex:1}
.hp-head .hp-kind{font-size:var(--t-6);line-height:var(--lh-tight)}
.hp-total{font-size:var(--t-6)}
.hp-infos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.hp-info{background:#f6f7f9;border-radius:10px;padding:8px 12px;min-width:0}
.hp-info span{display:block;color:var(--muted);font-size:var(--t-2)}
.hp-info b{font-weight:var(--w-mid);overflow-wrap:anywhere}
.hp-sub{margin:16px 0 6px;color:var(--muted);font-size:var(--t-3)}
.hp-line{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:6px 0}
.hp-q{color:var(--muted);font-size:var(--t-3);white-space:nowrap}
.hp-acts{margin-top:16px;display:grid;gap:8px;max-width:440px}

.hp-shop{display:grid;grid-template-columns:1.6fr .8fr 1.2fr auto;gap:12px;
  align-items:center;padding:10px 0}
.hp-shop-head{color:var(--muted);font-size:var(--t-2)}

/* ── CHAP PANEL (egasining surati, 2026-10-30: «Ofisni ham chap panelida
   o‘ziga xos panellar bo‘lish kerak») ─────────────────────────────────
   Asosiy ilovaning yon paneli bilan bir xil (shell.css): 232px, oq, o‘ng
   chetida yupqa chiziq; bo‘lim — ikonka + nom, tanlangani och ko‘k
   yostiq; pastda ism va «Chiqish». ⛔ Sahifa eni cheklanmaydi (DIZAYN 5.8):
   ilgari 1040px o‘rtada turardi, chap va o‘ng bo‘sh tasma edi.
   Telefonda (< 820, shell.css bilan bir chegara) — bo‘limlar PASTKI
   qatorda (barmoq yetadi), nom va «Chiqish» tepada. */
.help-wrap.hp-has-rail{max-width:none;margin:0;padding:0;min-height:100vh;
  display:grid;grid-template-columns:232px minmax(0,1fr)}
.hp-rail{position:sticky;top:0;height:100vh;box-sizing:border-box;overflow-y:auto;
  display:flex;flex-direction:column;gap:2px;padding:16px 10px;
  background:var(--glass);border-right:1px solid var(--line)}
.hp-rail .hp-brand{padding:8px 12px 16px}
.hp-nav{display:flex;flex-direction:column;gap:2px}
.hp-nav-btn,.hp-out{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;
  border:0;border-radius:12px;background:none;font:inherit;font-size:var(--t-3);
  font-weight:var(--w-mid);color:var(--ink);cursor:pointer;text-align:left}
.hp-nav-btn:hover,.hp-out:hover{background:#f1f3f6}
.hp-nav-btn.on{background:var(--soft);color:var(--mid)}
.hp-nav-btn .ic,.hp-out .ic{flex:0 0 auto}
.hp-rail-foot{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding-top:12px}
.hp-rail-foot .hp-me{text-align:left;padding:6px 12px}
.hp-out{color:var(--muted)}
.hp-main{min-width:0;padding:24px 28px 48px}

@media (max-width:819.98px){
  .help-wrap.hp-has-rail{grid-template-columns:auto minmax(0,1fr);align-content:start;
    padding:10px 16px calc(80px + env(safe-area-inset-bottom))}
  /* Panel qutisi yo‘qoladi — ichidagilar sahifa to‘riga tushadi */
  .hp-rail{display:contents}
  /* Surat (390): «NeoKassa · Ofis» ikki qatorga sinardi — sarlavha bir
     qatorda, lavozim telefonda yo‘q (profilda bor), uzun ism «…» */
  .hp-rail .hp-brand{grid-column:1;grid-row:1;align-self:center;padding:0;white-space:nowrap}
  .hp-rail-foot{grid-column:2;grid-row:1;flex-direction:row;align-items:center;
    justify-content:flex-end;min-width:0;margin:0;padding:0;gap:2px}
  .hp-rail-foot .hp-me{text-align:right;padding:4px 8px;min-width:0;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hp-rail-foot .hp-role{display:none}
  .hp-out{flex:0 0 auto}
  .hp-out{padding:0 10px;gap:6px}
  .hp-main{grid-column:1 / -1;grid-row:2;padding:14px 0 0}
  .hp-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;flex-direction:row;gap:0;
    background:var(--glass);border-top:1px solid var(--line);
    padding-bottom:env(safe-area-inset-bottom)}
  /* Teng bo‘lak, ikonka ustida nom — asosiy ilovaning pastki qatori */
  .hp-nav-btn{flex:1 1 0;min-width:44px;flex-direction:column;justify-content:center;
    gap:3px;padding:8px 0;border-radius:0;font-size:var(--t-1);
    font-weight:var(--w-text);color:var(--muted)}
  .hp-nav-btn:hover,.hp-nav-btn.on{background:none}
  .hp-nav-btn.on{color:var(--mid)}
}

@media (max-width:640px){
  .hp-row{grid-template-columns:1fr auto}
  .hp-row .hp-where,.hp-row .hp-when{grid-column:1}
  .hp-shop{grid-template-columns:1fr auto}
  .hp-shop-head{display:none}
}

/* ⛔ SURATDA TOPILDI (2026-09-27): `.ghost` va `textarea` kassada faqat
   aniq joylarda bezalgan — bu sahifada brauzerning xom tugmasi va
   qora ramkali «mashinka» maydoni chiqdi. Shu sahifaga o'z qoidasi. */
.help .ghost{width:100%;min-height:var(--tap);border:0;border-radius:10px;
  background:#f1f3f6;color:var(--ink);font:inherit;font-weight:var(--w-mid);cursor:pointer}
.help .ghost:hover{background:#e9ecf1}
.help .danger-text{color:var(--danger)}
.help textarea{width:100%;padding:12px 14px;border:0;border-radius:10px;
  background:var(--field);font:inherit;font-size:var(--t-3);resize:vertical}
.help textarea:focus{outline:none;background:var(--field-on);box-shadow:var(--ring)}
.help .go.danger{background:var(--danger)}
/* «Topish» — maydon yonida o'z kengligida, yarim ekranga cho'zilmaydi */
.hp-search .go{width:auto;flex:0 0 auto;margin-top:0;padding:0 28px;height:var(--tap)}

/* ── Xodimlar va jurnal (2026-09-27, rollar) ─────────────────── */
.hp-role{display:block;font-size:var(--t-2);color:var(--muted)}
.hp-me{text-align:right;border:0;background:transparent;font:inherit;color:var(--ink);
  cursor:pointer;border-radius:10px;padding:6px 10px;min-height:var(--tap)}
.hp-me:hover{background:#f1f3f6}
.hp-name{border:0;background:transparent;padding:0;font:inherit;font-weight:var(--w-bold);
  color:var(--ink);cursor:pointer;text-align:left;display:block}
.hp-name:hover{color:var(--mid)}
.hp-profile{max-width:760px}
.hp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.hp-stats div{background:#f6f7f9;border-radius:12px;padding:10px 12px;display:grid}
.hp-stats b{font-size:var(--t-6);font-weight:var(--w-head);font-variant-numeric:tabular-nums}
.hp-stats span{color:var(--muted);font-size:var(--t-2)}
.hp-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.hp-bar select{width:auto;min-width:220px}
.help .hp-add{width:auto;margin-left:auto;padding:0 22px;height:var(--tap)}
.hp-ok{color:var(--ok);font-size:var(--t-3);min-height:0;margin-bottom:8px}
.hp-ok:empty{display:none}

/* ⛔ Ustunlar QAT'IY kenglikda: «Faol» va tugma har qatorda bir joyda
   (surat: `auto` da tugmasiz qatorda «Faol» o'ngga surilib ketdi) */
.hp-person{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1.2fr) 96px 150px;
  gap:12px;align-items:center;padding:10px 0}
.hp-person > .hp-st{justify-self:start}
.hp-person.off .hp-who b,.hp-person.off .hp-name{color:var(--muted)}
.hp-who{min-width:0}
.hp-who b{display:block;font-weight:var(--w-bold)}
.hp-rights{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.hp-chip{background:#f1f3f6;border-radius:8px;padding:3px 8px;font-size:var(--t-2);
  color:var(--mid);white-space:nowrap}
.help .hp-more{padding:0 16px}
.hp-edit{background:#f6f7f9;border-radius:12px;padding:12px 14px 14px;margin:0 0 10px;
  display:grid;gap:8px;max-width:560px}
.hp-edit input{background:#fff}

.hp-form h2{font-size:var(--t-5);font-weight:var(--w-bold);margin:0 0 12px}
.hp-form form{display:grid;gap:8px;max-width:520px}
.hp-form label{margin-top:4px}
.hp-seg{display:flex;gap:8px;flex-wrap:wrap}
.hp-seg label,.hp-check{display:flex;align-items:center;gap:10px;min-height:var(--tap);
  margin:0;padding:0 14px;border-radius:10px;background:#f1f3f6;cursor:pointer;
  font-size:var(--t-3);color:var(--ink)}
.hp-danger{display:grid;gap:8px}
.hp-checks{display:flex;flex-wrap:wrap;gap:8px}
/* ⛔ `base.css` HAR `input` ga 100% kenglik va 44px balandlik beradi —
   katakcha va tugmacha cho'zilib ketmasin */
.help input[type=checkbox],.help input[type=radio]{width:20px;height:20px;padding:0;
  flex:0 0 auto;accent-color:var(--mid);box-shadow:none;background:none}
.hp-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hp-two .go{margin-top:0}

.hp-log{display:grid;grid-template-columns:150px 1fr 1.2fr 2fr;gap:12px;padding:8px 0;
  align-items:baseline}
.hp-log b{font-weight:var(--w-mid)}
.hp-log .hp-where{overflow-wrap:anywhere;min-width:0}

/* ── Murojaatlar (2026-09-29, yordam markazi 1-bosqich) ─────── */
.hp-st.warn{background:#fdf2e1;color:var(--warn)}
.hp-st.done{background:#f1f3f6;color:var(--muted)}
.hp-filter .hp-tab{background:#fff}
.hp-filter .hp-tab.on{background:var(--soft)}
/* ⛔ Ustunlar qat'iy: muhimlik va holat har qatorda bir joyda */
.hp-tk{display:grid;grid-template-columns:110px minmax(0,2fr) minmax(0,1fr) 190px minmax(0,1.2fr);
  gap:12px;align-items:center;width:100%;border:0;background:transparent;padding:12px 0;
  font:inherit;text-align:left;cursor:pointer;min-height:var(--tap)}
.hp-tk + .hp-tk{border-top:1px solid #f1f3f6}
.hp-tk > .hp-st{justify-self:start}
.hp-tk-what{min-width:0}
.hp-tk-what b{display:block;font-weight:var(--w-bold);overflow-wrap:anywhere}
.help .hp-back{width:auto;padding:0 16px}
.hp-tk-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;
  align-items:start}
.hp-tk-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hp-tk-main .hp-seg .hp-tab{background:#f1f3f6}
.hp-tk-main .hp-seg .hp-tab.on{background:var(--soft)}
.help .hp-take{width:auto;padding:0 18px;margin-top:12px}
.hp-tk-main .hp-ok{margin-top:10px}
/* ⛔ Ogohlantirish SARIQ (NORMALAR N3) — yashil «hammasi joyida» deb aldardi */
.hp-tk-main .hp-warn{margin:10px 0 0;background:#fdf2e1;color:var(--warn)}
.hp-tk-main .hp-warn:empty{display:none}
.hp-lane{display:grid;gap:8px}
.hp-bubble{border-radius:12px;padding:10px 12px;font-size:var(--t-3);max-width:85%;
  white-space:pre-wrap;overflow-wrap:anywhere}
.hp-bubble.in{background:#f1f3f6;justify-self:start}
.hp-bubble.out{background:var(--soft);justify-self:end}
.hp-mode .hp-tab{background:#f1f3f6}
.hp-mode .hp-tab.on{background:var(--soft)}
/* Javob rejimida maydon ko'kish — «bu do'konga ketadi» ko'rinib tursin */
.hp-compose.is-reply textarea{background:var(--soft)}
.hp-st.expert{background:#efeafd;color:#5b3fc4}
.hp-acts-row{display:flex;gap:8px;flex-wrap:wrap}
.hp-acts-row:empty{display:none}
.hp-ask{margin-top:10px}
.hp-ev{color:var(--muted);font-size:var(--t-2);padding:2px 0}
/* ⛔ Sariq — «do'kon ko'rmaydi». Rang ma'no: boshqa joyda ishlatilmaydi */
.hp-memo{background:#fff6d6;color:#5c4700;border-radius:12px;padding:10px 12px;
  font-size:var(--t-3);white-space:pre-wrap;overflow-wrap:anywhere}
.hp-memo-who{display:block;font-size:var(--t-2);font-weight:var(--w-mid);margin-bottom:2px}
.hp-compose{display:grid;gap:8px;margin-top:14px}
.hp-compose .go{margin-top:0}
.hp-shopcard .hp-memo{margin-bottom:8px}
.hp-shopcard .hp-infos{margin-top:12px}

@media (max-width:640px){
  .hp-tk{grid-template-columns:1fr auto}
  .hp-tk > .hp-st:first-child{grid-row:1;grid-column:2}
  .hp-tk .hp-tk-what{grid-row:1;grid-column:1}
  .hp-tk > .hp-where,.hp-tk > .hp-st{grid-column:1 / -1;justify-self:start}
  .hp-tk-grid{grid-template-columns:1fr}
  .hp-stats{grid-template-columns:1fr 1fr}
  .hp-person{grid-template-columns:1fr auto}
  .hp-person .hp-rights{grid-column:1 / -1}
  .hp-person > .hp-st{grid-row:1;grid-column:2}
  .hp-person .hp-more{grid-column:1 / -1}
  .hp-tab{padding:10px 10px;white-space:nowrap}
  .hp-log{grid-template-columns:1fr auto}
  .hp-log .hp-where{grid-column:1 / -1}
  .hp-two{grid-template-columns:1fr}
}

/* ── Do‘konlar: ro‘yxat, «Yangi do‘kon», havola, karta (C/D, 2026-10-07) ──
   Namuna — dizayn/filial-subdomen/c1…c4. ⛔ SAVDOSIZ (egasi, 2026-10-07):
   faollik va ochiq kassa — do‘kon tirikmi, puli emas */
.hs-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;
  margin:0 0 12px}
.help .hs-new{width:auto;margin:0;padding:0 20px;height:var(--tap)}
.hs-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
.hs-tiles.hs-in{margin:14px 0 0}
.hs-tile{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 16px;
  border-radius:16px;background:#fff}
.hs-in .hs-tile{background:#f6f7f9}
.hs-tile > span{font-size:var(--t-2);color:var(--muted)}
.hs-tile > b{font-size:var(--t-5);font-weight:var(--w-bold);font-variant-numeric:tabular-nums}
.hs-gauge{position:relative;height:10px;border-radius:999px;background:#f1f3f6;overflow:hidden}
.hs-gauge i{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--ok)}
/* Faollik: yashil nuqta — 24 soat ichida, kulrang — eski yoki hech qachon */
.hs-seen{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-3);color:var(--muted)}
.hs-seen i{flex:none;width:8px;height:8px;border-radius:50%;background:#c3cad6}
.hs-seen.on{color:var(--ink)}
.hs-seen.on i{background:var(--ok)}
.hs-share{display:flex;gap:2px;height:10px;border-radius:999px;overflow:hidden;
  background:#f1f3f6}
.hs-share span{display:block;min-width:3px}
.hs-share .ok,.hs-legend i.ok{background:var(--ok)}
.hs-share .warn,.hs-legend i.warn{background:var(--warn)}
.hs-share .bad,.hs-legend i.bad{background:var(--danger)}
.hs-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:var(--t-2);
  color:var(--muted)}
.hs-legend i{display:inline-block;width:8px;height:8px;border-radius:3px;margin-left:4px}
.hs-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) 160px;gap:12px;
  align-items:center;width:100%;min-height:var(--tap);padding:10px 0;border:0;
  background:transparent;font:inherit;color:var(--ink);text-align:left;cursor:pointer}
.hs-row + .hs-row{border-top:1px solid #f1f3f6}
.hs-row > .hp-st{justify-self:start}
.hs-row b{font-weight:var(--w-bold);min-width:0;overflow-wrap:anywhere}
.hs-row b small{display:block;font-size:var(--t-2);color:var(--muted);
  font-weight:var(--w-text)}
.hs-head{color:var(--muted);font-size:var(--t-2);cursor:default}
.hs-steps{display:flex;gap:6px;margin:0 0 14px;padding:0;list-style:none}
.hs-step{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;
  border-radius:12px;background:#f1f3f6;font-size:var(--t-2);color:var(--muted)}
.hs-step span{flex:none;width:22px;height:22px;border-radius:50%;display:grid;
  place-items:center;background:#fff;font-weight:var(--w-mid);font-size:var(--t-1)}
.hs-step.done{background:#e8f7ee;color:var(--ok)}
.hs-step.done span{background:var(--ok);color:#fff}
.hs-step.now{background:var(--soft);color:var(--link);font-weight:var(--w-mid)}
.hs-step.now span{background:var(--mid);color:#fff}
.hs-form{max-width:560px}
.hs-form h2{font-size:var(--t-5);font-weight:var(--w-bold);margin:0 0 12px}
.hs-form form{display:grid;gap:6px}
.hs-form label{margin-top:6px}
.hs-host{display:flex;align-items:center;border-radius:10px;background:var(--field)}
.hs-host input{flex:1;min-width:0;background:transparent;box-shadow:none}
.hs-host span{padding:0 12px;color:var(--muted);font-size:var(--t-3);white-space:nowrap}
.hs-host.bad{box-shadow:inset 0 0 0 1.5px var(--danger)}
.hs-host.ok{box-shadow:inset 0 0 0 1.5px var(--ok)}
.hs-ok{color:var(--ok)}
.hs-pick{border:0;background:none;padding:0;font:inherit;color:var(--link);
  font-weight:var(--w-mid);cursor:pointer;min-height:var(--tap)}
.hs-hero{display:flex;flex-direction:column;gap:4px;margin:0 0 14px;padding:18px 20px;
  border-radius:16px;color:#fff;background:linear-gradient(135deg,#0c7a55,#12996b 55%,#3fb489)}
.hs-hero b{font-size:var(--t-6);font-weight:var(--w-head)}
.hs-hero > span:last-child{font-size:var(--t-2);opacity:.9}
.hs-pill{align-self:flex-start;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.2);
  font-size:var(--t-2);font-weight:var(--w-mid)}
.hs-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:center;
  margin:0 0 6px;padding:12px 14px;border-radius:14px;background:#f6f7f9}
.hs-link-t{grid-column:1 / -1}
.hs-link-t b{display:block;font-weight:var(--w-mid)}
.hs-link-t small{color:var(--muted);font-size:var(--t-2)}
.hs-url{font-size:var(--t-2);background:#fff}
.help .hs-copy{width:auto;margin:0;padding:0 18px;height:var(--tap)}
.hs-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hs-title h2{margin:0;font-size:var(--t-6);font-weight:var(--w-bold)}
[data-d] .hp-check{margin:0 0 8px}
[data-d] .hs-new{margin-top:4px}
/* ── Y1: saralash va «Ishga tushish»; Y2: murojaatlar (egasi «Tavsiya») ── */
.hs-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.hs-chip{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:0 14px;
  border:0;border-radius:999px;background:#fff;font:inherit;font-size:var(--t-3);
  color:var(--ink);font-weight:var(--w-mid);cursor:pointer}
.hs-chip b{font-weight:var(--w-bold)}
.hs-chip.on{background:var(--soft);color:var(--mid)}
.hs-chip.warn b{color:var(--warn)}
.hs-row{grid-template-columns:minmax(0,1.5fr) 170px minmax(0,1.2fr) 160px}
.hs-ready{display:flex;align-items:center;gap:8px;font-size:var(--t-2);color:var(--muted);
  font-variant-numeric:tabular-nums;white-space:nowrap}
.hs-ready .hs-gauge{width:70px;height:8px}
.hs-ready .hs-gauge i,.hs-start-g i{background:var(--mid)}
.hs-ready.low .hs-gauge i{background:var(--warn)}
.hs-ready b{color:var(--ink);font-weight:var(--w-mid)}
.hs-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.hs-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}
.hs-sec-head h2{margin:0;font-size:var(--t-5);font-weight:var(--w-bold)}
.hs-sec-head span{font-size:var(--t-2);color:var(--muted)}
.hs-big{display:flex;align-items:baseline;gap:10px;margin:0 0 8px}
.hs-big b{font-size:var(--t-6);font-weight:var(--w-head);font-variant-numeric:tabular-nums;
  white-space:nowrap}
.hs-big span{color:var(--muted);font-size:var(--t-3)}
.hs-big.help span{color:var(--warn);font-weight:var(--w-mid)}
.hs-start-g{margin:0 0 14px}
.hs-items{display:grid;gap:8px}
.hs-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;
  background:#f6f7f9;line-height:1.4}
.hs-mark{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;
  font-weight:var(--w-bold)}
.hs-mark.ok{background:#e8f7ee;color:var(--ok)}
.hs-mark.no{background:#fdf2e1;color:var(--warn)}
.hs-txt{flex:1;min-width:0;font-weight:var(--w-mid)}
.hs-txt small{display:block;font-size:var(--t-2);color:var(--muted);font-weight:var(--w-text)}
.hs-tk{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:10px;align-items:center;
  width:100%;min-height:var(--tap);padding:10px 0;border:0;background:transparent;font:inherit;
  font-size:var(--t-3);color:var(--ink);text-align:left;cursor:pointer}
.hs-tk + .hs-tk{border-top:1px solid #f1f3f6}
.hs-tk code{font:inherit;color:var(--muted);font-size:var(--t-2)}
.hs-tk small{display:block;color:var(--muted);font-size:var(--t-2)}
.help .hs-add{width:auto;padding:0 16px;margin:8px 0 0;display:inline-flex;align-items:center;gap:6px}
[data-talk] form{display:grid;gap:6px}
/* Tugma o‘z enida (DIZAYN 5.3) — grid uni butun enga cho‘zardi (surat) */
[data-talk] form .hs-add{justify-self:start}
[data-talk] .hp-memo{margin-bottom:8px}
@media (max-width:640px){
  /* Karta ichida: «20 daqiqa oldin» katta harfda uch qatorga sinardi */
  .hs-in .hs-tile > b{font-size:var(--t-3)}
  .hs-tiles{gap:8px}
  .hs-tile{padding:10px 12px;border-radius:14px}
  .hs-tile > b{font-size:var(--t-4)}
  .hs-tile .hs-legend,.hs-tile > span:last-child:not(:first-child){display:none}
  .hs-row{grid-template-columns:minmax(0,1fr) auto}
  .hs-head{display:none}
  /* ⛔ Uch qavat: nom | holat, ostida tayyorlik, ostida faollik — faollik
     ikkinchi ustunga tushsa nom siqilib «Miss / Ferena» bo‘lardi (namuna) */
  .hs-row{grid-template-areas:"name st" "rd rd" "seen seen";row-gap:6px}
  .hs-row > b{grid-area:name}
  .hs-row > .hp-st{grid-area:st}
  .hs-row > .hs-ready{grid-area:rd}
  .hs-row > .hs-seen{grid-area:seen;font-size:var(--t-2)}
  .hs-cols{grid-template-columns:1fr}
  .hs-tk{grid-template-columns:minmax(0,1fr) auto}
  .hs-tk code{display:none}
  /* Sarlavha yashirin — birinchi qator ustida chiziq qolmasin (surat) */
  .hs-head + .hs-row{border-top:0}
  .hs-steps{flex-direction:column}
  .hs-link{grid-template-columns:1fr}
  .help .hs-copy{width:100%}
}
/* ── Obuna (2026-10-27, `help_billing.js`): holat, hisob, raqamlar, tarix ──
   ⛔ `hb-` — o‘z sinflari: `.hs-tile` ning telefondagi «ostki yozuv yashirin»
   qoidasi bu yerga oqmasin — hisob ostidagi «3 oyga yetadi» telefonda ham kerak */
.hb-head{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;margin:0 0 10px}
.hb-head h2{margin:0;font-size:var(--t-5);font-weight:var(--w-bold)}
.hb-nums{margin-left:auto;color:var(--muted);font-size:var(--t-3)}
.hb-nums b{color:var(--ink);font-weight:var(--w-bold);font-variant-numeric:tabular-nums;
  letter-spacing:.02em}
.hb-line{border-radius:12px;padding:10px 14px;margin:0 0 12px;font-size:var(--t-3);
  background:#f6f7f9;color:var(--ink)}
.hb-line.warn{background:#fdf2e1;color:var(--warn);font-weight:var(--w-mid)}
.hb-line.bad{background:#fdf3f2;color:var(--danger);font-weight:var(--w-mid)}
.hb-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hb-tile{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 16px;
  border-radius:16px;background:#f6f7f9}
.hb-tile > span{font-size:var(--t-2);color:var(--muted)}
.hb-tile > b{font-size:var(--t-5);font-weight:var(--w-bold);font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere}
.hb-tile > b.hb-neg{color:var(--danger)}
.hb-note{margin:12px 0 0;font-size:var(--t-3);color:var(--link)}
.hb-acts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.help .hb-acts .ghost{width:auto;margin:0;padding:0 16px;height:var(--tap)}
.hb-form{display:grid;gap:6px;max-width:480px;margin:14px 0 0;padding:16px;border-radius:16px;
  background:#f6f7f9}
.hb-form h3{margin:0 0 4px;font-size:var(--t-4);font-weight:var(--w-bold)}
.hb-form label{margin-top:4px}
.hb-form input:not([type=radio]){background:#fff}
.hb-seg{display:flex;gap:6px}
.hb-seg label{display:inline-flex;align-items:center;gap:8px;margin:0;min-height:var(--tap);
  padding:0 14px;border-radius:10px;background:#fff;font-weight:var(--w-mid);cursor:pointer}
.hb-btns{display:flex;gap:8px}
.help .hb-btns button{width:auto;margin:0;padding:0 20px;height:var(--tap)}
.hb-sub{margin:18px 0 6px;font-size:var(--t-4);font-weight:var(--w-bold)}
.hb-list{display:grid;gap:4px}
.hb-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:8px 12px;border-radius:12px;background:#f6f7f9}
.hb-what{min-width:0;font-weight:var(--w-mid);overflow-wrap:anywhere}
.hb-what small{display:block;color:var(--muted);font-size:var(--t-2);font-weight:var(--w-text)}
.hb-sum{font-weight:var(--w-bold);font-variant-numeric:tabular-nums;white-space:nowrap}
.hb-sum.in{color:var(--ok)}
@media (max-width:640px){
  .hb-nums{margin-left:0;flex-basis:100%}
  .hb-tiles{grid-template-columns:1fr;gap:8px}
  .hb-tile{padding:10px 12px;border-radius:14px}
  .hb-tile > b{font-size:var(--t-4)}
  .hb-btns button,.help .hb-acts .ghost{flex:1 1 auto;white-space:nowrap;padding:0 12px}
}