/* ═══════════════════════════════════════════════════════════════
   МУРОЖААТЛАР ТАҲЛИЛИ — бир варақли планшет услуби (murojaat.html).
   Варақ рамкаси, сарлавҳа банди, колонтитул ва карта ҳошиялари
   асосий планшетдан (app.css + visuals.css) ўзгаришсиз олинади; бу
   ерда фақат янги тузилмалар. Барча ўлчовлар --u да (1u = варақ энининг 1%).
   ═══════════════════════════════════════════════════════════════ */
:root{
  --mj-navy:#103760; --mj-blue:#2C74C4; --mj-line:#c9dbea; --mj-soft:#eef5fa;
  --mj-ink:#16283f; --mj-mut:#4a6079; --mj-good:#14733f; --mj-red:#b3262c; --mj-amber:#b8660b; --mj-violet:#6247b8;
}

.card.mj>.cb{padding:calc(var(--u)*.30) calc(var(--u)*.40)}
.mj-ic{display:inline-grid;place-items:center;flex:0 0 auto;line-height:1}
.mj-ic>.emo.pro-icon{width:1em;height:1em;flex:0 0 1em;color:inherit;vertical-align:0}
.mj-ic>.emo.pro-icon svg{stroke-width:2}

/* 2025 → 2026 фарқ белгиси */
.mj-d{--c:var(--mj-blue);--bg:#e8f1fb;display:inline-flex;align-items:center;gap:calc(var(--u)*.16);white-space:nowrap;
  background:var(--bg);color:var(--c);border-radius:calc(var(--u)*.5);padding:calc(var(--u)*.05) calc(var(--u)*.34);
  font-size:calc(var(--u)*.80);line-height:1.15;justify-self:start}
.mj-d.up{--c:#c2410c;--bg:#fff1e6}
.mj-d.dn{--c:#0f766e;--bg:#e3f6f3}
.mj-d.good{--c:var(--mj-good);--bg:#e5f6ec}
.mj-d.bad{--c:var(--mj-red);--bg:#fdecec}
.mj-d i{font-style:normal;font-size:.8em}
.mj-d b{font-weight:900}
.mj-d em{font-style:normal;font-weight:700;opacity:.92;border-left:calc(var(--u)*.04) solid currentColor;padding-left:calc(var(--u)*.2)}

/* ── 1. УМУМИЙ КЎРСАТКИЧЛАР ── */
.mj-stat{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:calc(var(--u)*.40)}
.ms-c{--c:var(--mj-blue);--bg:#f1f7fe;--ln:#bcd6f2;display:flex;flex-direction:column;gap:calc(var(--u)*.16);min-width:0;
  background:var(--bg);border:calc(var(--u)*.05) solid var(--ln);border-top:calc(var(--u)*.30) solid var(--c);
  border-radius:calc(var(--u)*.36);padding:calc(var(--u)*.26) calc(var(--u)*.48)}
.ms-good{--c:#16a34a;--bg:#f0fbf4;--ln:#a7e3bd}
.ms-red{--c:#c62f2f;--bg:#fff4f4;--ln:#f3b8b8}
.ms-amber{--c:#d9821a;--bg:#fff8ec;--ln:#f3d29e}
.ms-slate{--c:#475f7c;--bg:#f3f6fa;--ln:#c9d4e2}
.ms-top{display:flex;align-items:center;gap:calc(var(--u)*.4)}
.ms-i{width:calc(var(--u)*2.35);height:calc(var(--u)*2.35);border-radius:50%;background:var(--c);color:#fff;font-size:calc(var(--u)*1.45);
  box-shadow:0 calc(var(--u)*.08) calc(var(--u)*.2) rgba(16,55,96,.2)}
.ms-v{font-size:calc(var(--u)*2.4);font-weight:900;color:var(--c);line-height:1;letter-spacing:-.5px;white-space:nowrap}
.ms-v small{font-size:.36em;font-weight:800;color:var(--mj-mut);margin-left:calc(var(--u)*.2);letter-spacing:0}
.ms-p{margin-left:auto;font-size:calc(var(--u)*1.25);font-weight:900;color:#fff;background:var(--c);border-radius:calc(var(--u)*.5);padding:calc(var(--u)*.06) calc(var(--u)*.4)}
.ms-l{font-size:calc(var(--u)*.86);font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--mj-ink);line-height:1.12}
.ms-prev{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--u)*.3);background:#fff;border:calc(var(--u)*.04) solid var(--ln);
  border-radius:calc(var(--u)*.26);padding:calc(var(--u)*.10) calc(var(--u)*.36);font-size:calc(var(--u)*.78);color:var(--mj-mut);font-weight:700}
.ms-prev.top{margin-left:auto;flex-direction:column;align-items:flex-end;gap:0;line-height:1.1;padding:calc(var(--u)*.08) calc(var(--u)*.3)}
.ms-prev b{font-size:calc(var(--u)*1.05);color:var(--mj-navy);font-weight:900;white-space:nowrap}
.ms-pill{align-self:flex-start;font-size:calc(var(--u)*.84);font-weight:800;color:#fff;background:var(--c);border-radius:calc(var(--u)*.6);padding:calc(var(--u)*.08) calc(var(--u)*.5)}
.ms-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:calc(var(--u)*.26);font-size:calc(var(--u)*.84);color:var(--mj-ink);font-weight:600;
  background:#fff;border-radius:calc(var(--u)*.26);padding:calc(var(--u)*.08) calc(var(--u)*.3)}
.ms-row .mj-ic{color:var(--c);font-size:calc(var(--u)*1.0)}
.ms-row span{flex:1 1 auto}
.ms-row b{margin-left:auto;font-weight:900;color:var(--c);white-space:nowrap}
.ms-note{font-size:calc(var(--u)*.76);line-height:1.18;color:var(--mj-mut);font-weight:600}

/* ── 2. МАНБАЛАР ── */
.mj-src{flex:1;min-height:0;display:flex;flex-direction:column;gap:calc(var(--u)*.26);justify-content:center}
.src-bar{flex:0 0 auto;display:flex;height:calc(var(--u)*1.25);border-radius:calc(var(--u)*.4);overflow:hidden;gap:calc(var(--u)*.05);background:#fff}
.src-bar i{display:grid;place-items:center;min-width:calc(var(--u)*.25)}
.src-bar span{font-style:normal;color:#fff;font-weight:900;font-size:calc(var(--u)*.86)}
.src-grid{flex:0 0 auto;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:calc(var(--u)*.30)}
.src-c{display:flex;flex-direction:column;gap:calc(var(--u)*.14);background:#fff;border:calc(var(--u)*.05) solid var(--mj-line);
  border-top:calc(var(--u)*.26) solid var(--c);border-radius:calc(var(--u)*.3);padding:calc(var(--u)*.18) calc(var(--u)*.32)}
.src-h{display:flex;align-items:center;gap:calc(var(--u)*.26);color:var(--c)}
.src-h .mj-ic{width:calc(var(--u)*1.9);height:calc(var(--u)*1.9);border-radius:50%;background:color-mix(in srgb,var(--c) 14%,#fff);font-size:calc(var(--u)*1.1)}
.src-h b{font-size:calc(var(--u)*1.85);font-weight:900;line-height:1;white-space:nowrap}
.src-h span{font-size:calc(var(--u)*.76);font-weight:700;color:var(--mj-mut)}
.src-l{flex:1;font-size:calc(var(--u)*.84);font-weight:700;line-height:1.14;color:var(--mj-ink)}
.src-p{align-self:flex-start;font-size:calc(var(--u)*.92);font-weight:900;color:#fff;background:var(--c);border-radius:calc(var(--u)*.5);padding:calc(var(--u)*.02) calc(var(--u)*.4)}

/* ── 3. МАЗМУНИ БЎЙИЧА ── */
.mj-cat{flex:1;min-height:0;display:flex;flex-direction:column;gap:calc(var(--u)*.34)}
.mc-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:calc(var(--u)*.07)}
.mc-r{display:grid;grid-template-columns:calc(var(--u)*1.1) minmax(0,1fr) calc(var(--u)*2.7) calc(var(--u)*3.3) calc(var(--u)*5.2);
  align-items:center;gap:calc(var(--u)*.26);padding:calc(var(--u)*.08) calc(var(--u)*.22);border-radius:calc(var(--u)*.24);
  background:#fff;border:calc(var(--u)*.035) solid #dde8f3;flex:1 1 auto}
.mc-r:nth-child(odd):not(.mc-h){background:#f6f9fd}
.mc-r.top{background:#fff7ec!important;border-color:#f3d29e}
.mc-no{font-size:calc(var(--u)*.74);font-weight:800;color:var(--mj-mut);text-align:center}
.mc-l{display:flex;align-items:center;gap:calc(var(--u)*.26);font-size:calc(var(--u)*.86);font-weight:600;line-height:1.1;color:var(--mj-ink);min-width:0}
.mc-l .mj-ic{width:calc(var(--u)*1.45);height:calc(var(--u)*1.45);border-radius:50%;background:#e8f1fb;color:var(--mj-blue);font-size:calc(var(--u)*.86)}
.mc-y{position:relative;text-align:right;font-size:calc(var(--u)*1.0);font-weight:800;color:var(--mj-mut);white-space:nowrap}
.mc-y.cur{font-size:calc(var(--u)*1.2);font-weight:900;color:var(--mj-navy);padding-bottom:calc(var(--u)*.16)}
.mc-bar{position:absolute;right:0;bottom:0;height:calc(var(--u)*.14);border-radius:calc(var(--u)*.1);background:var(--mj-blue);min-width:calc(var(--u)*.14);max-width:100%}
.mc-dh{display:flex;justify-content:flex-start;min-width:0}
.mc-dh .mj-d{font-size:calc(var(--u)*.76);padding:calc(var(--u)*.04) calc(var(--u)*.26)}
.mc-r.mc-h{flex:0 0 auto;background:linear-gradient(90deg,var(--mj-navy),var(--mj-blue));border:0;padding:calc(var(--u)*.14) calc(var(--u)*.22)}
.mc-r.mc-h>span{color:#fff;font-size:calc(var(--u)*.72);font-weight:800;text-transform:uppercase;letter-spacing:.3px;padding:0}
.mc-h .mc-dh{justify-content:center}

/* ── 4. ШИКОЯТЛАР ДИНАМИКАСИ ── */
.mj-dyn{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:calc(var(--u)*.4)}
.md-c{--c:#c2410c;--bg:#fff4ea;--ln:#f5c9a3;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;align-items:center;
  column-gap:calc(var(--u)*.4);row-gap:calc(var(--u)*.14);background:var(--bg);border:calc(var(--u)*.04) solid var(--ln);border-left:calc(var(--u)*.3) solid var(--c);
  border-radius:calc(var(--u)*.3);padding:calc(var(--u)*.2) calc(var(--u)*.4)}
.md-c.dn{--c:#0f766e;--bg:#eefaf7;--ln:#a9ddd3}
.md-i{width:calc(var(--u)*2.0);height:calc(var(--u)*2.0);border-radius:50%;background:var(--c);color:#fff;font-size:calc(var(--u)*1.1)}
.md-v{display:flex;align-items:baseline;flex-wrap:wrap;gap:calc(var(--u)*.3);color:var(--c);line-height:1.05}
.md-v i{font-style:normal;font-size:calc(var(--u)*.9)}
.md-v b{font-size:calc(var(--u)*1.55);font-weight:900;white-space:nowrap}
.md-v span{font-size:calc(var(--u)*.9);font-weight:800;background:#fff;border-radius:calc(var(--u)*.5);padding:calc(var(--u)*.02) calc(var(--u)*.4);white-space:nowrap}
.md-t{grid-column:1 / -1;align-self:start;font-size:calc(var(--u)*.86);font-weight:700;line-height:1.14;color:var(--mj-ink)}

/* ── 5 · 6. КАНАЛЛАР — Президент портали, ИИВ «ишонч телефони» ── */
.mj-chan{--c:var(--mj-blue);--bg:#f1f7fe;--ln:#bcd6f2;flex:1;min-height:0;display:flex;flex-direction:column;gap:calc(var(--u)*.2);justify-content:space-between}
.mj-chan.mp-violet{--c:#6247b8;--bg:#f5f2fd;--ln:#cfc3f1}
.mp-big{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:calc(var(--u)*.45);
  background:var(--bg);border:calc(var(--u)*.04) solid var(--ln);border-radius:calc(var(--u)*.3);padding:calc(var(--u)*.16) calc(var(--u)*.4)}
.mp-bi{width:calc(var(--u)*2.5);height:calc(var(--u)*2.5);border-radius:50%;background:var(--c);color:#fff;font-size:calc(var(--u)*1.35)}
.mp-v{font-size:calc(var(--u)*2.6);font-weight:900;color:var(--c);line-height:1;white-space:nowrap;letter-spacing:-.5px}
.mp-v small{font-size:.34em;color:var(--mj-mut);margin-left:calc(var(--u)*.16);letter-spacing:0}
.mp-meta{display:flex;flex-direction:column;gap:calc(var(--u)*.14);min-width:0}
.mp-cmp{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u)*.14) calc(var(--u)*.3);font-size:calc(var(--u)*.80);color:var(--mj-mut);font-weight:600}
.mp-cmp b{color:var(--mj-navy);font-weight:900}
.mp-share{display:flex;align-items:baseline;gap:calc(var(--u)*.26);font-size:calc(var(--u)*.76);color:var(--mj-mut);font-weight:600;line-height:1.1}
.mp-share b{font-size:calc(var(--u)*1.1);color:var(--c);font-weight:900}
.mp-flow{display:grid;grid-template-columns:1.45fr 1fr;gap:calc(var(--u)*.28)}
.mp-f{--fc:var(--mj-blue);display:flex;align-items:flex-start;gap:calc(var(--u)*.26);border:calc(var(--u)*.04) solid #dde8f3;border-left:calc(var(--u)*.24) solid var(--fc);
  border-radius:calc(var(--u)*.26);padding:calc(var(--u)*.1) calc(var(--u)*.26)}
.mp-f.good{--fc:#16a34a;background:#f3fbf6}
.mp-f.amber{--fc:#d9821a;background:#fff8ec}
.mp-f .mj-ic{color:var(--fc);font-size:calc(var(--u)*1.2);margin-top:calc(var(--u)*.06)}
.mp-f b{font-size:calc(var(--u)*1.3);font-weight:900;color:var(--fc);line-height:1.05}
.mp-f em{font-style:normal;font-size:calc(var(--u)*.72);font-weight:700;color:var(--mj-mut);margin-left:calc(var(--u)*.2)}
.mp-f span{display:block;font-size:calc(var(--u)*.80);line-height:1.12;color:var(--mj-ink);font-weight:600}
.mp-sec{display:flex;flex-direction:column;gap:calc(var(--u)*.08)}
.mp-t{font-size:calc(var(--u)*.78);font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:var(--c);
  border-bottom:calc(var(--u)*.04) solid var(--ln);padding-bottom:calc(var(--u)*.04)}
.mp-cr,.mp-yl{display:grid;grid-template-columns:calc(var(--u)*1.1) minmax(0,1fr) calc(var(--u)*2.9) calc(var(--u)*.8) calc(var(--u)*2.9) calc(var(--u)*7.4);align-items:center;
  gap:calc(var(--u)*.2);padding:calc(var(--u)*.05) calc(var(--u)*.2);border-radius:calc(var(--u)*.22)}
.mp-cr{background:#f7fafd}
.mp-yl{padding-top:0;padding-bottom:0}
.mp-yl>span,.mp-yl>span.mp-y,.mp-yl>span.mp-y.cur{font-size:calc(var(--u)*.66);font-weight:700;color:var(--mj-mut);text-transform:uppercase}
.mp-cr>.mj-ic{color:var(--c);font-size:calc(var(--u)*1.0)}
.mp-l{font-size:calc(var(--u)*.84);font-weight:600;line-height:1.1;color:var(--mj-ink)}
.mp-y{text-align:right;font-size:calc(var(--u)*.98);font-weight:800;color:var(--mj-mut);white-space:nowrap}
.mp-y.cur{font-size:calc(var(--u)*1.15);font-weight:900;color:var(--c)}
.mp-ar{font-size:calc(var(--u)*.8);color:var(--mj-mut);text-align:center}
.mp-cr .mj-d{flex-direction:column;align-items:flex-start;gap:0;font-size:calc(var(--u)*.74);padding:calc(var(--u)*.04) calc(var(--u)*.3);border-radius:calc(var(--u)*.24);line-height:1.08}
.mp-cr .mj-d i{display:none}
.mp-cr .mj-d em{border:0;padding:0;font-size:.92em}
.mp-cr.rep{background:#fdf2f2;border:calc(var(--u)*.04) solid #f3c4c4}
.mp-cr.rep>.mj-ic{color:var(--mj-red)}
.mp-cr.rep .mp-l{font-weight:800}