/* ═══════════════════════════════════════════════════════════════
   ВЕЛОЙЎЛАКЛАР ПЛАНШЕТИ — қўшимча блоклар услуби (velo.html)
   doccmp — ҳужжатлар бўйича «Асос · Режада · Бажарилди · Қолдиқ»
   Барча ўлчовлар --u да (1u = варақ энининг 1%).
   ═══════════════════════════════════════════════════════════════ */
:root{
  --dc-navy:#103760; --dc-blue:#246db0; --dc-line:#c9dbea; --dc-soft:#f2f7fc;
  --dc-ink:#16283f; --dc-mut:#4a6079; --dc-red:#b3262c; --dc-good:#14733f; --dc-amber:#a8600c;
  --dc-cols:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,.95fr);
}
.cv .toc{grid-template-columns:repeat(5,1fr)}
.sheet[data-orient="port"] .cv .toc{grid-template-columns:repeat(2,1fr)}

.card.dcx > .cb{padding:calc(var(--u)*.34) calc(var(--u)*.42)}
.dc{--du:var(--u);display:flex;flex-direction:column;flex:1;min-height:0;gap:calc(var(--du)*.3)}
.dc-head,.dc-row{display:grid;grid-template-columns:var(--dc-cols);column-gap:calc(var(--du)*.3)}
.dc-head > div{display:flex;align-items:center;gap:calc(var(--du)*.34);min-height:calc(var(--du)*1.9);
  padding:0 calc(var(--du)*.5);border-radius:calc(var(--du)*.26);color:#fff;font-weight:900;
  font-size:calc(var(--du)*1.02);letter-spacing:.3px;text-transform:uppercase;
  background:linear-gradient(180deg,#1a4f86,var(--dc-navy))}
.dc-head > div:nth-child(2){background:linear-gradient(180deg,#2f7fcc,#1b5a9c)}
.dc-head > div:nth-child(3){background:linear-gradient(180deg,#22a05a,#146b3c)}
.dc-head > div:nth-child(4){background:linear-gradient(180deg,#d24a4a,#962020)}
.dc-head .emo,.dc-head svg{width:calc(var(--du)*1.25);height:calc(var(--du)*1.25);flex:0 0 auto;color:#fff}

.dc-body{display:flex;flex-direction:column;flex:1;min-height:0;gap:calc(var(--du)*.36)}
.dc-row{min-height:0;border:calc(var(--du)*.06) solid var(--dc-line);border-radius:calc(var(--du)*.32);
  padding:calc(var(--du)*.3);background:#fff;row-gap:0}

/* 1-устун — ҳужжат */
.dc-doc{grid-column:1;display:flex;flex-direction:column;gap:calc(var(--du)*.34);min-height:0;
  padding:calc(var(--du)*.46) calc(var(--du)*.56);border-radius:calc(var(--du)*.26);
  background:linear-gradient(160deg,#f3f8fd,#e6f0fa);border-left:calc(var(--du)*.3) solid var(--dc-blue)}
.dc-dh{display:flex;align-items:center;gap:calc(var(--du)*.46)}
.dc-n{flex:0 0 auto;width:calc(var(--du)*2.1);height:calc(var(--du)*2.1);border-radius:calc(var(--du)*.3);
  display:grid;place-items:center;color:#fff;font-size:calc(var(--du)*1.35);font-weight:900;
  background:linear-gradient(160deg,var(--dc-blue),var(--dc-navy))}
.dc-date{display:inline-flex;align-items:center;gap:calc(var(--du)*.3);font-size:calc(var(--du)*1.12);font-weight:900;
  color:var(--dc-navy);background:#fff;border:calc(var(--du)*.05) solid #b9d2f0;border-radius:calc(var(--du)*.6);
  padding:calc(var(--du)*.14) calc(var(--du)*.6)}
.dc-date svg{width:calc(var(--du)*1.05);height:calc(var(--du)*1.05);color:var(--dc-blue)}
.dc-kind{display:flex;align-items:center;gap:calc(var(--du)*.3);font-size:calc(var(--du)*.92);font-weight:800;
  color:var(--dc-mut);text-transform:uppercase;letter-spacing:.3px}
.dc-kind svg{width:calc(var(--du)*1.1);height:calc(var(--du)*1.1);color:var(--dc-blue);flex:0 0 auto}
.dc-name{font-size:calc(var(--du)*1.08);line-height:1.2;font-weight:800;color:var(--dc-navy)}
.dc-text{font-size:calc(var(--du)*.96);line-height:1.22;color:var(--dc-ink)}
.dc-ref{display:flex;align-items:flex-start;gap:calc(var(--du)*.34);font-size:calc(var(--du)*.9);line-height:1.2;
  color:var(--dc-ink);font-weight:600;background:#fff;border:calc(var(--du)*.04) solid var(--dc-line);
  border-radius:calc(var(--du)*.24);padding:calc(var(--du)*.24) calc(var(--du)*.38)}
.dc-ref svg{width:calc(var(--du)*1.1);height:calc(var(--du)*1.1);flex:0 0 auto;color:var(--dc-blue)}

/* Юқори рақам қисми (2–4 устун) */
.dc-top{display:flex;flex-direction:column;justify-content:center;gap:calc(var(--du)*.1);min-height:0;
  padding:calc(var(--du)*.3) calc(var(--du)*.5);margin-bottom:calc(var(--du)*.26);border-radius:calc(var(--du)*.26);
  background:#eef5fc;border:calc(var(--du)*.05) solid #c5daf1}
.dc-top.t-good{background:#ecf8f1;border-color:#b9dfc9}
.dc-top.t-amber{background:#fff6e8;border-color:#ecd3a6}
.dc-top.t-bad{background:#fdf0f0;border-color:#efc6c6}
.dc-lbl{font-size:calc(var(--du)*.84);font-weight:800;color:var(--dc-mut);text-transform:uppercase;letter-spacing:.2px;line-height:1.1}
.dc-big{font-size:calc(var(--du)*2.55);font-weight:900;line-height:1;color:var(--dc-navy);white-space:nowrap}
.dc-top.t-good .dc-big{color:var(--dc-good)}.dc-top.t-amber .dc-big{color:var(--dc-amber)}.dc-top.t-bad .dc-big{color:var(--dc-red)}
.dc-sub{font-size:calc(var(--du)*.86);font-weight:700;color:var(--dc-mut);line-height:1.12}
.dc-bar{display:block;height:calc(var(--du)*.52);border-radius:calc(var(--du)*.3);background:#dfe8f1;overflow:hidden;margin-top:calc(var(--du)*.12)}
.dc-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1b8e52,#3cc07a)}
.dc-top.t-amber .dc-bar i{background:linear-gradient(90deg,#c9761a,#eaa84a)}

/* Туманлар кесими — қаторма-қатор */
.dc-l{display:flex;align-items:center;gap:calc(var(--du)*.34);min-height:0;padding:0 calc(var(--du)*.5);
  font-size:calc(var(--du)*.98);color:var(--dc-ink);line-height:1.1;white-space:nowrap}
.dc-l.z{background:#f2f7fc}
.dc-l.p span{flex:1;font-weight:700}
.dc-l b{font-weight:900;color:var(--dc-navy)}
.dc-l.c b{margin-left:auto;min-width:calc(var(--du)*4.4);text-align:right}
.dc-l.c em{font-style:normal;font-weight:800;font-size:calc(var(--du)*.86);min-width:calc(var(--du)*3.6);text-align:right;color:var(--dc-mut)}
.dc-l.c.t-good b,.dc-l.c.t-good em{color:var(--dc-good)}
.dc-l.c.t-amber b,.dc-l.c.t-amber em{color:var(--dc-amber)}
.dc-l.c.t-bad b,.dc-l.c.t-bad em{color:var(--dc-red)}
.dc-l.c > span:not(.dc-mini){flex:1;font-weight:700}
.dc-mini{flex:1;height:calc(var(--du)*.44);border-radius:calc(var(--du)*.3);background:#e2eaf3;overflow:hidden}
.dc-mini i{display:block;height:100%;border-radius:inherit;background:#3aa56c}
.t-amber > .dc-mini i{background:#e39a3c}.t-bad > .dc-mini i{background:#d45656}
.dc-l.q{justify-content:flex-end}
.dc-l.q b{font-weight:900}
.dc-dn{color:var(--dc-red) !important}
.dc-up{color:var(--dc-good) !important}
.dc-up em{font-style:normal;font-weight:700;font-size:calc(var(--du)*.82)}
.dc-ok{display:inline-flex;align-items:center;gap:calc(var(--du)*.2);color:var(--dc-good) !important}
.dc-ok svg{width:calc(var(--du)*.95);height:calc(var(--du)*.95)}
.dc-cap{font-weight:800;color:var(--dc-mut);font-size:calc(var(--du)*.88);text-transform:uppercase}
.dc-span{grid-column:2;display:flex;align-items:center;gap:calc(var(--du)*.4);padding:calc(var(--du)*.3) calc(var(--du)*.5);
  font-size:calc(var(--du)*.92);line-height:1.2;color:var(--dc-mut);font-weight:700;
  background:#f2f7fc;border-radius:calc(var(--du)*.26);white-space:normal}
.dc-span svg{width:calc(var(--du)*1.3);height:calc(var(--du)*1.3);flex:0 0 auto;color:var(--dc-blue)}
.dc-span.q{background:#fdf3f3;color:#7c2323}
.dc-span.q svg{color:var(--dc-red)}

/* портретда варақ баланд — жадвал ҳарфлари ва қаторлари йирикроқ */
.sheet[data-orient="port"] .dc{--du:calc(var(--u)*1.42)}

@media print{ .dc-row,.dc-doc{box-shadow:none !important} }