/* ═══════════════════════════════════════════════════════════════
   Андижон ЙҲХБ — ПЛАНШЕТ
   A0 (1189×841 / 841×1189 мм) веб + чоп этиш услуби
   ═══════════════════════════════════════════════════════════════ */

/* ── Ранглар ─────────────────────────────────────────────────── */
:root{
  --navy:      #0E2E5A;
  --navy-2:    #143C73;
  --blue:      #2C74C4;
  --blue-2:    #1E5AA8;
  --blue-pale: #EAF2FB;
  --blue-line: #C2D8F0;

  --ink:       #16283F;
  --ink-soft:  #4A6079;
  --muted:     #7A8EA5;

  --red:       #C62F2F;
  --red-pale:  #FDEDED;
  --red-line:  #F3C9C9;

  --green:     #1B8E52;
  --green-pale:#EAF7F0;
  --green-line:#BFE5D1;

  --amber:     #D9821A;
  --amber-pale:#FDF4E6;
  --amber-line:#F4DDB4;

  --paper:     #FFFFFF;
  --shadow:    0 .12em .5em rgba(14,46,90,.10);

  /* диаграмма ранглари */
  --c1:#2C74C4; --c2:#C62F2F; --c3:#D9821A; --c4:#7C5FCF;
  --c5:#1B8E52; --c6:#E5B93C;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:#5A6B80;
  color:var(--ink);
  font-family:"Segoe UI","Noto Sans",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.emo{
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
  font-style:normal; font-weight:400; line-height:1;
}

/* ═══════════ ЭКРАН ИНТЕРФЕЙСИ ═══════════ */
#app{display:flex; min-height:100vh}

/* Ён панель */
#side{
  width:330px; flex:0 0 330px; background:var(--navy); color:#DCE8F7;
  display:flex; flex-direction:column; position:sticky; top:0; height:100vh;
}
#side .brand{padding:16px 18px 12px; border-bottom:1px solid rgba(255,255,255,.13)}
#side .brand b{display:block; font-size:15px; letter-spacing:.4px; color:#fff}
#side .brand span{display:block; font-size:11.5px; color:#9FBBDD; margin-top:3px; line-height:1.4}

#side .tools{padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.13); display:flex; flex-wrap:wrap; gap:7px}
.btn{
  background:rgba(255,255,255,.10); color:#EAF2FB; border:1px solid rgba(255,255,255,.20);
  border-radius:7px; padding:7px 11px; font-size:12px; cursor:pointer; font-family:inherit;
  display:inline-flex; align-items:center; gap:6px;
}
.btn:hover{background:rgba(255,255,255,.19)}
.btn.on{background:#2C74C4; border-color:#5C9BE0; color:#fff}
.btn.wide{width:100%; justify-content:center}

#nav{overflow:auto; flex:1; padding:8px 0 30px}
#nav .grp{
  padding:12px 18px 5px; font-size:10.5px; letter-spacing:1.2px;
  color:#7FA5D2; text-transform:uppercase; font-weight:700;
}
#nav a{
  display:flex; gap:9px; align-items:center; padding:7px 18px; color:#C8DBF2;
  text-decoration:none; font-size:12.8px; border-left:3px solid transparent; line-height:1.3;
}
#nav a:hover{background:rgba(255,255,255,.07); color:#fff}
#nav a.cur{background:rgba(44,116,196,.36); border-left-color:#6FB0F5; color:#fff; font-weight:600}
#nav a .n{
  flex:0 0 26px; text-align:center; font-size:11px; color:#89ADD8;
  background:rgba(255,255,255,.09); border-radius:5px; padding:2px 0;
}
#nav a.cur .n{background:#2C74C4; color:#fff}

/* Саҳна */
#stage{flex:1; overflow:auto; padding:26px; display:flex; flex-direction:column; align-items:center; gap:26px}
.sheet-wrap{position:relative}
#stage .sheet{transform-origin:top left; box-shadow:0 10px 40px rgba(0,0,0,.35)}

/* ═══════════ ПЛАНШЕТ ВАРАҒИ ═══════════ */
.sheet{
  --u: 11.89mm;                 /* 1% эни (A0 landscape) */
  width:1189mm; height:841mm;
  background:var(--paper);
  font-size:calc(var(--u)*.78);
  line-height:1.30;
  display:flex; flex-direction:column;
  overflow:hidden; position:relative;
  border:calc(var(--u)*.18) solid var(--navy);
  box-shadow:0 18px 50px rgba(10,35,70,.4), 0 3px 12px rgba(10,35,70,.2);
}
.sheet[data-orient="port"]{
  --u: 8.41mm;
  width:841mm; height:1189mm;
}

/* ── Расмий идоравий олтин ҳошия (рамка) ── */
.sheet::before{
  content:"";
  position:absolute;
  inset:calc(var(--u)*.14);
  border:calc(var(--u)*.085) solid #D4AF37;
  box-shadow:
    0 0 0 calc(var(--u)*.025) #0A2244,
    inset 0 0 0 calc(var(--u)*.025) #0A2244;
  pointer-events:none;
  z-index:90;
}
.sheet::after{
  content:"";
  position:absolute;
  inset:calc(var(--u)*.26);
  border:calc(var(--u)*.025) solid rgba(212,175,55,.85);
  box-shadow:
    0 0 0 calc(var(--u)*.015) rgba(10,34,68,.35),
    inset 0 0 0 calc(var(--u)*.015) rgba(10,34,68,.35);
  pointer-events:none;
  z-index:90;
}

/* ── Сарлавҳа банди ── */
.hd{
  background:linear-gradient(180deg,var(--navy-2),var(--navy));
  color:#fff; display:flex; align-items:center; gap:calc(var(--u)*.9);
  padding:calc(var(--u)*.55) calc(var(--u)*1.0);
}
.hd .seal{
  flex:0 0 auto; width:calc(var(--u)*4.0); height:calc(var(--u)*4.0);
  border-radius:50%; display:grid; place-items:center; overflow:hidden;
  background:radial-gradient(circle at 35% 30%,#F5D77A,#C9A02F 60%,#8C6B12);
  border:calc(var(--u)*.12) solid #F0DFA6;
  box-shadow:inset 0 0 calc(var(--u)*.3) rgba(0,0,0,.35);
}
.hd .seal img{width:100%; height:100%; object-fit:contain}
.hd .seal .fb{font-size:calc(var(--u)*1.5); color:#4A3708; font-weight:800; letter-spacing:.5px}
.hd .tt{flex:1; min-width:0}
.hd h1{
  margin:0; font-size:calc(var(--u)*1.62); line-height:1.08; font-weight:800;
  letter-spacing:.4px; text-transform:uppercase;
}
.hd .st{margin-top:calc(var(--u)*.22); font-size:calc(var(--u)*.80); color:#B9D2F0; font-weight:500}
.hd .badge{
  flex:0 0 auto; text-align:right; font-size:calc(var(--u)*.76); color:#B9D2F0; line-height:1.4;
}
.hd .badge b{display:block; font-size:calc(var(--u)*1.08); color:#fff}
.hd .pgno{
  flex:0 0 auto; width:calc(var(--u)*3.2); height:calc(var(--u)*3.2); border-radius:calc(var(--u)*.5);
  background:#fff; color:var(--navy); display:grid; place-items:center;
  font-size:calc(var(--u)*1.62); font-weight:800;
}

/* ── Тематик варақ фони (субъектив ва объектив мавзулар) ── */
.sheet-bg{
  position:absolute; inset:0; pointer-events:none; z-index:0;
  background-size:cover; background-position:center;
  opacity:0.045; filter:contrast(1.15) saturate(1.10);
  mix-blend-mode:multiply;
}
.sheet-bg-cover { background-image:url('../img/bg_cover.jpg'); opacity:0.080; }
.sheet-bg-p01   { background-image:url('../img/bg_speed_traffic.jpg'); }
.sheet-bg-p02   { background-image:url('../img/bg_regional_city.jpg'); }
.sheet-bg-p03   { background-image:url('../img/infra_pedestrian.jpg'); }
.sheet-bg-p04   { background-image:url('../img/bg_traffic_night.jpg'); }
.sheet-bg-p05   { background-image:url('../img/barrier_radar.jpg'); }
.sheet-bg-p06   { background-image:url('../img/smart_center.jpg'); }
.sheet-bg-p07   { background-image:url('../img/bg_smart_city.jpg'); }
.sheet-bg-p08   { background-image:url('../img/vehicle_inspect.jpg'); }
.sheet-bg-p09   { background-image:url('../img/bg_media_campaign.jpg'); }
.sheet-bg-p10   { background-image:url('../img/bg_future_vision.jpg'); }

.hd, .secbar, .ph, .bd, .cv, .cc, .ft{
  position:relative; z-index:2;
}

/* ── Ҳақиқий рангли ва 3D иконкалар услуби ── */
.icon-img{
  display:inline-block; vertical-align:middle;
  object-fit:contain; flex-shrink:0;
  filter:drop-shadow(0 2px 5px rgba(10,35,70,0.18));
}
.kpi .icon-img{
  width:calc(var(--u)*2.30); height:calc(var(--u)*2.30);
}
.tile .icon-img{
  width:calc(var(--u)*1.55); height:calc(var(--u)*1.55);
}
.banner .icon-img{
  width:calc(var(--u)*2.35); height:calc(var(--u)*2.35);
}
.card > .ch .icon-img{
  width:calc(var(--u)*1.20); height:calc(var(--u)*1.20);
  margin-right:calc(var(--u)*.10);
}
table.tb .icon-img{
  width:calc(var(--u)*1.00); height:calc(var(--u)*1.00);
  margin-right:calc(var(--u)*.12);
}
ul.lst li .icon-img{
  width:calc(var(--u)*1.15); height:calc(var(--u)*1.15);
  margin-top:calc(var(--u)*-.04);
}
.note .icon-img{
  width:calc(var(--u)*1.35); height:calc(var(--u)*1.35);
}
.ph .icon-img{
  width:calc(var(--u)*2.10); height:calc(var(--u)*2.10);
}
.secbar .icon-img{
  width:calc(var(--u)*1.35); height:calc(var(--u)*1.35);
}
.ft .icon-img{
  width:calc(var(--u)*1.10); height:calc(var(--u)*1.10);
}

/* ── Йўналиш банди ── */
.secbar{
  display:flex; align-items:center; gap:calc(var(--u)*.7);
  background:linear-gradient(90deg,var(--navy),var(--blue));
  color:#fff; padding:calc(var(--u)*.30) calc(var(--u)*1.0);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
.secbar .num{
  width:calc(var(--u)*1.75); height:calc(var(--u)*1.75); border-radius:calc(var(--u)*.36);
  background:#fff; color:var(--navy); display:grid; place-items:center;
  font-weight:800; font-size:calc(var(--u)*1.05); flex:0 0 auto;
  box-shadow:0 2px 6px rgba(0,0,0,.25);
}
.secbar .tx{font-size:calc(var(--u)*1.02); font-weight:700; letter-spacing:.6px; text-transform:uppercase}

/* ── Саҳифа сарлавҳаси ── */
.ph{padding:calc(var(--u)*.46) calc(var(--u)*1.0) calc(var(--u)*.24); display:flex; align-items:baseline; gap:calc(var(--u)*.6)}
.ph .ic{font-size:calc(var(--u)*1.85)}
.ph h2{margin:0; font-size:calc(var(--u)*1.56); font-weight:800; color:var(--navy); line-height:1.15}
.ph p{margin:calc(var(--u)*.10) 0 0; font-size:calc(var(--u)*.86); color:var(--ink-soft)}
.ph .txt{flex:1; min-width:0}

/* ── Танаси: 12 устунли тўр ── */
.bd{
  flex:1; min-height:0; display:grid; grid-template-columns:repeat(12,1fr);
  gap:calc(var(--u)*.34); padding:0 calc(var(--u)*.80) calc(var(--u)*.46);
  grid-auto-rows:minmax(0,auto); align-content:stretch;
}

/* ── Умумий карта ── */
.card{
  background:var(--paper); border:calc(var(--u)*.06) solid var(--blue-line);
  border-radius:calc(var(--u)*.45); box-shadow:0 3px 12px rgba(14,46,90,.07);
  display:flex; flex-direction:column; overflow:hidden; min-height:0;
}
.card > .ch{
  display:flex; align-items:center; gap:calc(var(--u)*.30);
  padding:calc(var(--u)*.18) calc(var(--u)*.44);
  background:var(--blue-pale); border-bottom:calc(var(--u)*.05) solid var(--blue-line);
  font-weight:700; font-size:calc(var(--u)*.84); color:var(--navy);
}
.card > .ch .emo{font-size:calc(var(--u)*.96)}
.card > .cb{padding:calc(var(--u)*.20) calc(var(--u)*.38); flex:1; min-height:0; display:flex; flex-direction:column}

.card.t-red   > .ch{background:#FEE2E2; border-bottom-color:#FCA5A5; color:#991B1B}
.card.t-good  > .ch{background:#DCFCE7; border-bottom-color:#86EFAC; color:#166534}
.card.t-amber > .ch{background:#FEF3C7; border-bottom-color:#FCD34D; color:#92400E}
.card.t-blue  > .ch{background:#DBEAFE; border-bottom-color:#93C5FD; color:#1E40AF}
.card.t-dark  > .ch{background:linear-gradient(180deg,#143C73,#0E2E5A); border-bottom-color:#0E2E5A; color:#fff}
.card.t-red  {border-color:#FCA5A5; background:#FFFBFB}
.card.t-good {border-color:#86EFAC; background:#FBFFFC}
.card.t-amber{border-color:#FCD34D; background:#FFFEFA}
.card.t-blue {border-color:#93C5FD; background:#F8FAFC}

/* ── KPI карта ── */
.kpi{
  border-radius:calc(var(--u)*.45); padding:calc(var(--u)*.20) calc(var(--u)*.48);
  display:flex; flex-direction:column; justify-content:center; gap:calc(var(--u)*.02);
  border:calc(var(--u)*.065) solid var(--blue-line); background:#F0F7FF;
  box-shadow:0 3px 12px rgba(14,46,90,.08); position:relative; overflow:hidden; min-height:0;
}
.kpi::before{content:""; position:absolute; left:0; top:0; bottom:0; width:calc(var(--u)*.28); background:var(--blue)}
.kpi .top{display:flex; align-items:center; gap:calc(var(--u)*.36)}
.kpi .emo{font-size:calc(var(--u)*1.85); flex:0 0 auto}
.kpi .v{font-size:calc(var(--u)*2.15); font-weight:800; color:var(--navy); line-height:1.00; letter-spacing:-.5px}
.kpi .l{font-size:calc(var(--u)*.80); font-weight:800; letter-spacing:.6px; color:var(--ink-soft); text-transform:uppercase; line-height:1.10}
.kpi .n{font-size:calc(var(--u)*.70); color:var(--ink-soft); line-height:1.06; font-weight:500}
.kpi .arw{margin-left:auto; font-size:calc(var(--u)*1.70); font-weight:800; line-height:1}

.kpi.t-good {background:#F0FDF4; border-color:#86EFAC}
.kpi.t-good::before{background:#16A34A}
.kpi.t-good .v, .kpi.t-good .arw{color:#15803D}
.kpi.t-bad  {background:#FEF2F2; border-color:#FCA5A5}
.kpi.t-bad::before{background:#DC2626}
.kpi.t-bad .v, .kpi.t-bad .arw{color:#B91C1C}
.kpi.t-amber{background:#FFFBEB; border-color:#FCD34D}
.kpi.t-amber::before{background:#D97706}
.kpi.t-amber .v, .kpi.t-amber .arw{color:#B45309}
.kpi.t-blue {background:#EFF6FF; border-color:#93C5FD}
.kpi.t-blue::before{background:#2563EB}
.kpi.t-blue .v{color:#1D4ED8}

/* ── Кичик плитка ── */
.tile{
  border-radius:calc(var(--u)*.38); padding:calc(var(--u)*.12) calc(var(--u)*.38);
  background:#F0F7FF; border:calc(var(--u)*.06) solid var(--blue-line);
  display:flex; flex-direction:column; gap:calc(var(--u)*.03); justify-content:center;
  box-shadow:0 2px 8px rgba(14,46,90,.06); min-height:0;
}
.tile .hdr{display:flex; align-items:center; gap:calc(var(--u)*.32)}
.tile .emo{font-size:calc(var(--u)*1.30)}
.tile .v{font-size:calc(var(--u)*1.65); font-weight:800; color:var(--navy); line-height:1.05}
.tile .l{font-size:calc(var(--u)*.76); color:var(--ink-soft); line-height:1.08}
.tile.t-bad{background:#FEF2F2; border-color:#FCA5A5}   .tile.t-bad .v{color:#B91C1C}
.tile.t-good{background:#F0FDF4; border-color:#86EFAC} .tile.t-good .v{color:#15803D}
.tile.t-amber{background:#FFFBEB; border-color:#FCD34D} .tile.t-amber .v{color:#B45309}

/* ── Рўйхат ── */
ul.lst{margin:0; padding:0; list-style:none; display:grid; gap:calc(var(--u)*.08); align-content:start; flex:1; min-height:0}
ul.lst.c2{grid-template-columns:1fr 1fr; column-gap:calc(var(--u)*.5)}
ul.lst li{display:flex; gap:calc(var(--u)*.28); align-items:flex-start; font-size:calc(var(--u)*.82); line-height:1.20}
ul.lst li .emo{font-size:calc(var(--u)*.92); flex:0 0 auto; margin-top:calc(var(--u)*-.02)}
.card.t-dark ul.lst li{color:var(--ink)}

/* ── Матн абзаци ── */
.para{font-size:calc(var(--u)*.82); color:var(--ink-soft); margin:0; display:flex; align-items:center}

/* ── Баннер (сабаблар сарлавҳаси) ── */
.banner{
  display:flex; align-items:center; gap:calc(var(--u)*.5);
  border-radius:calc(var(--u)*.38); padding:calc(var(--u)*.36) calc(var(--u)*.58);
  color:#fff; margin:0; box-shadow:0 3px 10px rgba(0,0,0,.15);
}
.banner.b-amber{background:linear-gradient(90deg,#C97B14,#E8A03C)}
.banner.b-red{background:linear-gradient(90deg,#A82525,#D24A4A)}
.banner .emo{font-size:calc(var(--u)*1.85)}
.banner .big{font-size:calc(var(--u)*1.15); font-weight:800; letter-spacing:.8px}
.banner .small{margin-left:auto; font-size:calc(var(--u)*1.45); font-weight:800}

/* ── Жадвал ── */
table.tb{width:100%; border-collapse:collapse; font-size:calc(var(--u)*.76); table-layout:auto}
table.tb th, table.tb td{overflow-wrap:break-word}
table.tb td.a-r, table.tb th.a-r, table.tb td.a-c, table.tb th.a-c{white-space:nowrap}
table.tb th{
  background:var(--navy); color:#fff; font-weight:700; text-align:left;
  padding:calc(var(--u)*.12) calc(var(--u)*.30); font-size:calc(var(--u)*.72);
  letter-spacing:.2px; line-height:1.12;
}
table.tb td{
  padding:calc(var(--u)*.062) calc(var(--u)*.30); border-bottom:calc(var(--u)*.04) solid #E3EDF8;
  line-height:1.08; vertical-align:middle;
}
table.tb tbody tr:nth-child(even) td{background:#F7FAFE}
table.tb tbody tr.mk td{background:#FFF4E2; font-weight:700}
table.tb tfoot td{background:var(--blue-pale); font-weight:800; color:var(--navy); border-top:calc(var(--u)*.08) solid var(--blue-line)}
table.tb .a-r{text-align:right} table.tb .a-c{text-align:center} table.tb .a-l{text-align:left}
table.tb .cellic{display:flex; gap:calc(var(--u)*.24); align-items:center}
table.tb .cellic .emo{font-size:calc(var(--u)*.76); flex:0 0 auto}
table.tb.compact td, table.tb.compact th{padding:calc(var(--u)*.08) calc(var(--u)*.24); font-size:calc(var(--u)*.68)}
.up{color:var(--red); font-weight:700} .dn{color:var(--green); font-weight:700}

/* ── Харита ── */
.mapbox{flex:1; min-height:0; display:flex; align-items:center; justify-content:center; padding:calc(var(--u)*.15)}
.mapbox img{max-width:100%; max-height:100%; object-fit:contain}
.mapcap{
  font-size:calc(var(--u)*.76); color:var(--ink-soft); text-align:center;
  padding:calc(var(--u)*.20) calc(var(--u)*.40) 0; line-height:1.3;
}

/* ── Изоҳ банди ── */
.note{
  display:flex; gap:calc(var(--u)*.45); align-items:center;
  border-radius:calc(var(--u)*.38); padding:calc(var(--u)*.26) calc(var(--u)*.52);
  font-size:calc(var(--u)*.86); line-height:1.25;
  background:var(--blue-pale); border-left:calc(var(--u)*.26) solid var(--blue); color:var(--ink);
}
.note .emo{font-size:calc(var(--u)*1.20); flex:0 0 auto}
.note.t-amber{background:var(--amber-pale); border-left-color:var(--amber)}
.note.t-good {background:var(--green-pale); border-left-color:var(--green)}
.note.t-red  {background:var(--red-pale);   border-left-color:var(--red)}

/* ── Ички гуруҳ ── */
.grp{display:grid; grid-template-columns:repeat(12,1fr); gap:calc(var(--u)*.20); align-content:stretch; min-height:0}
.grp.boxed{
  background:#F7FAFE; border:calc(var(--u)*.055) solid var(--blue-line);
  border-radius:calc(var(--u)*.42); padding:calc(var(--u)*.34); box-shadow:var(--shadow);
}
.grp .gt{
  grid-column:1/-1; display:flex; align-items:center; gap:calc(var(--u)*.34);
  font-size:calc(var(--u)*.84); font-weight:700; color:var(--navy);
  margin-bottom:calc(var(--u)*-.06);
}
.grp .gt .emo{font-size:calc(var(--u)*.92)}

/* ── Горизонтал устунлар (bars) ── */
.barlist{display:grid; grid-template-columns:minmax(0,1fr); gap:calc(var(--u)*.06);
  flex:1; min-height:0; align-content:space-evenly; justify-items:stretch; overflow:hidden}
.barrow{display:flex; align-items:center; gap:calc(var(--u)*.30); font-size:calc(var(--u)*.76); min-width:0}
.barrow .emo{font-size:calc(var(--u)*.84); flex:0 0 auto}
.barrow .bl{flex:0 0 27%; font-weight:600; line-height:1.15}
.barrow .bt{flex:1 1 auto; min-width:0; height:calc(var(--u)*.70); background:#EDF3FB; border-radius:calc(var(--u)*.36); overflow:hidden}
.barrow .bf{height:100%; border-radius:calc(var(--u)*.36); background:linear-gradient(90deg,var(--blue-2),var(--blue))}
.barrow .bv{flex:0 0 15%; text-align:right; font-weight:800; color:var(--navy)}

/* ── SVG диаграммалар ── */
.chartbox{flex:1; min-height:0; display:flex; flex-direction:column}
.chartbox svg{width:100%; height:100%; display:block}
.lgd{display:flex; flex-wrap:wrap; gap:calc(var(--u)*.55); justify-content:center; padding-top:calc(var(--u)*.18); font-size:calc(var(--u)*.72)}
.lgd i{display:inline-block; width:calc(var(--u)*.68); height:calc(var(--u)*.68); border-radius:calc(var(--u)*.12); margin-right:calc(var(--u)*.2); vertical-align:-6%}

/* ── Пастки банд ── */
.ft{
  background:linear-gradient(180deg,var(--navy),#0A2447); color:#fff;
  display:flex; align-items:center; gap:calc(var(--u)*1.0);
  padding:calc(var(--u)*.40) calc(var(--u)*1.0); margin-top:auto;
}
.ft .sl{font-size:calc(var(--u)*1.02); font-weight:800; letter-spacing:1.2px; color:#FFD98A}
.ft .soc{margin-left:auto; display:flex; gap:calc(var(--u)*.8); font-size:calc(var(--u)*.78); color:#BBD4F2}
.ft .soc span{display:flex; align-items:center; gap:calc(var(--u)*.22)}
.ft .tel{
  display:flex; align-items:center; gap:calc(var(--u)*.28); background:#fff; color:var(--navy);
  border-radius:calc(var(--u)*.9); padding:calc(var(--u)*.16) calc(var(--u)*.58);
  font-weight:800; font-size:calc(var(--u)*1.02);
}

/* ═══════════ МУҚОВА ═══════════ */
.sheet.cover .cv{
  flex:1; display:flex; align-items:center; gap:calc(var(--u)*2.0);
  padding:calc(var(--u)*1.6) calc(var(--u)*2.2);
}
.cv .lt{flex:1.05; min-width:0}
.cv .rt{flex:1; display:flex; align-items:center; justify-content:center}
.cv .rt img{max-width:100%; max-height:calc(var(--u)*40)}
.cv h1{margin:0; font-size:calc(var(--u)*2.6); line-height:1.08; font-weight:800; color:var(--navy); letter-spacing:-.5px}
.cv .rule{width:calc(var(--u)*17); height:calc(var(--u)*.46); background:var(--blue); border-radius:calc(var(--u)*.2);
  margin:calc(var(--u)*.72) 0 calc(var(--u)*.60)}
.cv .sb{font-size:calc(var(--u)*1.92); color:var(--blue-2); font-weight:700}
.cv .ld{font-size:calc(var(--u)*1.32); color:var(--ink-soft); margin-top:calc(var(--u)*.42); line-height:1.36; max-width:calc(var(--u)*52)}
.cv .hl{display:grid; grid-template-columns:repeat(2,1fr); gap:calc(var(--u)*.5); margin-top:calc(var(--u)*1.3)}
.cv .org{font-size:calc(var(--u)*1.10); color:var(--muted); letter-spacing:.6px; text-transform:uppercase; margin-bottom:calc(var(--u)*.42)}

/* ═══════════ ХУЛОСА ═══════════ */
.sheet.concl .cc{flex:1; display:flex; flex-direction:column; gap:calc(var(--u)*.6);
  padding:calc(var(--u)*.8) calc(var(--u)*1.0)}
.cc .row{display:grid; grid-template-columns:repeat(3,1fr); gap:calc(var(--u)*.5)}
.cc .pts{display:grid; gap:calc(var(--u)*.42); flex:1; min-height:0;
  align-content:stretch; grid-auto-rows:minmax(0,1fr); margin-top:calc(var(--u)*.2)}
.cc .pt{
  display:flex; gap:calc(var(--u)*.75); align-items:center; font-size:calc(var(--u)*1.34); line-height:1.30;
  background:#F7FAFE; border:calc(var(--u)*.05) solid var(--blue-line); border-left:calc(var(--u)*.24) solid var(--blue);
  border-radius:calc(var(--u)*.34); padding:calc(var(--u)*.50) calc(var(--u)*.90);
}
.cc .pt .emo{font-size:calc(var(--u)*1.75); flex:0 0 auto}
.sheet.concl .wm{position:absolute; right:calc(var(--u)*1.4); bottom:calc(var(--u)*4.6); width:calc(var(--u)*22); opacity:.10}

/* ═══════════ ЧОП ЭТИШ ═══════════ */
@media print{
  body{background:#fff}
  #side, #stage > .hint{display:none !important}
  #app{display:block}
  #stage{padding:0; display:block; gap:0}
  .sheet-wrap{margin:0}
  #stage .sheet{transform:none !important; box-shadow:none; margin:0; break-after:page; page-break-after:always}
  #stage .sheet:last-child{break-after:auto; page-break-after:auto}
  @page{size:1189mm 841mm; margin:0}
  .p-port @page{size:841mm 1189mm}
}
html.pp-port{}

/* ═══════════ Тўр ҳужайраларини тўлдириш (қўшимча) ═══════════ */
.cell{display:flex; flex-direction:column; min-height:0; min-width:0}
.cell > *{flex:1 1 auto; min-height:0}
.bd{align-content:stretch}
ul.lst{align-content:space-evenly}
.card > .cb > table.tb{height:100%}
.card > .cb > .barlist{align-content:space-evenly}
.grp .cell > *{min-height:0}
.note{align-items:center}

/* ═══════════ Муқова — тўлдирилган тартиб ═══════════ */
.sheet.cover .cv{
  flex:1; display:flex; flex-direction:column; gap:calc(var(--u)*.30);
  padding:calc(var(--u)*.40) calc(var(--u)*1.8) calc(var(--u)*.40);
  align-items:stretch;
}
.cv .cvtop{flex:1; display:flex; align-items:center; gap:calc(var(--u)*1.2); min-height:0}
.cv .lt{flex:.92; min-width:0; display:flex; flex-direction:column; justify-content:center; padding:0}
.cv .rt{flex:1.48; min-width:0; display:flex; align-items:center; justify-content:center}
.cv .rt .chartbox{width:100%; height:100%}
.cv h1{font-size:calc(var(--u)*2.50); line-height:1.06}
.cv .hl{display:grid; grid-template-columns:repeat(4,1fr); gap:calc(var(--u)*.36); margin:0}
.cv .toc{display:grid; grid-template-columns:repeat(4,1fr); gap:calc(var(--u)*.36); flex:0 0 auto}
.cv .tc{
  display:flex; align-items:center; gap:calc(var(--u)*.36);
  background:linear-gradient(90deg,var(--navy),var(--navy-2)); color:#fff;
  border-radius:calc(var(--u)*.36); border:calc(var(--u)*.04) solid rgba(255,255,255,.15);
  padding:calc(var(--u)*.45) calc(var(--u)*.70);
}
.cv .tn{
  flex:0 0 auto; width:calc(var(--u)*1.7); height:calc(var(--u)*1.7);
  border-radius:calc(var(--u)*.32); background:#fff; color:var(--navy);
  display:grid; place-items:center; font-weight:800; font-size:calc(var(--u)*1.10);
}
.cv .tt2{font-size:calc(var(--u)*.90); font-weight:600; line-height:1.18; letter-spacing:.3px}

/* ═══════════ Чоп этиш — якуний тузатишлар ═══════════ */
@media print{
  html,body{background:#fff !important}
  #side{display:none !important}
  #app{display:block !important}
  #stage{padding:0 !important; display:block !important; overflow:visible !important}
  .sheet-wrap{
    display:block !important;
    width:auto !important; height:auto !important; margin:0 !important;
    break-after:page; page-break-after:always; break-inside:avoid;
  }
  .sheet-wrap:last-child{break-after:auto; page-break-after:auto}
  #stage .sheet{
    transform:none !important; box-shadow:none !important; margin:0 !important;
    break-after:auto; page-break-after:auto;
  }
  .card,.kpi,.tile,.note,.grp.boxed{box-shadow:none !important}
  *{-webkit-print-color-adjust:exact; print-color-adjust:exact}
}

/* ═══════════ Профессионал SVG иконкалар ═══════════ */
.ico{display:inline-flex; align-items:center; justify-content:center}
.ico svg{width:1.12em; height:1.12em; display:block; overflow:visible}
.ico svg *{vector-effect:non-scaling-stroke}
/* карта оҳангига қараб иконка ранги */
.card.t-red   .ico, .kpi.t-bad   .ico, .tile.t-bad   .ico, .note.t-red   .ico{color:var(--red)}
.card.t-good  .ico, .kpi.t-good  .ico, .tile.t-good  .ico, .note.t-good  .ico{color:var(--green)}
.card.t-amber .ico, .kpi.t-amber .ico, .tile.t-amber .ico, .note.t-amber .ico{color:var(--amber)}
.card.t-dark  > .ch .ico{color:#fff}
.banner .ico{color:#fff}
.ico{color:var(--blue-2)}

/* Тўқ фондаги иконкалар — контраст тузатиш */
.ft .ico, .ft .emo{color:#BBD4F2}
.ft .tel .ico{color:var(--navy)}
.secbar .ico, .hd .ico{color:#fff}
.cv .tc .ico{color:#fff}

/* ═══════════ Портрет — муқова устун тартибида ═══════════ */
.sheet[data-orient="port"] .cv .cvtop{
  flex-direction:column; gap:calc(var(--u)*1.4);
}
.sheet[data-orient="port"] .cv .lt{flex:0 0 auto; justify-content:flex-start}
.sheet[data-orient="port"] .cv .rt{flex:1 1 auto; min-height:0}

/* ═══════════ Диаграмма — SVG ичидаги матн тузатишлари ═══════════
   Эслатма: бу ердаги "px" — SVG viewBox бирлиги (физик ўлчов эмас),
   шунинг учун ландшафт/портрет ва чоп этишда мутаносиб равишда
   кичраяди-катталашади.                                            */
/* Ҳалқа ичидаги оқ фоиз ёрлиқлари ҳалқа энига сиғмайди — марказий
   рақам ва бир-бири устига тушади. Улуш қийматлари легендада ва
   ёндош жадвалларда келтирилган. */
.chartbox svg text[fill="#fff"]{display:none}
/* Ҳалқа марказидаги умумий рақам — тешикдан ошиб кетмаслиги учун */
.chartbox svg text:has(+ text[fill="#7A8EA5"]){font-size:34px}
/* "ЖАМИ" ёзуви — кичик ҳалқада тешикдан чиқиб кетмаслиги учун */
.chartbox svg text[fill="#7A8EA5"]{font-size:19px}

/* ═══════════ ВАРАҚ ЧЕТИДАГИ УМУМИЙ ЧЕКИНИШ ═══════════
   Барча банд ва карталар бир хил чап-ўнг ҳошиядан бошланади;
   пастки қатор билан колонтитул орасида кўринарли жой қолади.
   Ўлчов --u га боғлиқ — портрет ва чоп этишда ҳам мутаносиб.   */
.sheet{--pad:calc(var(--u)*1.6)}
.hd, .secbar{padding-left:var(--pad); padding-right:var(--pad)}
.ft{padding-left:var(--pad); padding-right:var(--pad)}
.ph{padding:calc(var(--u)*.36) var(--pad) calc(var(--u)*.18)}
.bd{
  gap:calc(var(--u)*.26);
  padding:calc(var(--u)*.15) var(--pad) calc(var(--u)*.35);
}
.sheet.cover .cv{padding:calc(var(--u)*.60) var(--pad)}
.sheet.concl .cc{gap:calc(var(--u)*.36); padding:calc(var(--u)*.20) var(--pad) calc(var(--u)*.40)}

/* ═══════════ ХУЛОСА — бўш жойни тўлдириш ═══════════ */
.sheet.concl .cc .row .kpi{padding:calc(var(--u)*.35) calc(var(--u)*.60)}
.cc .pts{gap:calc(var(--u)*.30)}
.cc .pt{font-size:calc(var(--u)*1.18); padding:calc(var(--u)*.34) calc(var(--u)*.80)}
.cc .pt .emo{font-size:calc(var(--u)*1.60)}

/* ═══════════ Портрет — муқова ўлчовлари ═══════════ */
.sheet[data-orient="port"] .cv .lt{justify-content:center}
.sheet[data-orient="port"] .cv h1{font-size:calc(var(--u)*4.30)}
.sheet[data-orient="port"] .cv .org{font-size:calc(var(--u)*1.40)}
.sheet[data-orient="port"] .cv .sb{font-size:calc(var(--u)*2.45)}
.sheet[data-orient="port"] .cv .ld{font-size:calc(var(--u)*1.70); max-width:calc(var(--u)*72)}
.sheet[data-orient="port"] .cv .rule{width:calc(var(--u)*22); height:calc(var(--u)*.56)}
.sheet[data-orient="port"] .cv .toc{grid-template-columns:repeat(2,1fr); gap:calc(var(--u)*.7)}
.sheet[data-orient="port"] .cv .tc{padding:calc(var(--u)*1.9) calc(var(--u)*1.0)}
.sheet[data-orient="port"] .cv .tn{
  width:calc(var(--u)*2.7); height:calc(var(--u)*2.7); font-size:calc(var(--u)*1.75);
}
.sheet[data-orient="port"] .cv .tt2{font-size:calc(var(--u)*1.35)}
.sheet[data-orient="port"] .cv .cvtop{justify-content:center}
.sheet[data-orient="port"] .cv .rt{flex:0 1 auto}
.sheet[data-orient="port"] .cv .rt .chartbox{width:100%; height:auto; aspect-ratio:1080/591}
.sheet[data-orient="port"] .cv .tc{padding:calc(var(--u)*2.8) calc(var(--u)*1.0)}

/* ═══════════ Портрет — ХУЛОСА ўлчовлари ═══════════ */
.sheet[data-orient="port"] .cc .row .kpi{padding:calc(var(--u)*.85) calc(var(--u)*.75)}
.sheet[data-orient="port"] .cc .pt{
  font-size:calc(var(--u)*2.05); padding:calc(var(--u)*.75) calc(var(--u)*1.20);
}
.sheet[data-orient="port"] .cc .pt .emo{font-size:calc(var(--u)*2.65)}

/* ═══════════════════════════════════════════════════════════════
   НАМУНА УСЛУБИ — блокли · рамкали · рангли 3D иконкали планшет
   (Барча варақлар учун умумий: карталар кўк рамкада, сарлавҳалар
   тўқ кўк/рангли тасмада, блоклар рақамланган, KPI да 2025→2026
   қиёси, иконкалар — Fluent Emoji 3D расмлар)
   ═══════════════════════════════════════════════════════════════ */
:root{
  --fr:       #4F86C6;      /* блок рамкаси */
  --fr-soft:  #A9C7EA;
  --fr-red:   #E07B7B; --fr-good:#6CC593; --fr-amber:#EDBE5C; --fr-blue:#7FB0E8;
}

/* ── Рангли расм-иконкалар ── */
.emo.fe{display:inline-flex; align-items:center; justify-content:center; line-height:1; flex:0 0 auto}
.emo.fe img{
  width:1.15em; height:1.15em; display:block;
  filter:drop-shadow(0 .05em .10em rgba(10,35,70,.28));
}
.ft .emo.fe img, .hd .emo.fe img{filter:drop-shadow(0 .05em .10em rgba(0,0,0,.45))}

/* ── Варақ рамкаси — кўк икки қаватли ── */
.sheet{border-color:#0B2A55}
.sheet::before{
  border-color:#2C74C4;
  box-shadow:0 0 0 calc(var(--u)*.03) #fff, inset 0 0 0 calc(var(--u)*.03) #fff;
}
.sheet::after{border-color:rgba(44,116,196,.45); box-shadow:none}
.sheet-bg{opacity:.035}

/* ── Сарлавҳа банди — диагонал ёруғ чизиқлар ── */
.hd{
  position:relative; overflow:hidden;
  background:linear-gradient(90deg,#0B2A55 0%,#143C73 58%,#1E5AA8 100%);
  gap:calc(var(--u)*1.1);
}
.hd .hd-deco{
  position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(115deg, transparent 58%, rgba(255,255,255,.10) 58.1%, rgba(255,255,255,.10) 63%, transparent 63.1%),
    linear-gradient(115deg, transparent 66%, rgba(120,180,240,.20) 66.1%, rgba(120,180,240,.20) 69%, transparent 69.1%),
    radial-gradient(ellipse at 100% 50%, rgba(120,180,240,.22), transparent 55%);
}
.hd > *{position:relative; z-index:1}
.hd .hd-deco{z-index:0}
.hd .seal{
  width:calc(var(--u)*4.4); height:calc(var(--u)*4.4);
  border:calc(var(--u)*.14) solid #F3E2A8;
  box-shadow:0 0 0 calc(var(--u)*.10) rgba(255,255,255,.18), inset 0 0 calc(var(--u)*.3) rgba(0,0,0,.35);
}
.hd h1{font-size:calc(var(--u)*1.78); text-shadow:0 2px 6px rgba(0,0,0,.35); letter-spacing:.6px}
.hd .st{font-size:calc(var(--u)*.84); color:#CFE0F6; letter-spacing:.8px}
.hd .badge{
  background:rgba(255,255,255,.10); border:calc(var(--u)*.04) solid rgba(255,255,255,.30);
  border-radius:calc(var(--u)*.45); padding:calc(var(--u)*.22) calc(var(--u)*.7);
}
.hd .badge b{font-size:calc(var(--u)*1.16); color:#FFE9A8}
.hd .pgno{
  border-radius:calc(var(--u)*.45); box-shadow:0 3px 10px rgba(0,0,0,.35);
  background:linear-gradient(180deg,#fff,#E4EEF9);
}

/* ── Йўналиш банди — намунадаги кўк тасма ── */
.secbar{
  margin:calc(var(--u)*.30) var(--pad) 0;
  border-radius:calc(var(--u)*.5);
  padding:calc(var(--u)*.24) calc(var(--u)*.60) !important;
  background:linear-gradient(90deg,#1E5AA8,#2C74C4 60%,#4B93DD);
  box-shadow:0 3px 10px rgba(14,46,90,.22);
}
.secbar .num{
  width:calc(var(--u)*2.0); height:calc(var(--u)*2.0); font-size:calc(var(--u)*1.25);
  border-radius:calc(var(--u)*.40);
}
.secbar .tx{font-size:calc(var(--u)*1.08); text-shadow:0 1px 3px rgba(0,0,0,.25)}

/* ── Варақ сарлавҳаси ── */
.ph{align-items:center; gap:calc(var(--u)*.55)}
.ph .emo{font-size:calc(var(--u)*2.0)}
.ph h2{font-size:calc(var(--u)*1.60)}

/* ── Карталар — кучли кўк рамка, тўқ сарлавҳа тасмаси ── */
.card{
  border:calc(var(--u)*.10) solid var(--fr);
  border-radius:calc(var(--u)*.55);
  background:#fff;
  box-shadow:0 4px 14px rgba(14,46,90,.10);
}
.card > .ch{
  background:linear-gradient(90deg,#143C73,#2C74C4);
  color:#fff; border-bottom:0;
  padding:calc(var(--u)*.20) calc(var(--u)*.44) calc(var(--u)*.20) calc(var(--u)*.30);
  font-size:calc(var(--u)*.86); letter-spacing:.3px; line-height:1.15;
  gap:calc(var(--u)*.34);
}
.card > .ch .emo{font-size:calc(var(--u)*1.15)}
.card > .ch .ico{color:#fff}
.card.t-red   {border-color:var(--fr-red);   background:#fff}
.card.t-good  {border-color:var(--fr-good);  background:#fff}
.card.t-amber {border-color:var(--fr-amber); background:#fff}
.card.t-blue  {border-color:var(--fr-blue);  background:#fff}
.card.t-red   > .ch{background:linear-gradient(90deg,#A82525,#D24A4A); color:#fff; border-bottom:0}
.card.t-good  > .ch{background:linear-gradient(90deg,#166534,#22A05A); color:#fff; border-bottom:0}
.card.t-amber > .ch{background:linear-gradient(90deg,#B4610E,#E8A03C); color:#fff; border-bottom:0}
.card.t-blue  > .ch{background:linear-gradient(90deg,#1E5AA8,#3E8BE0); color:#fff; border-bottom:0}
.card.t-dark  > .ch{background:linear-gradient(90deg,#0B2A55,#143C73)}
.card > .cb{padding:calc(var(--u)*.24) calc(var(--u)*.42)}

/* Блок тартиб рақами — намунадаги оқ квадрат */
.bn{
  flex:0 0 auto; width:calc(var(--u)*1.30); height:calc(var(--u)*1.30);
  border-radius:calc(var(--u)*.28); background:#fff; color:var(--navy);
  display:grid; place-items:center; font-weight:800; font-size:calc(var(--u)*.86);
  box-shadow:0 1px 4px rgba(0,0,0,.30);
}
.card.t-red   > .ch .bn{color:#A82525}
.card.t-good  > .ch .bn{color:#166534}
.card.t-amber > .ch .bn{color:#B4610E}
.card.t-blue  > .ch .bn{color:#1E5AA8}

/* ── KPI — рамкали, катта расм, 2025→2026 қиёси ── */
.kpi{
  background:#fff; border:calc(var(--u)*.10) solid var(--fr);
  border-radius:calc(var(--u)*.55);
  padding:calc(var(--u)*.20) calc(var(--u)*.46) calc(var(--u)*.22) calc(var(--u)*.60);
  gap:calc(var(--u)*.06);
  box-shadow:0 4px 14px rgba(14,46,90,.10);
}
.kpi::before{width:calc(var(--u)*.34)}
.kpi .emo{font-size:calc(var(--u)*2.55)}
.kpi.t-good {background:#fff; border-color:var(--fr-good)}
.kpi.t-bad  {background:#fff; border-color:var(--fr-red)}
.kpi.t-amber{background:#fff; border-color:var(--fr-amber)}
.kpi.t-blue {background:#fff; border-color:var(--fr-blue)}

.kpi.cmp{justify-content:space-evenly}
.kpi.cmp .top{gap:calc(var(--u)*.42); align-items:center}
.kpi.cmp .vv{flex:1; min-width:0; display:flex; flex-direction:column; gap:calc(var(--u)*.04)}
.kpi.cmp .v{font-size:calc(var(--u)*2.0)}
.kpi.cmp .l{font-size:calc(var(--u)*.78)}
.kpi .cmpb{display:flex; align-items:center; gap:calc(var(--u)*.30)}
.kpi .cmpb .yr{
  flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.08;
  background:#F1F6FC; border:calc(var(--u)*.04) solid #D6E4F5;
  border-radius:calc(var(--u)*.30); padding:calc(var(--u)*.10) calc(var(--u)*.30);
}
.kpi .cmpb .yr span{font-size:calc(var(--u)*.60); color:var(--ink-soft); font-weight:600; letter-spacing:.2px}
.kpi .cmpb .yr b{font-size:calc(var(--u)*1.06); color:var(--navy); font-weight:800; white-space:nowrap}
.kpi .cmpb .yr.cur{background:#E8F1FB; border-color:#B9D2F0}
.kpi.t-good .cmpb .yr.cur b{color:#15803D}
.kpi.t-bad  .cmpb .yr.cur b{color:#B91C1C}
.kpi.t-amber .cmpb .yr.cur b{color:#B45309}
.kpi .cmpb .arw{margin:0; font-size:calc(var(--u)*1.35); flex:0 0 auto}
.kpi .pill{
  align-self:flex-start; max-width:100%;
  border-radius:calc(var(--u)*.7); padding:calc(var(--u)*.10) calc(var(--u)*.55);
  font-weight:800; font-size:calc(var(--u)*.78); line-height:1.15;
  background:#DBEAFE; color:#1E40AF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.kpi.t-good  .pill{background:#DCFCE7; color:#166534}
.kpi.t-bad   .pill{background:#FEE2E2; color:#991B1B}
.kpi.t-amber .pill{background:#FEF3C7; color:#92400E}
.kpi.cmp .n{font-size:calc(var(--u)*.66)}

/* ── Плитка ── */
.tile{
  background:#fff; border:calc(var(--u)*.09) solid var(--fr-blue);
  border-radius:calc(var(--u)*.45); box-shadow:0 3px 10px rgba(14,46,90,.08);
}
.tile .emo{font-size:calc(var(--u)*1.55)}
.tile.t-bad  {background:#fff; border-color:var(--fr-red)}
.tile.t-good {background:#fff; border-color:var(--fr-good)}
.tile.t-amber{background:#fff; border-color:var(--fr-amber)}

/* ── Рўйхат, жадвал, устунлар — иконка ўлчамлари ── */
ul.lst li .emo{font-size:calc(var(--u)*1.05)}
ul.lst li{gap:calc(var(--u)*.32)}
table.tb .cellic .emo{font-size:calc(var(--u)*.92)}
table.tb th{background:linear-gradient(180deg,#1E4E8C,#143C73)}
.barrow .emo{font-size:calc(var(--u)*1.0)}

/* ── Изоҳ банди — рамкали ── */
.note{
  background:#fff; border:calc(var(--u)*.07) solid var(--fr-soft);
  border-left:calc(var(--u)*.32) solid var(--blue);
  border-radius:calc(var(--u)*.42);
}
.note .emo{font-size:calc(var(--u)*1.45)}
.note.t-amber{background:#fff; border-color:var(--fr-amber); border-left-color:var(--amber)}
.note.t-good {background:#fff; border-color:var(--fr-good);  border-left-color:var(--green)}
.note.t-red  {background:#fff; border-color:var(--fr-red);   border-left-color:var(--red)}

/* ── Баннер ── */
.banner{border-radius:calc(var(--u)*.45); box-shadow:0 4px 12px rgba(0,0,0,.18)}
.banner .emo{font-size:calc(var(--u)*2.05)}

/* ── Ички гуруҳ ── */
.grp.boxed{
  background:#fff; border:calc(var(--u)*.09) solid var(--fr);
  border-radius:calc(var(--u)*.55);
}
.grp .gt{
  background:linear-gradient(90deg,#143C73,#2C74C4); color:#fff;
  margin:calc(var(--u)*-.34) calc(var(--u)*-.34) calc(var(--u)*.06);
  padding:calc(var(--u)*.18) calc(var(--u)*.44);
  border-radius:calc(var(--u)*.42) calc(var(--u)*.42) 0 0;
}
.grp .gt .emo{font-size:calc(var(--u)*1.05)}
.grp .gt .ico{color:#fff}

/* ── Муқова ва хулоса ── */
.cv .tc{
  border:calc(var(--u)*.06) solid rgba(255,255,255,.28);
  box-shadow:0 4px 14px rgba(14,46,90,.25);
}
.cv .hl .kpi .emo{font-size:calc(var(--u)*2.4)}
.cc .pt{
  background:#fff; border:calc(var(--u)*.08) solid var(--fr-soft);
  border-left:calc(var(--u)*.30) solid var(--blue); border-radius:calc(var(--u)*.45);
  box-shadow:0 3px 10px rgba(14,46,90,.08);
}
.cc .pt .emo{font-size:calc(var(--u)*1.9)}

/* ── Колонтитул ── */
.ft{
  background:linear-gradient(90deg,#0B2A55,#143C73 60%,#1E5AA8);
  border-top:calc(var(--u)*.06) solid rgba(255,255,255,.18);
}
.ft .soc .emo{font-size:calc(var(--u)*1.0)}
.ft .tel .emo{font-size:calc(var(--u)*1.05)}

/* ── Ён панель (экран) ── */
#nav a .emo.fe img{width:15px; height:15px; filter:none}

/* ── Чоп этиш ── */
@media print{
  .card,.kpi,.tile,.note,.grp.boxed,.banner,.secbar,.cc .pt,.cv .tc{box-shadow:none !important}
}

/* ── Ихчамлаштириш: блок ичи сиғиши учун ── */
.card > .ch{padding-top:calc(var(--u)*.15); padding-bottom:calc(var(--u)*.15)}
.card > .cb{padding:calc(var(--u)*.16) calc(var(--u)*.36)}
table.tb .cellic .emo{font-size:calc(var(--u)*.78)}
table.tb .emo.fe img{width:1.0em; height:1.0em}
ul.lst li .emo{font-size:calc(var(--u)*.98)}
ul.lst li .emo.fe img{width:1.0em; height:1.0em}
.tile .emo{font-size:calc(var(--u)*1.35)}
.tile .v{font-size:calc(var(--u)*1.55)}
.kpi.cmp{padding-top:calc(var(--u)*.14); padding-bottom:calc(var(--u)*.16); gap:calc(var(--u)*.05)}
.kpi.cmp .emo{font-size:calc(var(--u)*2.3)}
.kpi.cmp .v{font-size:calc(var(--u)*1.8)}
.kpi.cmp .l{font-size:calc(var(--u)*.72)}
.kpi .cmpb .yr{padding:calc(var(--u)*.06) calc(var(--u)*.28); line-height:1.05}
.kpi .cmpb .yr span{font-size:calc(var(--u)*.56)}
.kpi .cmpb .yr b{font-size:calc(var(--u)*1.0)}
.kpi .cmpb .arw{font-size:calc(var(--u)*1.2)}
.kpi .pill{padding:calc(var(--u)*.07) calc(var(--u)*.50); font-size:calc(var(--u)*.74)}
table.tb td{padding-top:calc(var(--u)*.05); padding-bottom:calc(var(--u)*.05)}
table.tb th{padding-top:calc(var(--u)*.10); padding-bottom:calc(var(--u)*.10)}
table.tb td{line-height:1.04}
.grp .tile{padding-top:calc(var(--u)*.08); padding-bottom:calc(var(--u)*.08)}
.grp .tile .l{line-height:1.04}
.grp .tile .v{font-size:calc(var(--u)*1.42)}
/* портретда қиёс қутилари чўзилиб кетмасин */
.kpi .cmpb .yr{flex:0 1 auto; min-width:calc(var(--u)*7)}
.kpi.cmp{justify-content:center; gap:calc(var(--u)*.16)}