/* ═══════════════════════════════════════════════════════════════
   ЎҚУВЧИЛАР СЎРОВНОМАСИ — ҳудудлар кесимида (sorov_blocks.js) услуби.
   Карта рамкаси ва сарлавҳа тасмаси — асосий планшет ва targ.css дан;
   бу ерда фақат қамров рейтинги, иссиқлик жадвали ва жавоблар тасмаси.
   Барча ўлчовлар --u да (1u = варақ энининг 1%).
   ═══════════════════════════════════════════════════════════════ */
:root{--sv-hi:#1B8E52; --sv-lo:#C62F2F; --sv-ref:#103760}

/* ── ҚАМРОВ РЕЙТИНГИ ── */
.srank{display:flex; flex-direction:column; gap:calc(var(--u)*.3); flex:1; min-height:0}
.sr-list{flex:1; min-height:0; display:flex; flex-direction:column; justify-content:space-evenly; gap:calc(var(--u)*.10)}
.sr-r{--c:var(--sv-hi); display:grid; grid-template-columns:calc(var(--u)*1.25) minmax(0,auto) minmax(calc(var(--u)*4),1fr) auto;
  align-items:center; column-gap:calc(var(--u)*.3); font-size:calc(var(--u)*.88); line-height:1.05}
.sr-r.lo{--c:var(--sv-lo)}
.sr-k{width:calc(var(--u)*1.25); height:calc(var(--u)*1.25); border-radius:50%; display:grid; place-items:center;
  background:var(--c); color:#fff; font-weight:800; font-size:calc(var(--u)*.66)}
.sr-l{font-weight:700; color:var(--tg-ink); white-space:nowrap; min-width:calc(var(--u)*6.4)}
.sr-t{position:relative; height:calc(var(--u)*.78); background:#E9F0F8; border-radius:calc(var(--u)*.2)}
.sr-t i{display:block; height:100%; border-radius:calc(var(--u)*.2); background:linear-gradient(90deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c))}
/* вилоят кўрсаткичи — ҳар қатордаги бўлак бирлашиб узлуксиз чизиқ ҳосил қилади */
.sr-t::after{content:""; position:absolute; left:var(--ref); top:calc(var(--u)*-.26); bottom:calc(var(--u)*-.26);
  border-left:calc(var(--u)*.1) dashed var(--sv-ref)}
.sr-v{font-size:calc(var(--u)*1.0); font-weight:900; color:var(--c); white-space:nowrap; min-width:calc(var(--u)*3.2); text-align:right}
.sr-lg{display:flex; flex-wrap:wrap; gap:calc(var(--u)*.2) calc(var(--u)*.6); font-size:calc(var(--u)*.76); color:var(--tg-mut); font-weight:600;
  border-top:calc(var(--u)*.04) dashed var(--tg-line); padding-top:calc(var(--u)*.22)}
.sr-lg span{display:inline-flex; align-items:center; gap:calc(var(--u)*.2); white-space:nowrap}
.sr-lg b{color:var(--sv-ref); font-weight:900}
.sr-lg .sw{display:inline-block; width:calc(var(--u)*.9); height:calc(var(--u)*.5); border-radius:calc(var(--u)*.12)}
.sr-lg .sw.hi{background:var(--sv-hi)} .sr-lg .sw.lo{background:var(--sv-lo)}
.sr-lg .sw.ref{width:0; height:calc(var(--u)*.8); border-left:calc(var(--u)*.1) dashed var(--sv-ref); border-radius:0}

/* ── ИССИҚЛИК ЖАДВАЛИ ── */
.sheat{display:flex; flex-direction:column; gap:calc(var(--u)*.28); flex:1; min-height:0}
.sh-t{flex:1; width:100%; height:100%; border-collapse:separate; border-spacing:calc(var(--u)*.08); table-layout:fixed}
.sh-t th{background:linear-gradient(180deg,#1E4E8C,#143C73); color:#fff; font-weight:700; border-radius:calc(var(--u)*.2);
  padding:calc(var(--u)*.14) calc(var(--u)*.2); vertical-align:middle}
.sh-t th.key{background:linear-gradient(180deg,#A82525,#7E1414)}
.sh-t th.sh-d{width:24%; text-align:left; font-size:calc(var(--u)*.8)}
.sh-h{display:flex; flex-direction:column; align-items:center; text-align:center; gap:calc(var(--u)*.06)}
.sh-ic{font-size:calc(var(--u)*1.1); color:#fff}
.sh-qn{font-size:calc(var(--u)*.62); font-weight:800; letter-spacing:.5px; text-transform:uppercase; opacity:.85}
.sh-l{font-size:calc(var(--u)*.76); line-height:1.1}
.sh-t td{text-align:center; font-size:calc(var(--u)*.94); font-weight:800; color:var(--tg-ink); border-radius:calc(var(--u)*.16);
  padding:0 calc(var(--u)*.2); white-space:nowrap; line-height:1}
.sh-t td.dk{color:#fff}
.sh-t td.key{box-shadow:inset 0 0 0 calc(var(--u)*.06) rgba(16,55,96,.35)}
.sh-t td.sh-d{text-align:left; font-size:calc(var(--u)*.86); font-weight:700; background:#F3F7FC; white-space:nowrap}
.sh-k{display:inline-grid; place-items:center; width:calc(var(--u)*1.1); height:calc(var(--u)*1.1); margin-right:calc(var(--u)*.3);
  border-radius:50%; background:#DCE8F6; color:var(--tg-navy); font-size:calc(var(--u)*.6); font-weight:800; vertical-align:middle}
.sh-t tfoot td{background:var(--tg-navy) !important; color:#fff; font-weight:900; padding-top:calc(var(--u)*.16); padding-bottom:calc(var(--u)*.16)}
.sh-t tfoot td.sh-d{background:var(--tg-navy) !important; letter-spacing:.3px}
.sh-lg{display:flex; align-items:center; flex-wrap:wrap; gap:calc(var(--u)*.2) calc(var(--u)*.4); font-size:calc(var(--u)*.76); color:var(--tg-mut); font-weight:600}
.sh-grad{display:inline-block; width:calc(var(--u)*9); height:calc(var(--u)*.55); border-radius:calc(var(--u)*.15);
  background:linear-gradient(90deg,rgba(198,47,47,.8),rgba(198,47,47,.08) 48%,rgba(27,142,82,.08) 52%,rgba(27,142,82,.8))}
.sh-lg em{font-style:normal; margin-left:auto}

/* ── ЖАВОБЛАР ТАСМАСИ ── */
.sstack{display:flex; flex-direction:column; gap:calc(var(--u)*.24); flex:1; min-height:0}
.ss-lg{display:flex; flex-wrap:wrap; gap:calc(var(--u)*.15) calc(var(--u)*.6); font-size:calc(var(--u)*.84); color:var(--tg-ink); font-weight:600}
.ss-lg span{display:inline-flex; align-items:center; gap:calc(var(--u)*.22); white-space:nowrap}
.ss-lg i{display:inline-block; width:calc(var(--u)*.7); height:calc(var(--u)*.7); border-radius:calc(var(--u)*.14)}
.ss-lg b{font-weight:900}
.ss-hd,.ss-r{display:grid; grid-template-columns:calc(var(--u)*7) minmax(0,1fr) calc(var(--u)*3.4); column-gap:calc(var(--u)*.35); align-items:center}
.ss-hd{font-size:calc(var(--u)*.66); font-weight:800; letter-spacing:.4px; text-transform:uppercase; color:var(--tg-mut)}
.ss-hd span:last-child{text-align:right; color:var(--sv-lo)}
.ss-list{flex:1; min-height:0; display:flex; flex-direction:column; justify-content:space-evenly; gap:calc(var(--u)*.08)}
.ss-l{font-size:calc(var(--u)*.86); font-weight:700; color:var(--tg-ink); white-space:nowrap}
.ss-b{display:flex; height:calc(var(--u)*.92); border-radius:calc(var(--u)*.2); overflow:hidden; gap:calc(var(--u)*.04)}
.ss-b i{display:flex; align-items:center; justify-content:center; min-width:0; overflow:hidden; font-style:normal}
.ss-b span{color:#fff; font-size:calc(var(--u)*.68); font-weight:800; white-space:nowrap}
.ss-v{font-size:calc(var(--u)*.98); font-weight:900; color:var(--sv-lo); text-align:right; white-space:nowrap}
.ss-r.tot{border-top:calc(var(--u)*.06) solid var(--tg-line); padding-top:calc(var(--u)*.18)}
.ss-r.tot .ss-l{font-weight:900; color:var(--tg-navy); text-transform:uppercase; font-size:calc(var(--u)*.8)}

/* ── ХАРИТА + ҚАМРОВ ОРАЛИҚЛАРИ ── */
.smap{display:flex; flex-direction:column; gap:calc(var(--u)*.26); flex:1; min-height:0}
.sm-map{flex:1; min-height:calc(var(--u)*9); display:flex}
.sm-map .chartbox{flex:1}
.sm-bands{display:flex; flex-direction:column; gap:calc(var(--u)*.16)}
.sm-b{--c:var(--sv-hi); display:flex; align-items:center; gap:calc(var(--u)*.4); background:#fff;
  border:calc(var(--u)*.045) solid var(--tg-line); border-left:calc(var(--u)*.3) solid var(--c); border-radius:calc(var(--u)*.24);
  padding:calc(var(--u)*.14) calc(var(--u)*.4)}
.sm-b.top{--c:#0F6037}
.sm-b.lo{--c:var(--sv-lo)}
.sm-c{flex:0 0 auto; width:calc(var(--u)*1.7); height:calc(var(--u)*1.7); border-radius:50%; display:grid; place-items:center;
  background:var(--c); color:#fff; font-size:calc(var(--u)*.95); font-weight:900}
.sm-t{min-width:0; display:flex; flex-direction:column; gap:calc(var(--u)*.04)}
.sm-l{font-size:calc(var(--u)*.8); font-weight:800; color:var(--c); text-transform:uppercase; letter-spacing:.3px; line-height:1.1}
.sm-n{font-size:calc(var(--u)*.8); color:var(--tg-ink); font-weight:600; line-height:1.18}
.smap .mapcap{padding-top:0}

/* ── 16 ҲУДУД ЖАДВАЛИ — ҳудуд қатори белгиси (t02a: сўровнома қамрови,
   p05a: xavfli_deck.js — бартараф этиш улуши) ──
   Сабаб: қатор иконкаси умумий emoCtx()/contextualIcon() (visuals.js) орқали
   чиқади — у 🟢/🔴 ни PRO_SYMBOLS да "circle" (GENERIC_ICON_KEYS аъзоси) деб
   топади ва уни матн (ҳудуд номи) калит сўзлари бўйича танланган мавзули
   иконкадан (масалан «тумани» → харита белгилари) КЕЙИНГА қўяди — шунинг
   учун ранг (status-red/status-green) тўғри келсада, шакл ҳар қаторда бошқа
   бўлиб чиқади. app.js/visuals.js умумий рендерер бўлгани учун (ўзгартириш
   тақиқланган) шаклни шу ерда, СССда бир хиллаштирамиз: рангли SVG ни
   яшириб, ўрнига битта доира чизамиз — ранг status-* класси орқали
   currentColor билан аввалгидек тўғри келади (icons-pro.css: .status-red /
   .status-green). ЖАМИ қатори (🟰, status класссиз) ўзгармайди. */
:is(section[data-page="t02a"],section[data-page="p05a"]) table.tb .cellic .emo.pro-icon.status-red,
:is(section[data-page="t02a"],section[data-page="p05a"]) table.tb .cellic .emo.pro-icon.status-green{
  position:relative;
}
:is(section[data-page="t02a"],section[data-page="p05a"]) table.tb .cellic .emo.pro-icon.status-red svg,
:is(section[data-page="t02a"],section[data-page="p05a"]) table.tb .cellic .emo.pro-icon.status-green svg{
  visibility:hidden;
}
:is(section[data-page="t02a"],section[data-page="p05a"]) table.tb .cellic .emo.pro-icon.status-red::before,
:is(section[data-page="t02a"],section[data-page="p05a"]) table.tb .cellic .emo.pro-icon.status-green::before{
  content:"";
  position:absolute; top:50%; left:50%;
  width:.56em; height:.56em;
  border-radius:50%;
  background:currentColor;
  transform:translate(-50%,-50%);
}