/* ═══════════════════════════════════════════════════════════════
   БАЁН ПЛАНШЕТИ — қўшимча блокларнинг услуби (bayon.html).
   Варақ рамкаси, сарлавҳа банди, колонтитул ва карта ҳошиялари
   асосий планшетдан (app.css + visuals.css) ўзгаришсиз олинади;
   бу ерда фақат ЯНГИ тузилмалар: кун тартиби, рўйхат, ҳисоб тахтаси,
   тарози, зинапоя, матрица, харажат дафтари, занжир, танқид, топшириқ,
   вақт чизиғи, тасма, йўл харитаси, туманлар тўри, муҳр ва имзо.
   Барча ўлчовлар --u да (1u = варақ энининг 1%) — портрет ва A0 чоп
   этишда мутаносиб.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --xb-navy:#103760; --xb-blue:#246db0; --xb-blue-2:#1b5589;
  --xb-line:#c9dbea; --xb-soft:#eef5fa; --xb-ink:#16283f; --xb-mut:#4a6079;
  --xb-red:#b3262c; --xb-good:#14733f; --xb-amber:#a8600c;
}

/* карта ичидаги блокларда ортиқча чекиниш бўлмасин */
.card.xb > .cb{padding:calc(var(--u)*.30) calc(var(--u)*.40)}
.card.xb .cb-main{padding:calc(var(--u)*.30) calc(var(--u)*.42)}

/* ── КУН ТАРТИБИ ─────────────────────────────────────────────── */
.agenda{display:flex;flex-direction:column;gap:calc(var(--u)*.34);flex:1;min-height:0;justify-content:space-evenly}
.ag{display:flex;gap:calc(var(--u)*.5);align-items:stretch;
  background:linear-gradient(90deg,#f3f8fc,#fff);border:calc(var(--u)*.045) solid var(--xb-line);
  border-left:calc(var(--u)*.34) solid var(--xb-blue);border-radius:calc(var(--u)*.28);
  padding:calc(var(--u)*.34) calc(var(--u)*.48)}
.ag.t-amber{border-left-color:var(--xb-amber);background:linear-gradient(90deg,#fff7ec,#fff)}
.ag.t-red{border-left-color:var(--xb-red);background:linear-gradient(90deg,#fdf0f0,#fff)}
.ag.t-good{border-left-color:var(--xb-good);background:linear-gradient(90deg,#eef8f2,#fff)}
.ag-n{flex:0 0 auto;width:calc(var(--u)*2.1);height:calc(var(--u)*2.1);border-radius:calc(var(--u)*.28);
  display:grid;place-items:center;font-weight:900;font-size:calc(var(--u)*1.32);color:#fff;
  background:linear-gradient(160deg,var(--xb-blue),var(--xb-navy));align-self:center}
.ag.t-amber .ag-n{background:linear-gradient(160deg,#d9821a,#9a5709)}
.ag.t-red .ag-n{background:linear-gradient(160deg,#c62f2f,#8c1d1d)}
.ag.t-good .ag-n{background:linear-gradient(160deg,#1b8e52,#0f5b34)}
.ag-b{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--u)*.14)}
.ag-t{font-size:calc(var(--u)*1.04);line-height:1.20;color:var(--xb-ink);font-weight:600}
.ag-w{display:flex;align-items:center;gap:calc(var(--u)*.26);font-size:calc(var(--u)*0.88);color:var(--xb-mut);font-weight:700}

/* ── РЎЙХАТ (шахслар) ─────────────────────────────────────────── */
.roster{display:grid;gap:calc(var(--u)*.26);flex:1;min-height:0;align-content:space-evenly}
.roster.c2{grid-template-columns:1fr 1fr;column-gap:calc(var(--u)*.5)}
.person{display:flex;align-items:center;gap:calc(var(--u)*.42);background:#fff;
  border:calc(var(--u)*.045) solid var(--xb-line);border-radius:calc(var(--u)*.28);
  padding:calc(var(--u)*.26) calc(var(--u)*.42)}
.person.t-amber{border-color:#ead4ad;background:#fffdf7}
.person.t-good{border-color:#b9dfc9;background:#fbfffd}
.person .pi{flex:0 0 auto;font-size:calc(var(--u)*1.38);color:var(--xb-blue-2)}
.person .pb{min-width:0;flex:1;display:flex;flex-direction:column;gap:calc(var(--u)*.06)}
.person .pn{font-size:calc(var(--u)*1.09);font-weight:800;color:var(--xb-navy);line-height:1.12}
.person .pr{font-size:calc(var(--u)*0.9);color:var(--xb-mut);line-height:1.16}
.person .ptag{flex:0 0 auto;font-size:calc(var(--u)*0.85);font-weight:800;color:#fff;
  background:linear-gradient(90deg,var(--xb-blue-2),var(--xb-blue));border-radius:calc(var(--u)*.5);
  padding:calc(var(--u)*.10) calc(var(--u)*.46);letter-spacing:.3px}

/* ── ҲИСОБ ТАХТАСИ ───────────────────────────────────────────── */
.scoreboard{display:flex;flex-direction:column;gap:calc(var(--u)*.28);flex:1;min-height:0;justify-content:space-evenly}
.sb-r{display:grid;grid-template-columns:minmax(0,1.45fr) auto auto auto minmax(0,1fr);
  align-items:center;gap:calc(var(--u)*.30);background:#fff;border:calc(var(--u)*.045) solid var(--xb-line);
  border-radius:calc(var(--u)*.28);padding:calc(var(--u)*.26) calc(var(--u)*.42)}
.sb-r.tn-good{border-color:#b9dfc9}.sb-r.tn-bad{border-color:#edc7c7}
.sb-l{display:flex;align-items:center;gap:calc(var(--u)*.28);min-width:0;
  font-size:calc(var(--u)*1.02);font-weight:700;color:var(--xb-ink);line-height:1.14}
.sb-y{display:flex;flex-direction:column;line-height:1.06;background:#f1f6fc;border:calc(var(--u)*.04) solid #d6e4f5;
  border-radius:calc(var(--u)*.24);padding:calc(var(--u)*.10) calc(var(--u)*.34);min-width:calc(var(--u)*7)}
.sb-y span{font-size:calc(var(--u)*0.76);color:var(--xb-mut);font-weight:700}
.sb-y{min-width:calc(var(--u)*6.4)}
.sb-y b{font-size:calc(var(--u)*1.23);color:var(--xb-navy);font-weight:900;white-space:nowrap}
.sb-y.cur{background:#e8f1fb;border-color:#b9d2f0}
.tn-good .sb-y.cur b{color:var(--xb-good)}.tn-bad .sb-y.cur b{color:var(--xb-red)}
.sb-a{font-size:calc(var(--u)*1.34);font-weight:900;color:var(--xb-blue-2)}
.tn-good .sb-a{color:var(--xb-good)}.tn-bad .sb-a{color:var(--xb-red)}
.sb-p{display:flex;flex-direction:column;align-items:flex-end;line-height:1.08;
  border-radius:calc(var(--u)*.26);padding:calc(var(--u)*.12) calc(var(--u)*.46);background:#dbeafe;color:#1e40af}
.tn-good .sb-p{background:#dcfce7;color:#166534}.tn-bad .sb-p{background:#fee2e2;color:#991b1b}
.sb-p b{font-size:calc(var(--u)*1.1);font-weight:900;white-space:nowrap}
.sb-p span{font-size:calc(var(--u)*0.85);font-weight:700;line-height:1.12;text-align:right}
.sb-n{grid-column:1/-1;font-size:calc(var(--u)*0.9);color:var(--xb-mut);line-height:1.16;
  border-top:calc(var(--u)*.035) dashed #d8e4ef;padding-top:calc(var(--u)*.14)}

/* ── ТАРОЗИ (икки томон) ─────────────────────────────────────── */
.split{display:flex;flex-direction:column;gap:calc(var(--u)*.34);flex:1;min-height:0}
.sp-bar{display:flex;gap:calc(var(--u)*.22);flex:0 0 auto}
.sp-bar > div{display:flex;flex-direction:column;justify-content:center;color:#fff;
  border-radius:calc(var(--u)*.28);padding:calc(var(--u)*.26) calc(var(--u)*.60);min-width:0}
.sp-bar > div b{font-size:calc(var(--u)*1.49);font-weight:900;line-height:1.05}
.sp-bar > div span{font-size:calc(var(--u)*0.9);font-weight:700;opacity:.94;line-height:1.12}
.sp-a{background:linear-gradient(90deg,#b4610e,#e8a03c)}
.sp-b{background:linear-gradient(90deg,#a82525,#d24a4a)}
.sp-a.t-blue,.sp-b.t-blue{background:linear-gradient(90deg,#1e5aa8,#3e8be0)}
.sp-a.t-good,.sp-b.t-good{background:linear-gradient(90deg,#166534,#22a05a)}
.sp-cols{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*.34);flex:1;min-height:0}
.sp-col{display:flex;flex-direction:column;gap:calc(var(--u)*.18);min-width:0;
  border:calc(var(--u)*.05) solid var(--xb-line);border-radius:calc(var(--u)*.30);padding:calc(var(--u)*.30);background:#fff}
.sp-col.t-amber{border-color:#ead4ad}.sp-col.t-red{border-color:#edc7c7}
.sp-col.t-blue{border-color:#b9d2f0}.sp-col.t-good{border-color:#b9dfc9}
.sp-h{display:flex;align-items:center;gap:calc(var(--u)*.34);padding-bottom:calc(var(--u)*.20);
  border-bottom:calc(var(--u)*.04) solid var(--xb-line);margin-bottom:calc(var(--u)*.10)}
.sp-h > div{min-width:0;flex:1;display:flex;flex-direction:column}
.sp-h b{font-size:calc(var(--u)*1.11);color:var(--xb-navy);line-height:1.12}
.sp-h span{font-size:calc(var(--u)*0.88);color:var(--xb-mut);line-height:1.14}
.sp-hv{flex:0 0 auto;font-size:calc(var(--u)*1.38);font-weight:900;color:var(--xb-navy)}
.sp-col.t-amber .sp-hv{color:var(--xb-amber)}.sp-col.t-red .sp-hv{color:var(--xb-red)}
.sp-r{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(calc(var(--u)*4),1.1fr) auto;
  align-items:center;gap:calc(var(--u)*.26)}
.sp-t{font-size:calc(var(--u)*0.97);line-height:1.14;color:var(--xb-ink);min-width:0}
.sp-tr{height:calc(var(--u)*.62);background:#edf3fb;border-radius:calc(var(--u)*.32);overflow:hidden}
.sp-f{height:100%;border-radius:calc(var(--u)*.32);background:linear-gradient(90deg,#1e5aa8,#4b93dd)}
.sp-col.t-amber .sp-f{background:linear-gradient(90deg,#b4610e,#e8a03c)}
.sp-col.t-red .sp-f{background:linear-gradient(90deg,#a82525,#d24a4a)}
.sp-v{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05}
.sp-v b{font-size:calc(var(--u)*1.07);font-weight:900;color:var(--xb-navy);white-space:nowrap}
.sp-v span{font-size:calc(var(--u)*0.83);color:var(--xb-mut);font-weight:700}

/* ── ЗИНАПОЯ ─────────────────────────────────────────────────── */
.ladder{display:flex;flex-direction:column;gap:calc(var(--u)*.16);flex:1;min-height:0;justify-content:space-evenly}
.ld-base{display:flex;align-items:center;gap:calc(var(--u)*.32);background:#eaf2fb;
  border:calc(var(--u)*.045) solid #b9d2f0;border-radius:calc(var(--u)*.26);
  padding:calc(var(--u)*.18) calc(var(--u)*.46);font-size:calc(var(--u)*0.97);color:var(--xb-mut);font-weight:700}
.ld-base b{margin-left:auto;font-size:calc(var(--u)*1.16);color:var(--xb-navy);font-weight:900}
.ld-r{display:grid;grid-template-columns:auto minmax(calc(var(--u)*8),1.15fr) minmax(0,2fr) auto auto;
  align-items:center;gap:calc(var(--u)*.28)}
.ld-i{width:calc(var(--u)*1.5);height:calc(var(--u)*1.5);border-radius:calc(var(--u)*.24);display:grid;place-items:center;
  background:var(--xb-navy);color:#fff;font-size:calc(var(--u)*0.88);font-weight:900}
.ld-l{display:flex;align-items:center;gap:calc(var(--u)*.24);min-width:0;font-size:calc(var(--u)*1.02);font-weight:700;color:var(--xb-ink)}
.ld-t{position:relative;height:calc(var(--u)*.86);background:#edf3fb;border-radius:calc(var(--u)*.43);overflow:visible}
.ld-f{height:100%;border-radius:calc(var(--u)*.43);background:linear-gradient(90deg,#a82525,#e06a6a)}
.ld-m{position:absolute;top:calc(var(--u)*-.16);bottom:calc(var(--u)*-.16);width:calc(var(--u)*.11);
  background:#13406e;border-radius:calc(var(--u)*.06)}
.ld-v{font-size:calc(var(--u)*1.16);font-weight:900;color:var(--xb-navy);min-width:calc(var(--u)*3);text-align:right}
.ld-x{font-size:calc(var(--u)*0.9);font-weight:800;color:#fff;background:#c62f2f;
  border-radius:calc(var(--u)*.4);padding:calc(var(--u)*.06) calc(var(--u)*.34)}
.ld-foot{display:flex;align-items:center;gap:calc(var(--u)*.3);font-size:calc(var(--u)*0.9);color:var(--xb-mut);
  background:#f5f9fd;border-radius:calc(var(--u)*.24);padding:calc(var(--u)*.16) calc(var(--u)*.4);line-height:1.16}

/* ── ИССИҚЛИК МАТРИЦАСИ ──────────────────────────────────────── */
table.mx{width:100%;border-collapse:collapse;table-layout:auto;flex:1}
table.mx th{background:linear-gradient(180deg,#1e4e8c,#143c73);color:#fff;font-size:calc(var(--u)*0.88);
  font-weight:700;padding:calc(var(--u)*.14) calc(var(--u)*.26);text-align:center;line-height:1.12}
table.mx th:first-child{text-align:left}
table.mx td{padding:calc(var(--u)*.12) calc(var(--u)*.26);border-bottom:calc(var(--u)*.04) solid #e3edf8;
  text-align:center;font-size:calc(var(--u)*1.07);font-weight:800;color:var(--xb-navy);line-height:1.1}
table.mx td.mx-l{text-align:left;font-size:calc(var(--u)*1);font-weight:700;color:var(--xb-ink)}
table.mx td.mx-l > span{display:inline-flex;flex-direction:column}
table.mx td.mx-l em{font-style:normal;font-size:calc(var(--u)*0.83);color:var(--xb-mut);font-weight:600}
table.mx td.mx-l{display:flex;align-items:center;gap:calc(var(--u)*.24)}
table.mx td.mx-c{border-radius:calc(var(--u)*.14)}
table.mx.heat-red td.mx-c{background:rgba(198,47,47,calc(var(--k)*.72));color:#fff}
table.mx.heat-blue td.mx-c{background:rgba(30,90,168,calc(var(--k)*.72));color:#fff}
table.mx.heat-amber td.mx-c{background:rgba(217,130,26,calc(var(--k)*.78));color:#fff}
table.mx td.mx-c[style*="--k:0.1"],table.mx td.mx-c[style*="--k:0.2"],table.mx td.mx-c[style*="--k:0.3"]{color:var(--xb-navy)}
table.mx td.mx-e{color:#b7c6d5;font-weight:600}
table.mx td.mx-t{background:#eaf2fb;color:var(--xb-navy);font-weight:900}
table.mx tr.mx-f td{background:var(--xb-navy);color:#fff;font-weight:900;border-bottom:0}
table.mx tr.mx-f td.mx-l{color:#fff;background:var(--xb-navy)}

/* ── ХАРАЖАТ ДАФТАРИ ─────────────────────────────────────────── */
table.lg{width:100%;border-collapse:collapse;flex:1}
table.lg th{background:linear-gradient(180deg,#1e4e8c,#143c73);color:#fff;font-size:calc(var(--u)*0.88);
  padding:calc(var(--u)*.14) calc(var(--u)*.3);text-align:right;font-weight:700}
table.lg th:first-child{text-align:left}
table.lg td{padding:calc(var(--u)*.14) calc(var(--u)*.3);border-bottom:calc(var(--u)*.04) solid #e3edf8;
  font-size:calc(var(--u)*1);vertical-align:middle}
table.lg td.lg-l{color:var(--xb-ink);font-weight:700;display:flex;align-items:center;gap:calc(var(--u)*.26)}
table.lg td.lg-l > span{display:flex;flex-direction:column;min-width:0}
table.lg td.lg-l em{font-style:normal;font-size:calc(var(--u)*0.85);color:var(--xb-mut);font-weight:600;line-height:1.14}
table.lg td.lg-q,table.lg td.lg-p{text-align:right;font-weight:800;color:var(--xb-navy);white-space:nowrap}
table.lg td.lg-p{color:var(--xb-mut);font-weight:700;font-size:calc(var(--u)*0.93)}
table.lg td.lg-c{text-align:right;white-space:nowrap;position:relative;min-width:calc(var(--u)*9)}
table.lg td.lg-c b{font-size:calc(var(--u)*1.16);font-weight:900;color:var(--xb-navy)}
.lg-bar{display:block;height:calc(var(--u)*.34);background:#edf3fb;border-radius:calc(var(--u)*.17);
  overflow:hidden;margin-bottom:calc(var(--u)*.10)}
.lg-bar i{display:block;height:100%;background:linear-gradient(90deg,#b4610e,#e8a03c);border-radius:calc(var(--u)*.17)}
.lg-s{display:inline-block;font-size:calc(var(--u)*0.85);color:var(--xb-mut);font-weight:700;margin-left:calc(var(--u)*.3)}
table.lg tfoot td{background:var(--xb-navy);color:#fff;border-bottom:0}
table.lg tfoot td b,table.lg tfoot td.lg-q,table.lg tfoot td .lg-s{color:#fff}
table.lg tfoot td.lg-l{color:#fff;background:var(--xb-navy)}

/* ── ЖАРАЁН ЗАНЖИРИ ──────────────────────────────────────────── */
.flow{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:calc(var(--u)*1.0);flex:1;min-height:0;align-items:stretch}
.fs{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:calc(var(--u)*.20);
  background:linear-gradient(180deg,#fff,#f3f8fc);border:calc(var(--u)*.05) solid var(--xb-line);
  border-radius:calc(var(--u)*.32);padding:calc(var(--u)*.55) calc(var(--u)*.42) calc(var(--u)*.42)}
.fs.t-good{border-color:#b9dfc9}.fs.t-amber{border-color:#ead4ad}.fs.t-red{border-color:#edc7c7}
.fs::after{content:"";position:absolute;right:calc(var(--u)*-.78);top:50%;width:calc(var(--u)*.56);height:calc(var(--u)*.56);
  border-top:calc(var(--u)*.12) solid var(--xb-blue);border-right:calc(var(--u)*.12) solid var(--xb-blue);
  transform:translateY(-50%) rotate(45deg)}
.fs:last-child::after{display:none}
.fs-n{position:absolute;left:calc(var(--u)*.30);top:calc(var(--u)*.26);width:calc(var(--u)*1.35);height:calc(var(--u)*1.35);
  border-radius:calc(var(--u)*.26);background:var(--xb-navy);color:#fff;display:grid;place-items:center;
  font-size:calc(var(--u)*0.95);font-weight:900}
.fs-i{font-size:calc(var(--u)*2.42);color:var(--xb-blue-2);line-height:1}
.fs-t{font-size:calc(var(--u)*1.02);font-weight:800;color:var(--xb-navy);line-height:1.16}
.fs-d{font-size:calc(var(--u)*0.9);color:var(--xb-mut);line-height:1.18}

/* ── ТАНҚИД / ЧОРА ───────────────────────────────────────────── */
.verdict{display:flex;flex-direction:column;gap:calc(var(--u)*.26);flex:1;min-height:0;justify-content:space-evenly}
.vd{display:flex;align-items:center;gap:calc(var(--u)*.42);background:#fff;
  border:calc(var(--u)*.05) solid #edc7c7;border-left:calc(var(--u)*.34) solid var(--xb-red);
  border-radius:calc(var(--u)*.28);padding:calc(var(--u)*.26) calc(var(--u)*.46)}
.vd.t-amber{border-color:#ead4ad;border-left-color:var(--xb-amber)}
.vd.t-blue{border-color:#b9d2f0;border-left-color:var(--xb-blue)}
.vd.t-good{border-color:#b9dfc9;border-left-color:var(--xb-good)}
.vd-tag{flex:0 0 auto;font-size:calc(var(--u)*0.81);font-weight:900;letter-spacing:.6px;color:#fff;
  background:var(--xb-red);border-radius:calc(var(--u)*.4);padding:calc(var(--u)*.10) calc(var(--u)*.42);text-transform:uppercase}
.vd.t-amber .vd-tag{background:var(--xb-amber)}.vd.t-blue .vd-tag{background:var(--xb-blue)}
.vd.t-good .vd-tag{background:var(--xb-good)}
.vd-t{display:flex;align-items:center;gap:calc(var(--u)*.32);min-width:0;font-size:calc(var(--u)*1.02);
  line-height:1.18;color:var(--xb-ink)}

/* ── ТОПШИРИҚ КАРТАСИ ────────────────────────────────────────── */
.assign{display:flex;flex-direction:column;gap:calc(var(--u)*.26);flex:1;min-height:0}
.as-h{display:flex;align-items:center;gap:calc(var(--u)*.40);background:linear-gradient(90deg,#eaf2fb,#f7fbff);
  border:calc(var(--u)*.045) solid #b9d2f0;border-radius:calc(var(--u)*.28);padding:calc(var(--u)*.24) calc(var(--u)*.44)}
.as-n{flex:0 0 auto;width:calc(var(--u)*1.8);height:calc(var(--u)*1.8);border-radius:calc(var(--u)*.28);
  background:linear-gradient(160deg,var(--xb-blue),var(--xb-navy));color:#fff;display:grid;place-items:center;
  font-size:calc(var(--u)*1.1);font-weight:900}
.as-h .as-ic{font-size:calc(var(--u)*1.65);color:var(--xb-blue-2)}
.as-p{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.12}
.as-p b{font-size:calc(var(--u)*1.1);color:var(--xb-navy);font-weight:900}
.as-p span{font-size:calc(var(--u)*0.88);color:var(--xb-mut);font-weight:600}
.as-d{flex:0 0 auto;display:flex;align-items:center;gap:calc(var(--u)*.22);font-size:calc(var(--u)*0.9);
  font-weight:800;color:#fff;background:var(--xb-amber);border-radius:calc(var(--u)*.4);padding:calc(var(--u)*.10) calc(var(--u)*.42)}
ol.as-l{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:calc(var(--u)*.20);flex:1;min-height:0;
  align-content:start}
ol.as-l li{display:flex;gap:calc(var(--u)*.30);align-items:flex-start;font-size:calc(var(--u)*1);
  line-height:1.20;color:var(--xb-ink)}
ol.as-l li > .emo{color:var(--xb-blue-2);margin-top:calc(var(--u)*.04)}
.as-tags{display:flex;flex-wrap:wrap;gap:calc(var(--u)*.24)}
.as-tags span{font-size:calc(var(--u)*0.83);font-weight:800;color:var(--xb-blue-2);background:#eaf2fb;
  border:calc(var(--u)*.035) solid #b9d2f0;border-radius:calc(var(--u)*.4);padding:calc(var(--u)*.06) calc(var(--u)*.36)}

/* ── ВАҚТ ЧИЗИҒИ ─────────────────────────────────────────────── */
.tl{display:flex;flex-direction:column;flex:1;min-height:0;justify-content:space-evenly}
.tl-e{display:grid;grid-template-columns:calc(var(--u)*6.4) auto minmax(0,1fr);align-items:center;gap:calc(var(--u)*.34)}
.tl-d{font-size:calc(var(--u)*0.9);font-weight:900;color:#fff;background:var(--xb-navy);text-align:center;
  border-radius:calc(var(--u)*.24);padding:calc(var(--u)*.12) calc(var(--u)*.22);line-height:1.12}
.tl-e.t-amber .tl-d{background:var(--xb-amber)}.tl-e.t-red .tl-d{background:var(--xb-red)}
.tl-e.t-good .tl-d{background:var(--xb-good)}
.tl-dot{position:relative;width:calc(var(--u)*.9);align-self:stretch;display:grid;place-items:center}
.tl-dot::before{content:"";position:absolute;top:0;bottom:0;width:calc(var(--u)*.10);background:#cfdfee}
.tl-dot i{width:calc(var(--u)*.62);height:calc(var(--u)*.62);border-radius:50%;background:var(--xb-blue);
  box-shadow:0 0 0 calc(var(--u)*.14) #fff,0 0 0 calc(var(--u)*.2) #cfdfee;z-index:1}
.tl-e.t-amber .tl-dot i{background:var(--xb-amber)}.tl-e.t-red .tl-dot i{background:var(--xb-red)}
.tl-e.t-good .tl-dot i{background:var(--xb-good)}
.tl-t{display:flex;align-items:center;gap:calc(var(--u)*.30);font-size:calc(var(--u)*1);line-height:1.18;
  color:var(--xb-ink);padding:calc(var(--u)*.22) 0}
.tl-t b{color:var(--xb-navy)}

/* ── ТАСМА (кун / соат) ──────────────────────────────────────── */
.strip{display:flex;flex-direction:column;gap:calc(var(--u)*.30);flex:1;min-height:0}
.st-top{display:flex;gap:calc(var(--u)*.24);flex:0 0 auto}
.st-part{display:flex;align-items:center;gap:calc(var(--u)*.32);min-width:0;color:#fff;
  border-radius:calc(var(--u)*.28);padding:calc(var(--u)*.22) calc(var(--u)*.5);
  background:linear-gradient(90deg,#1e5aa8,#4b93dd)}
.st-part.t-amber{background:linear-gradient(90deg,#b4610e,#e8a03c)}
.st-part.t-dark{background:linear-gradient(90deg,#0b2a55,#28486f)}
.st-part.t-red{background:linear-gradient(90deg,#a82525,#d24a4a)}
.st-part b{font-size:calc(var(--u)*1.32);font-weight:900;white-space:nowrap}
.st-part span{font-size:calc(var(--u)*0.88);font-weight:700;opacity:.95}
.st-cols{display:flex;gap:calc(var(--u)*.26);flex:1;min-height:0;align-items:stretch}
.sg{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*.14);
  background:#f6faff;border:calc(var(--u)*.04) solid var(--xb-line);border-radius:calc(var(--u)*.26);
  padding:calc(var(--u)*.22) calc(var(--u)*.12)}
.sg.max{background:#fff6e8;border-color:#ead4ad}
.sg-v{font-size:calc(var(--u)*1.26);font-weight:900;color:var(--xb-navy);line-height:1}
.sg.max .sg-v{color:var(--xb-amber)}
.sg-bar{flex:1;min-height:0;width:calc(var(--u)*1.5);display:flex;align-items:flex-end;background:#e9f1f9;
  border-radius:calc(var(--u)*.2);overflow:hidden}
.sg-bar i{display:block;width:100%;background:linear-gradient(180deg,#4b93dd,#1e5aa8);border-radius:calc(var(--u)*.2)}
.sg.max .sg-bar i{background:linear-gradient(180deg,#e8a03c,#b4610e)}
.sg.t-dark .sg-bar i{background:linear-gradient(180deg,#3c5c84,#0b2a55)}
.sg-l{display:flex;align-items:center;gap:calc(var(--u)*.16);font-size:calc(var(--u)*0.88);font-weight:700;
  color:var(--xb-ink);text-align:center;line-height:1.1}
.sg-p{font-size:calc(var(--u)*0.88);font-weight:800;color:var(--xb-mut)}
.st-foot{display:flex;align-items:center;gap:calc(var(--u)*.3);font-size:calc(var(--u)*0.93);color:var(--xb-mut);
  background:#f5f9fd;border-radius:calc(var(--u)*.24);padding:calc(var(--u)*.18) calc(var(--u)*.44);line-height:1.16}

/* ── ЙЎЛ ХАРИТАСИ ────────────────────────────────────────────── */
.rm{display:flex;flex-direction:column;gap:calc(var(--u)*.4);flex:1;min-height:0}
.rm-road{position:relative;height:calc(var(--u)*3.4);flex:0 0 auto;border-radius:calc(var(--u)*.3);
  background:repeating-linear-gradient(90deg,#3c5570 0 calc(var(--u)*1.6),#33495f 0 calc(var(--u)*3.2));
  margin:calc(var(--u)*1.9) calc(var(--u)*1.2) 0}
.rm-road::after{content:"";position:absolute;left:calc(var(--u)*.4);right:calc(var(--u)*.4);top:50%;height:calc(var(--u)*.16);
  transform:translateY(-50%);background:repeating-linear-gradient(90deg,#f3d879 0 calc(var(--u)*1.2),transparent 0 calc(var(--u)*2.2))}
.rm-name{position:absolute;left:calc(var(--u)*.5);top:calc(var(--u)*-1.5);font-size:calc(var(--u)*1);
  font-weight:900;color:var(--xb-navy);background:#eaf2fb;border:calc(var(--u)*.04) solid #b9d2f0;
  border-radius:calc(var(--u)*.24);padding:calc(var(--u)*.06) calc(var(--u)*.4)}
.rm-km{position:absolute;bottom:calc(var(--u)*-1.5);font-size:calc(var(--u)*0.9);font-weight:800;color:var(--xb-mut)}
.rm-km.s{left:0}.rm-km.e{right:0}
.rm-pin{position:absolute;top:calc(var(--u)*-1.7);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}
.rm-pin b{width:calc(var(--u)*1.5);height:calc(var(--u)*1.5);border-radius:50%;background:#c62f2f;color:#fff;
  display:grid;place-items:center;font-size:calc(var(--u)*0.95);font-weight:900;
  box-shadow:0 0 0 calc(var(--u)*.12) #fff}
.rm-pin span{margin-top:calc(var(--u)*.1);font-size:calc(var(--u)*0.83);font-weight:800;color:var(--xb-navy);
  background:#fff;border-radius:calc(var(--u)*.2);padding:0 calc(var(--u)*.16);white-space:nowrap}
.rm-cards{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:calc(var(--u)*.4);flex:1;min-height:0}
.rm-c{display:flex;flex-direction:column;gap:calc(var(--u)*.16);background:#fff;
  border:calc(var(--u)*.05) solid var(--xb-line);border-top:calc(var(--u)*.26) solid var(--xb-blue);
  border-radius:calc(var(--u)*.28);padding:calc(var(--u)*.28) calc(var(--u)*.38)}
.rm-c.t-red{border-top-color:var(--xb-red);border-color:#edc7c7}
.rm-c.t-amber{border-top-color:var(--xb-amber);border-color:#ead4ad}
.rm-ch{display:flex;align-items:center;gap:calc(var(--u)*.26);font-size:calc(var(--u)*0.97);font-weight:800;color:var(--xb-navy)}
.rm-ch b{width:calc(var(--u)*1.25);height:calc(var(--u)*1.25);border-radius:50%;background:var(--xb-navy);color:#fff;
  display:grid;place-items:center;font-size:calc(var(--u)*0.88);flex:0 0 auto}
.rm-ch em{margin-left:auto;font-style:normal;font-size:calc(var(--u)*0.9);color:var(--xb-mut);white-space:nowrap}
.rm-t{font-size:calc(var(--u)*0.95);line-height:1.18;color:var(--xb-ink)}
.rm-foot{display:flex;align-items:center;gap:calc(var(--u)*.3);font-size:calc(var(--u)*0.93);color:var(--xb-mut);
  background:#f5f9fd;border-radius:calc(var(--u)*.24);padding:calc(var(--u)*.16) calc(var(--u)*.44);line-height:1.16}

/* ── ТУМАНЛАР ТЎРИ ───────────────────────────────────────────── */
.dg{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:calc(var(--u)*.22);flex:1;min-height:0;
  align-content:space-evenly}
.dg-c{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u)*.26);border-radius:calc(var(--u)*.24);
  padding:calc(var(--u)*.20) calc(var(--u)*.40);border:calc(var(--u)*.04) solid var(--xb-line);min-width:0}
.dg.heat-red .dg-c{background:rgba(198,47,47,calc(var(--k)*.20));border-color:rgba(198,47,47,calc(var(--k)*.55))}
.dg.heat-blue .dg-c{background:rgba(30,90,168,calc(var(--k)*.18));border-color:rgba(30,90,168,calc(var(--k)*.5))}
.dg.heat-amber .dg-c{background:rgba(217,130,26,calc(var(--k)*.20));border-color:rgba(217,130,26,calc(var(--k)*.55))}
.dg-l{min-width:0;flex:1;font-size:calc(var(--u)*0.97);font-weight:700;color:var(--xb-ink);line-height:1.12}
.dg-v{font-size:calc(var(--u)*1.32);font-weight:900;color:var(--xb-navy);white-space:nowrap}
.dg-s{flex:0 0 100%;font-size:calc(var(--u)*0.85);color:var(--xb-mut);font-weight:600;line-height:1.14;
  margin-top:calc(var(--u)*-.08)}
.dg-foot{display:flex;align-items:center;gap:calc(var(--u)*.3);font-size:calc(var(--u)*0.93);color:var(--xb-mut);
  background:#f5f9fd;border-radius:calc(var(--u)*.24);padding:calc(var(--u)*.16) calc(var(--u)*.44);
  margin-top:calc(var(--u)*.24);line-height:1.16}

/* ── ТАСДИҚ МУҲРИ ────────────────────────────────────────────── */
.stampbox{display:flex;flex-direction:column;gap:calc(var(--u)*.14);background:linear-gradient(160deg,#fffdf5,#fff);
  border:calc(var(--u)*.07) solid #d9b95a;border-radius:calc(var(--u)*.3);padding:calc(var(--u)*.45) calc(var(--u)*.7);
  text-align:right;justify-content:center;min-height:0}
.stamp-h{font-size:calc(var(--u)*1.32);font-weight:900;color:#8a6a10;letter-spacing:.5px}
.stamp-l{font-size:calc(var(--u)*0.95);color:var(--xb-ink);line-height:1.2}
.stamp-sig{display:flex;align-items:baseline;justify-content:flex-end;gap:calc(var(--u)*.4);margin-top:calc(var(--u)*.2)}
.stamp-sig span{font-size:calc(var(--u)*0.83);color:var(--xb-mut);border-bottom:calc(var(--u)*.05) solid #b9c7d5;
  width:calc(var(--u)*6);text-align:center}
.stamp-sig b{font-size:calc(var(--u)*1.1);color:var(--xb-navy)}
.stamp-d{font-size:calc(var(--u)*0.93);color:var(--xb-mut);font-weight:700}

/* ── ИМЗО БЛОКИ ──────────────────────────────────────────────── */
.signbox{display:flex;flex-direction:column;gap:calc(var(--u)*.3);background:#fff;
  border:calc(var(--u)*.05) solid var(--xb-line);border-radius:calc(var(--u)*.3);
  padding:calc(var(--u)*.4) calc(var(--u)*.6);justify-content:center;min-height:0}
.sign-h{display:flex;align-items:center;gap:calc(var(--u)*.3);font-size:calc(var(--u)*1.04);font-weight:800;color:var(--xb-navy)}
.sign-r{display:grid;grid-template-columns:minmax(0,1fr) calc(var(--u)*8) auto;align-items:end;gap:calc(var(--u)*.4)}
.sign-role{font-size:calc(var(--u)*0.93);color:var(--xb-mut);line-height:1.18;font-weight:600}
.sign-line{height:calc(var(--u)*.06);background:#b9c7d5}
.sign-name{font-size:calc(var(--u)*1.07);font-weight:800;color:var(--xb-navy);white-space:nowrap}

/* ── Портрет — тор устунларда тузилмалар устма-уст ───────────── */
.sheet[data-orient="port"] .sp-cols{grid-template-columns:1fr}
.sheet[data-orient="port"] .sb-r{grid-template-columns:minmax(0,1fr) auto auto auto;row-gap:calc(var(--u)*.2)}
.sheet[data-orient="port"] .sb-p{grid-column:1/-1;align-items:flex-start}

@media print{
  .ag,.person,.sb-r,.sp-col,.fs,.vd,.rm-c,.dg-c,.stampbox,.signbox{box-shadow:none !important}
}

/* ихчам матрица — кўп қаторли жадваллар учун */
table.mx.compact th{font-size:calc(var(--u)*0.88);padding:calc(var(--u)*.11) calc(var(--u)*.22)}
table.mx.compact td{padding:calc(var(--u)*.055) calc(var(--u)*.22);font-size:calc(var(--u)*0.97)}
table.mx.compact td.mx-l{font-size:calc(var(--u)*0.93)}
/* муқовадаги 5 та бўлим бир қаторда */
.cv .toc{grid-template-columns:repeat(5,1fr)}
.sheet[data-orient="port"] .cv .toc{grid-template-columns:repeat(2,1fr)}

/* ── Тузатишлар ──────────────────────────────────────────────── */
/* дафтар якуни: тўқ фонда рақам оқ рангда (td.lg-c b дан устун турсин) */
table.lg tfoot td.lg-c b{color:#fff}
/* ҳисоб тахтасидаги фарқ қутиси мазмунга қараб — ортиқча чўзилмасин */
.sb-r{grid-template-columns:minmax(0,1.6fr) auto auto auto minmax(calc(var(--u)*9.5),auto)}
.sb-p{align-items:center;text-align:center}
/* топшириқлар рўйхати карта баландлигига текис тақсимлансин */
ol.as-l{justify-content:space-evenly}
/* йўл схемаси: км ёрлиқлари йўл тасмаси ичида — карталар устига тушмасин */
.rm-km{top:50%;bottom:auto;transform:translateY(-50%);color:#eef3f8;background:rgba(12,28,44,.55);
  border-radius:calc(var(--u)*.18);padding:calc(var(--u)*.04) calc(var(--u)*.30)}
.rm-km.s{left:calc(var(--u)*.35)} .rm-km.e{right:calc(var(--u)*.35)}
.rm-c{justify-content:center}
/* занжир қадамлари — мазмун карта марказида */
.fs{justify-content:center}

/* ═══════════ 2026-09-11 (кечқурун) — йирик матн, кўп сурат, янги иконкалар ═══════════ */
/* стандарт блоклар ҳам баёнда йирикроқ */
.card > .ch{font-size:calc(var(--u)*1.02)}
.note{font-size:calc(var(--u)*1.04);line-height:1.24}
.kpi .l{font-size:calc(var(--u)*.96)}
.kpi .n{font-size:calc(var(--u)*.86)}
.mapcap{font-size:calc(var(--u)*.92)}
.ph h2{font-size:calc(var(--u)*1.62)}
.ph p{font-size:calc(var(--u)*.90)}
.page-photo figcaption{font-size:calc(var(--u)*.74)}

/* ён устун: сурат кенгроқ ва баландроқ, стикер ихчамроқ */
.illustrated-card>.cb{grid-template-columns:minmax(0,1fr) clamp(calc(var(--u)*6.2),25%,calc(var(--u)*13.5))}
.block-visual{grid-template-rows:minmax(0,2.4fr) minmax(0,.9fr) auto;padding:calc(var(--u)*.26) calc(var(--u)*.24)}
.side-art{--s:min(100cqw,calc(var(--u)*4.4),26cqh)}
.block-visual.no-photo .side-art,.block-visual.compact .side-art{--s:min(100cqw,calc(var(--u)*5.2),58cqh)}
.block-photo{border-width:calc(var(--u)*.06)}
/* варақ сарлавҳасидаги сурат каттароқ */
.sheet .ph{min-height:calc(var(--u)*5.6)}
.sheet .ph .page-photo{height:calc(var(--u)*5.0);flex-basis:34%}

/* суратлар қатори */
.gal{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:calc(var(--u)*.34);flex:1;min-height:0}
.gal-f{margin:0;display:flex;flex-direction:column;min-height:0;min-width:0;background:#fff;border-radius:calc(var(--u)*.28);
  overflow:hidden;border:calc(var(--u)*.05) solid var(--xb-line);border-bottom:calc(var(--u)*.14) solid #cbb06b;
  box-shadow:0 calc(var(--u)*.08) calc(var(--u)*.26) rgba(14,46,90,.16)}
.gal-photo{flex:1 1 auto;min-height:0;width:100%;object-fit:cover;display:block}
.gal-f figcaption{display:flex;align-items:center;gap:calc(var(--u)*.26);padding:calc(var(--u)*.16) calc(var(--u)*.30);
  font-size:calc(var(--u)*.86);font-weight:700;color:var(--xb-navy);background:linear-gradient(90deg,#eef5fb,#fff);line-height:1.14}
.gal-foot{display:flex;align-items:center;gap:calc(var(--u)*.3);font-size:calc(var(--u)*.84);color:var(--xb-mut);margin-top:calc(var(--u)*.22)}

/* ── ИКОНКАЛАР — «бошқача нафас»: градиентли нишонда оқ иконка ── */
.sheet .sticker.pro-art{
  --g1:#3E8BE0;--g2:#143C73;color:#fff;border:0;border-radius:30%;
  background:linear-gradient(145deg,var(--g1) 0%,var(--g2) 100%);
  box-shadow:0 calc(var(--u)*.10) calc(var(--u)*.30) rgba(14,46,90,.28),
    inset 0 calc(var(--u)*.06) 0 rgba(255,255,255,.32),inset 0 calc(var(--u)*-.16) calc(var(--u)*.32) rgba(0,0,0,.20)}
.sheet .sticker.pro-art svg{stroke-width:2.2;filter:drop-shadow(0 .04em .08em rgba(0,0,0,.28))}
.sheet .sticker.pro-art svg :is(path,circle,rect,ellipse,polygon,polyline){fill:#fff;fill-opacity:.16}
.sheet .kpi.t-bad .sticker.pro-art,.sheet .note.t-red .sticker.pro-art{--g1:#E4585D;--g2:#9A1C22}
.sheet .kpi.t-good .sticker.pro-art,.sheet .note.t-good .sticker.pro-art{--g1:#31B26E;--g2:#0F5E37}
.sheet .kpi.t-amber .sticker.pro-art,.sheet .note.t-amber .sticker.pro-art{--g1:#F0A742;--g2:#A15C0B}
.sheet .kpi.t-blue .sticker.pro-art{--g1:#4B93DD;--g2:#1B4F8F}
.sheet .card.t-red .block-visual .sticker.pro-art{--g1:#E4585D;--g2:#9A1C22}
.sheet .card.t-good .block-visual .sticker.pro-art{--g1:#31B26E;--g2:#0F5E37}
.sheet .card.t-amber .block-visual .sticker.pro-art{--g1:#F0A742;--g2:#A15C0B}
.sheet .card.t-dark .block-visual .sticker.pro-art{--g1:#2C5E97;--g2:#0B2A55}
/* блок ичидаги кичик иконкалар — ўз рангидаги юмшоқ доира ичида */
.card.xb .cb .emo.pro-icon:not(.sticker){width:1.5em;height:1.5em;flex:0 0 1.5em;padding:.25em;box-sizing:border-box;border-radius:50%;
  background:color-mix(in srgb,currentColor 12%,#fff);box-shadow:inset 0 0 0 .06em color-mix(in srgb,currentColor 30%,transparent)}
.card.xb .cb .emo.pro-icon:not(.sticker) svg{stroke-width:2.1}
.card.xb .cb .person .pi .emo.pro-icon{background:none;box-shadow:none;padding:0;width:1.1em;height:1.1em;flex-basis:1.1em}
.person .pi{width:calc(var(--u)*2.5);height:calc(var(--u)*2.5);border-radius:30%;display:grid;place-items:center;
  background:linear-gradient(145deg,#3E8BE0,#143C73);color:#fff;font-size:calc(var(--u)*1.35);flex:0 0 auto;
  box-shadow:0 calc(var(--u)*.08) calc(var(--u)*.22) rgba(14,46,90,.25)}
.person.t-amber .pi{background:linear-gradient(145deg,#F0A742,#A15C0B)}
.fs-i > .emo.pro-icon{color:#fff !important;background:linear-gradient(145deg,#3E8BE0,#143C73) !important;border-radius:30% !important;
  width:1.55em !important;height:1.55em !important;flex-basis:1.55em !important;padding:.3em !important;box-shadow:0 calc(var(--u)*.1) calc(var(--u)*.28) rgba(14,46,90,.28) !important}
.fs.t-good .fs-i > .emo.pro-icon{background:linear-gradient(145deg,#31B26E,#0F5E37) !important}
.fs.t-amber .fs-i > .emo.pro-icon{background:linear-gradient(145deg,#F0A742,#A15C0B) !important}
.fs.t-red .fs-i > .emo.pro-icon{background:linear-gradient(145deg,#E4585D,#9A1C22) !important}
.fs.t-dark .fs-i > .emo.pro-icon{background:linear-gradient(145deg,#2C5E97,#0B2A55) !important}
@media print{.sheet .sticker.pro-art svg{filter:none}}

/* матрица: бирлик (км / та) ном билан бир қаторда; дафтар: улуш тасмаси рақам ёнида */
table.mx td.mx-l > span{flex-direction:row;align-items:baseline;flex-wrap:wrap;column-gap:calc(var(--u)*.3)}
.lg-bar{display:inline-block;vertical-align:middle;width:calc(var(--u)*4.6);height:calc(var(--u)*.5);margin:0 calc(var(--u)*.4) 0 0}
table.lg td.lg-l > span{flex-direction:row;align-items:baseline;flex-wrap:wrap;column-gap:calc(var(--u)*.3)}
/* ён устундаги изоҳлар ва фото манбаси ўқиладиган бўлсин */
.block-fig small{font-size:calc(var(--u)*.58)}
.side-label{font-size:clamp(calc(var(--u)*.5),9.5cqi,calc(var(--u)*.68))}
/* шахс нишонидаги иконка — оқ (умумий .ico кўк рангидан устун) */
.person .pi .ico,.person .pi .emo.pro-icon{color:#fff !important}
.card.xb .cb .person .pi .emo.pro-icon{width:1.2em;height:1.2em;flex-basis:1.2em}
.card.xb .cb .person .pi .emo.pro-icon svg{stroke-width:2.2}
/* ён устун ёрлиғи — сўз бўлинмасин, устун энига мос ўлчам */
.side-label{font-size:clamp(calc(var(--u)*.44),7.2cqi,calc(var(--u)*.66));overflow-wrap:normal;word-break:normal;hyphens:none}
/* муқова: қисқа сарлавҳа — йирик */
.cover .cv h1{font-size:calc(var(--u)*4.6);line-height:1.02;letter-spacing:-.5px}
.cover .cv .sb{font-size:calc(var(--u)*1.45)}
.cover .cv .ld{font-size:calc(var(--u)*1.18)}
.sheet[data-orient="port"] .cover .cv h1{font-size:calc(var(--u)*6.2)}
.cover .cv .rule{margin-top:calc(var(--u)*1.0)}