/* ══════════ ۴۰٫۲۲۰ — ظاهرِ رسمی (کاربر: «رنگ‌ها نرم‌افزار را غیررسمی کرده؛ رنگ را کم کن یا بردار؛ رنگِ منو هم زیاد است؛
   کلِ رنگ‌ها با هم تنظیم شود؛ جلوهٔ بصری شیک و رسمی‌تر») ══════════
   پس از همهٔ شیوه‌نامه‌ها بار می‌شود و فقط زیرِ html.formal کار می‌کند:
   • یک «رنگِ نرم‌افزار» (--acc روشن / --acc-dk تاریک؛ home_tiles.js ← htApplyPal) جای --brand، رنگِ ماژول (--modc/--mod) و طیفِ کاشی‌ها (--hc1/--hc2).
   • بی‌شیب‌رنگ و بی سایهٔ سه‌بعدی: کارت سفید با خطِ دورِ نازک، دکمهٔ اصلی یک‌رنگ، زبانهٔ فعال با زمینهٔ کم‌رنگ.
   • منوی کناری سفید با نمادهای خاکستری؛ گزینهٔ فعال زمینهٔ کم‌رنگ و خطِ رنگِ نرم‌افزار.
   • رنگِ معنادار (سبز سود، قرمز فوری) کم و کم‌رنگ.
   • چیدمانِ صفحهٔ اصلیِ تازه (hq-*: home_cmd.js و lpFit). */

html.formal{--acc:#17356B;--acc-dk:#8FB0E8}
html.formal{--brand:var(--acc);--brand2:color-mix(in srgb,var(--acc) 82%,#fff);--brand-ink:var(--acc);
  --brand-soft:color-mix(in srgb,var(--acc) 7%,#fff);--hc1:var(--acc);--hc2:var(--acc);--hl-edge:transparent;
  --shadow:0 1px 2px rgba(15,23,42,.04);--r:10px}
html.formal[data-theme="dark"]{--brand:var(--acc-dk);--brand2:color-mix(in srgb,var(--acc-dk) 85%,#000);--brand-ink:var(--acc-dk);
  --brand-soft:color-mix(in srgb,var(--acc-dk) 12%,#0b1018);--hc1:var(--acc-dk);--hc2:var(--acc-dk)}
html.formal body{--modc:var(--brand)!important;--mod:var(--brand)!important;--m:var(--brand)}
html.formal body.vivid{background-image:none}

/* ---------- دکمه‌ها، زبانه‌ها، جدول‌ها، کارت‌ها (جای «زبانِ طراحیِ ۴۰٫۲۱۲») ---------- */
html.formal .btn.primary,html.formal #content .btn.primary,html.formal #content .btn.primary:hover{background:var(--brand);border:1px solid var(--brand);color:#fff!important;box-shadow:none}
html.formal[data-theme="dark"] .btn.primary,html.formal[data-theme="dark"] #content .btn.primary{color:#0b1018!important}
html.formal #content .btn.primary:active{transform:none}
html.formal .btn.primary:hover{filter:brightness(1.08)}
html.formal #content .btn:not(.primary):not(.danger){box-shadow:none}
html.formal .btn.green{background:var(--ok);box-shadow:none}
html.formal .tabs button.active,html.formal .secbar .secline a.on{background:var(--brand);color:#fff;box-shadow:none}
html.formal #content nav.hubtabs{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:4px;box-shadow:none}
html.formal #content nav.hubtabs a.on,html.formal #content nav.hubtabs button.on{background:var(--brand-soft);color:var(--brand)!important;border-color:transparent;box-shadow:inset 0 -2px 0 var(--brand);font-weight:700}
html.formal #content table thead th{background:color-mix(in srgb,var(--ink) 3%,var(--card))}
html.formal .ivtable thead th{background:color-mix(in srgb,var(--ink) 5%,var(--card));color:var(--ink)}
html.formal #content .panel{border-radius:12px;border:1px solid var(--line);box-shadow:none}
html.formal #content .cards .card,html.formal #content .rp-k button,html.formal.pal-mono #content .cards .card,html.formal.pal-mono #content .rp-k button{
  background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:none}
html.formal #content .cards .card .cd-ic,html.formal.pal-mono #content .cards .card .cd-ic{background:var(--brand-soft);color:var(--brand);box-shadow:none;border-radius:10px}
html.formal #content .cards .card .val:not([style*="color"]){color:var(--ink)}
html.formal .progress i,html.formal .pbar span{background:var(--brand)}
html.formal aside nav a.active{background:var(--brand-soft);color:var(--brand);box-shadow:inset -3px 0 0 var(--brand)}
html.formal .avatar,html.formal .msg.user{background:var(--brand)}
html.formal .td-k.td-green,html.formal .td-k.td-blue,html.formal .td-k.td-orange,html.formal .td-k.td-purple{background:var(--brand)}
html.formal .rk-phone.work .rk-scr,html.formal .rk-phone.ready .rk-scr,html.formal .rk-phone.wait .rk-scr,html.formal .rk-phone.done .rk-scr{background:color-mix(in srgb,var(--brand) 85%,#000)}
html.formal .rk-phone.ready .rk-scr{background:#1f5f3f}html.formal .rk-phone.work .rk-scr{background:#7a4a12}
html.formal .mt-tab.on{background:var(--brand)!important;box-shadow:none!important}
html.formal .mt-tab.on .mt-n{color:var(--brand)}

/* ---------- منوی کناریِ رایانه (body.skin2): سفید و آرام ---------- */
@media(min-width:1001px){
  html.formal body.skin2{--sb-bg:var(--card)!important;--sb-ink:#374151;--sb-dim:#6B7280;--sb-hi:color-mix(in srgb,var(--brand) 7%,var(--card));
    --sb-line:var(--line);--sb-acc:var(--brand)}
  html.formal[data-theme="dark"] body.skin2{--sb-ink:#C9D1DC;--sb-dim:#8B95A5;--sb-hi:color-mix(in srgb,var(--brand) 14%,var(--card))}
  html.formal body.skin2 #menubar .mb-brand{background:var(--card);color:var(--ink);border-inline-end:1px solid var(--line)}
  html.formal body.skin2 #menubar .mb-brand .logo{background:var(--brand);color:#fff}
  html.formal body.skin2 #menubar nav{border-inline-end:1px solid var(--line);scrollbar-color:#d1d5db transparent}
  html.formal body.skin2 #menubar{box-shadow:inset 0 -1px 0 var(--line)}
  html.formal body.skin2 #nav > a.mb-top:hover,html.formal body.skin2 #nav .mb-drop a:hover,html.formal body.skin2 #nav .hub-col .hub-h:hover,
  html.formal body.skin2 #nav .hub-col .hub-sub a.hub-p:hover,html.formal body.skin2 .st-tab:hover{color:var(--ink)}
  html.formal body.skin2 #nav > a.mb-top.active,html.formal body.skin2 #nav .mb-drop a.active,html.formal body.skin2 #nav .mb-menu.cur > .mb-top,
  html.formal body.skin2 #nav .hub-col .hub-g.cur > .hub-h,html.formal body.skin2 #nav .hub-col .hub-sub a.hub-p.active,html.formal body.skin2 .st-tab.on{color:var(--brand)}
  html.formal body.skin2 #nav > a.mb-top.active,html.formal body.skin2 #nav .mb-drop a.active{box-shadow:inset -3px 0 0 var(--brand)}
  html.formal body.skin2 #nav .mb-drop a.active .ic,html.formal body.skin2 #nav .hub-col .hub-g.cur > .hub-h .ic{color:var(--brand);filter:none}
  html.formal body.skin2 #nav .mb-menu > .mb-top .mi{color:var(--sb-dim)}
  html.formal body.skin2 .st-tab.on{box-shadow:inset 0 -2px 0 var(--brand)}
  html.formal[data-theme="dark"] body.skin2 #menubar .mb-brand .logo{color:#0b1018}
}
html.formal #sb-color{display:none!important}   /* رنگِ جدای ماژول برداشته شد؛ «رنگِ نرم‌افزار» در «تنظیمات › ظاهر» و «شکلِ منو» */

/* ---------- شکل‌های دیگرِ منو (nav_modes.css) ---------- */
html.formal .nvm-node{background:var(--card)}
html.formal .nvm-node.on{background:var(--brand);color:#fff}
html.formal .nvm-core{background:var(--ink)}

/* ---------- کاشی‌ها، تقویم، خانهٔ تعمیرگاه و راهنما: تخت ---------- */
html.formal .ht-t,html.formal .ht-t.big{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:12px;box-shadow:none!important;color:var(--ink)!important}
html.formal .ht-t:hover{transform:none;border-color:color-mix(in srgb,var(--brand) 45%,var(--line))!important}
html.formal .ht-t:active{transform:none}
html.formal .ht-t .ht-i,html.formal .ht-t.big .ht-i{background:var(--brand-soft)!important;color:var(--brand)!important;box-shadow:none!important;border-radius:10px}
html.formal .ht-t.all{background:var(--card)!important}
html.formal .ht-t.all .ht-i{background:color-mix(in srgb,var(--ink) 6%,var(--card))!important;color:var(--ink)!important}
html.formal .ht-t .ht-l,html.formal .ht-t .ht-v,html.formal .ht-t .ht-sub{color:inherit!important}
html.formal .hc-top{background:var(--card)!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important}
html.formal .hc-top *{color:inherit}
html.formal .hc-d.t,html.formal .hc-d.today{background:var(--brand)!important;color:#fff!important}
html.formal .hm-sw button.on,html.formal .hm-qm button.on,html.formal .hm-qi button,html.formal .hm-ta{background:var(--brand);box-shadow:none}
html.formal .hm-box,html.formal .hm-on,html.formal .hm-tc{box-shadow:none;border:1px solid var(--line);border-radius:12px}
html.formal .hm-n,html.formal .hm-oi{background:var(--brand-soft);color:var(--brand);box-shadow:none}
html.formal .hm-s:not(:last-child)::after{background:var(--line)}
html.formal .hm-oc{background:var(--brand);box-shadow:none}
html.formal .hm-ob small,html.formal .hm-ob em{color:var(--brand)}html.formal .hm-ob em{background:var(--brand-soft)}
html.formal .hp-q{background:var(--brand-soft);color:var(--brand);box-shadow:none;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line))}
html.formal .hp-hd{background:var(--card);color:var(--ink);border-bottom:1px solid var(--line)}
html.formal .hp-hd input{border:1px solid var(--line)}
html.formal .hp-r button{background:color-mix(in srgb,var(--ink) 6%,var(--card));color:var(--ink)}
html.formal .hp-hd::before{background:var(--line)!important}
html.formal .hp-tb button.on,html.formal .hp-go button{background:var(--brand);box-shadow:none}
html.formal .hp-c,html.formal .hp-hit,html.formal .hp-terms details,html.formal .hp-faq,html.formal .hp-tb button,html.formal .hp-f button{box-shadow:none;border:1px solid var(--line)}
html.formal .hp-c summary i{background:var(--brand-soft);box-shadow:none}
html.formal .hp-c li::before{background:var(--brand)}

/* ══════════ صفحهٔ اصلیِ تازه (hq-*) ══════════ */
body.lp-home .home-hello .hh-t{display:none}         /* سلام در خودِ کادرِ «چه کاری انجام دهم؟» است */
.hx3{display:flex;flex-direction:column;gap:16px}
.hx3>.hm-sw{margin:0}
.hq-ask{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.hq-hi{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.hq-hi b{font-size:17px;font-weight:800}.hq-hi span{color:var(--muted);font-size:13.5px;margin-inline-start:auto}
.hq-box{position:relative;display:flex;align-items:center;gap:10px;border:1.5px solid color-mix(in srgb,var(--ink) 18%,var(--line));border-radius:10px;
  padding:4px 6px 4px 12px;padding-inline-start:12px;background:var(--bg)}
.hq-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent);background:var(--card)}
.hq-si{color:var(--muted);display:grid}.hq-si svg{width:18px;height:18px}
.hq-box input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;font:inherit;font-size:14.5px;padding:9px 0;color:var(--ink);outline:none}
.hq-kbd{font-family:inherit;font-size:13.5px;border:1px solid var(--line);border-radius:6px;padding:1px 7px;color:var(--muted);background:var(--card)}
.hq-mic{flex:none;width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.hq-mic svg{width:18px;height:18px}
.hq-mic.on{background:var(--bad);border-color:var(--bad);color:#fff;animation:hqp 1.2s infinite}
@keyframes hqp{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--bad) 20%,transparent)}}
.hq-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.hq-chip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:7px 13px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.hq-chip:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));color:var(--brand)}
.hq-chip.p{background:var(--brand);border-color:var(--brand);color:#fff}
html[data-theme="dark"] .hq-chip.p{color:#0b1018}
.hq-dd{position:absolute;top:calc(100% + 6px);inset-inline:0;z-index:40;background:var(--card);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 18px 40px -12px rgba(15,23,42,.25);padding:6px;max-height:min(60vh,440px);overflow:auto}
.hq-r{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:start;border:0;background:transparent;font:inherit;color:var(--ink);padding:9px 10px;border-radius:8px;cursor:pointer}
.hq-r.on,.hq-r:hover{background:color-mix(in srgb,var(--brand) 7%,var(--card))}
.hq-r.tl{border-top:1px solid var(--line);border-radius:0 0 8px 8px;margin-top:4px;color:var(--muted)}
.hq-ri{flex:none;width:26px;height:26px;border-radius:7px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:14px}
.hq-ri svg{width:15px;height:15px}
.hq-rb{flex:1;min-width:0;font-size:14px;line-height:1.7}.hq-rb small{display:block;color:var(--muted);font-size:13.5px}
.hq-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}
.hq-top.solo{grid-template-columns:1fr}
.hq-today,.hq-feed,.hq-w{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
.hq-th{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.hq-tl{color:var(--muted);font-size:13.5px}
.hq-big{font-size:28px;font-weight:800;letter-spacing:-.2px;line-height:1.3;cursor:default}
.hq-big[role="button"]{cursor:pointer}
.hq-today .lp-dl{font-size:13.5px;font-weight:600;color:var(--muted)}.hq-today .lp-dl.up{color:var(--ok)}.hq-today .lp-dl.dn{color:var(--bad)}
.hq-lg{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:13.5px;white-space:nowrap}
.hq-lg i{display:inline-block;width:16px;height:0;border-top:2.5px solid var(--brand)}.hq-lg i.p{border-top:2px dashed #9CA3AF;margin-inline-start:8px}
.hq-chart{margin-top:10px}.hq-chart svg{display:block;width:100%;height:120px}
.hq-chart .g line{stroke:var(--line)}.hq-chart .p{fill:none;stroke:#9CA3AF;stroke-width:1.6;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.hq-chart .c{fill:none;stroke:var(--brand);stroke-width:2.4;vector-effect:non-scaling-stroke}.hq-chart .a{fill:var(--brand);opacity:.06}
.hq-ax{display:flex;justify-content:space-between;color:var(--muted);font-size:13.5px;margin-top:4px}
.hq-kps{display:flex;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.hq-k{flex:1;min-width:0;border:0;background:transparent;font:inherit;color:var(--ink);text-align:start;padding:0 12px;cursor:pointer}
.hq-k:first-child{padding-inline-start:0}.hq-k+.hq-k{border-inline-start:1px solid var(--line)}
div.hq-k{cursor:default}
.hq-k span{display:block;color:var(--muted);font-size:13.5px}.hq-k b{display:block;font-size:17px;font-weight:800;margin-top:2px}.hq-k b.dn{color:var(--bad)}
.hq-fh{display:flex;align-items:center;margin-bottom:6px}.hq-fh b{font-size:15px}
.hq-feed .hx-nx{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:transparent;border-radius:0;box-shadow:none;margin:0}
.hq-feed .hx-nx:first-child{border-top:0}
.hq-feed .hx-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#B7791F}
.hq-feed .hx-nx.bad .hx-dot{background:var(--bad)}.hq-feed .hx-nx.info .hx-dot{background:var(--brand)}
.hq-feed .hx-nxt{flex:1;min-width:0}.hq-feed .hx-nxt b{font-size:13.5px;font-weight:600}
.hq-feed .hx-nx.ok{color:var(--muted)}.hq-feed .hx-nx.ok .hx-nxi{color:var(--ok)}
.hq-feed .hx-nxm{border:0;background:transparent;font:inherit;color:var(--brand);font-weight:600;padding:8px 0 0;cursor:pointer}
.hq-wh{display:flex;align-items:center;gap:8px;margin-top:4px}.hq-wh>b{font-size:15px}
.hq-wa{display:flex;gap:8px;margin-inline-start:auto}
.hq-ed{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:5px 11px;font:inherit;font-size:13.5px;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.hq-wh>.hq-ed{margin-inline-start:auto}
.hq-wh .hq-wa:not(:empty)+.hq-ed{margin-inline-start:0}
.hq-ed svg{width:15px;height:15px}
.hq-wg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.hq-w{min-width:0}.hq-w.w2{grid-column:span 2}
.hq-w[hidden]{display:none}
.hq-wt{display:flex;align-items:center;gap:6px;margin-bottom:10px}.hq-wt b{font-size:14.5px;font-weight:700}
.hq-wc{margin-inline-start:auto;display:flex;gap:4px}
.hq-wc button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:6px;min-width:28px;height:28px;font:inherit;font-size:13.5px;cursor:pointer;padding:0 6px}
.hq-wg.editing .hq-w[data-w]{outline:1.5px dashed color-mix(in srgb,var(--brand) 40%,var(--line));outline-offset:2px}
.hq-add{border:1.5px dashed var(--line);background:transparent;color:var(--muted);font:inherit;font-weight:600;min-height:90px;cursor:pointer;grid-column:span 2}
.hq-pick{display:flex;flex-wrap:wrap;gap:8px}
/* محتوای ویجت‌ها: قاب و عنوانِ خودشان برداشته می‌شود */
.hq-w .ht,.hq-w .ht-side{margin:0}
.hq-w .ht-sh>b{display:none}.hq-w .ht-sh{justify-content:flex-end;margin:-38px 0 8px}
.hq-w[data-w="tiles"] .ht-sm{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));margin-top:0}
.hq-w[data-w="tiles"] .ht-t{aspect-ratio:auto;min-height:84px}
.hq-w .hc{border:0;box-shadow:none;border-radius:0;background:transparent}
.hq-w .hc-top{padding:0 0 10px!important}
.hq-w .hm-box{border:0!important;padding:0;background:transparent}
.hq-w .hm-box>.hm-h{display:none}
.hq-w .eco-hub,.hq-w .lp-eh{margin:0}
.hq-week{min-height:96px}
.hq-bars{display:flex;align-items:flex-end;gap:8px;height:110px}
.hq-bars span{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}
.hq-bars i{display:block;width:100%;border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--brand) 22%,var(--card))}.hq-bars i.on{background:var(--brand)}
.hq-bars small{color:var(--muted);font-size:13.5px}
.hq-ps{display:flex;flex-direction:column;gap:6px;color:var(--ink);text-decoration:none}
.hq-ps>b{font-size:28px;font-weight:800}.hq-ps>b small{font-size:13.5px;color:var(--muted);font-weight:500}
.hq-ps>span{font-size:13.5px;color:var(--muted)}.hq-ps>small{font-size:13.5px;color:var(--muted);line-height:1.7}
.hq-pb{display:block;height:6px;border-radius:4px;background:color-mix(in srgb,var(--ink) 7%,var(--card));overflow:hidden}
.hq-pb>i{display:block;height:100%;background:var(--brand);margin-inline-start:0}
.hq-ps.t-bad .hq-pb>i{background:var(--bad)}.hq-ps.t-warn .hq-pb>i{background:#B7791F}
.hq-extra:empty{display:none}
.hx3 .lp-adbox:not(.ready){display:none}
.hx3 .hx-onb{margin:0}
@media(max-width:1100px){.hq-wg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .hq-ask{padding:14px}.hq-hi b{font-size:15.5px}.hq-hi span,.hq-kbd{display:none}
  .hq-box input{font-size:14px}
  .hq-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-14px;padding-inline:14px}.hq-chip{flex:0 0 auto}
  .hq-top{grid-template-columns:1fr}
  .hq-big{font-size:24px}
  .hq-kps{flex-wrap:wrap;row-gap:10px}.hq-k{flex:1 1 45%;padding:0!important;border:0!important}
  .hq-wg{grid-template-columns:1fr 1fr;gap:12px}.hq-w{padding:14px}
  .hq-w.w2,.hq-add{grid-column:1/-1}
  .hq-w[data-w="cal"],.hq-w[data-w="eco"],.hq-w[data-w="tiles"],.hq-w[data-w="quick"],.hq-w[data-w="line"]{grid-column:1/-1}
}
/* ۴۰٫۲۲۰ — ردیف‌های «برای امروز»، اکوسیستم و نشانه‌ها: تخت */
.hq-feed .hx-nx{border:0;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:0;padding:10px 0}
.hq-feed .hx-nx:first-child{border-top:0;padding-top:2px}
.hq-feed .hx-nx.ok .hx-nxi{width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--ok) 12%,var(--card));color:var(--ok);box-shadow:none}
.hq-feed .hx-nx.ok .hx-nxi svg{width:16px;height:16px}
.hq-feed .hx-nx.ok .hx-nxt b{color:var(--muted);font-weight:600;font-size:13.5px}
.hq-feed .hx-nxt b{font-size:13.5px}
html.formal .hx-nxi{background:var(--brand-soft);color:var(--brand);box-shadow:none}
html.formal .eh-c{border-radius:12px;box-shadow:none}
html.formal .eh-o{background:var(--brand);box-shadow:none}
.hq-w .eh{margin:0}.hq-w .eh-h>b{display:none}.hq-w .eh-h{justify-content:flex-end;margin:-38px 4px 10px}
.hq-wg{grid-auto-flow:row dense}
.hq-ax,.hq-bars{direction:ltr}                    /* زمان از چپ به راست، هم‌جهتِ نمودار */
.hq-wg{align-items:stretch}
.hq-lg[hidden]{display:none}
/* نمودارهای گزارش (vizBar/vizLine): سریِ نخست رنگِ نرم‌افزار، دوم و سوم خاکستری و سبزِ آرام */
html.formal .viz{--s1:var(--brand);--s2:#94A3B8;--s3:#3F7D5C}