/* Jaisandar 446 · ЖІӨ талдауы (bank-hub-442 + market-hub-443 + infl-hub-445 негізінде) */
.bank-hub.gdp-hub{--jh-accent:#0b6b62;--jh-ink:#14302b;--jh-ink2:#46605a;--jh-mute:#7a8d88;--jh-line:#e0e8e6;--jh-soft:#f1f6f5;margin:0 0 22px}
.gdp-hub .up{color:#12805c}.gdp-hub .dn{color:#c75b1e}
.gdp-hub .jhub-eyebrow{color:#0b6b62}
.gdp-hub .mhub-nav button[aria-pressed="true"],.gdp-hub .jhub-tabs button[aria-pressed="true"]{background:linear-gradient(135deg,#0b3d36,#0f766e);color:#fff;border-color:#0b3d36}
.gdp-hub .jhub-seg button[aria-pressed="true"]{background:#0b6b62;border-color:#0b6b62;color:#fff}
.gdp-hub .jhub-btn{background:#006666;border-color:#006666;color:#fff}.gdp-hub .jhub-btn:hover{background:#004f4f}
.gdp-hub .jhub-btn.ghost{background:#fff;color:#14302b;border-color:#cfdcd8}
.gdp-hub .jhub-story{background:radial-gradient(120% 140% at 100% 0%,rgba(18,160,137,.55) 0%,transparent 55%),linear-gradient(135deg,#0b2a26 0%,#0e3f39 60%,#0f4f47 100%)}
.gdp-hub .jhub-story .big{font-size:clamp(46px,6vw,72px)}
.gdp-hub .jhub-story .big.up{color:#7fe0bf}.gdp-hub .jhub-story .big.dn{color:#ffb98f}
.gdp-hub .jhub-story .mv em{color:#12805c}.gdp-hub .jhub-story .mv.dn em{color:#c75b1e}
.ghub-ico{width:30px;height:30px;border-radius:9px;background:#f1f6f5;display:grid;place-items:center;font-size:13px;flex:0 0 30px;color:#0b6b62}
.gdp-hub .jhub-hero{background:#fff;border:1px solid #e0e8e6;border-radius:18px;padding:18px 20px}
.gdp-hub .jhub-hero p{color:#46605a}
.ghub-kpi .n i{font-style:normal}
.gdp-hub .ghub-kpi .n{white-space:normal;line-height:1.2}
.ghub-sel{display:grid;gap:4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7a8d88}
.ghub-sel select{font:700 14px Inter,Arial,sans-serif;color:#14302b;border:1px solid #cfdcd8;border-radius:10px;padding:7px 10px;background:#fff;text-transform:none;letter-spacing:0;max-width:100%}
.ghub-logo{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 22px}
.ghub-logo img{width:100%;height:100%;object-fit:contain}
.ghub-logo.xs{width:20px;height:20px;flex-basis:20px}
.ghub-logo.lg{width:46px;height:46px;flex-basis:46px}
.ghub-rc{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#14302b;white-space:nowrap}
.ghub-tab td.ghub-bar{min-width:150px}
.ghub-tab td.ghub-bar span{display:inline-block;vertical-align:middle;width:90px;height:10px;border-radius:5px;background:#eef3f1;margin-right:8px;overflow:hidden}
.ghub-tab td.ghub-bar u{display:block;height:100%;background:#0b6b62;border-radius:5px}
.ghub-tab td.ghub-bar.pc u{background:#4a3aa7}
.ghub-tab td.up{color:#12805c;font-weight:700}.ghub-tab td.dn{color:#c75b1e;font-weight:700}
.ghub-heat td{text-align:center;font-weight:700;font-size:12.5px;min-width:64px}
.ghub-heat thead th{text-align:center;line-height:1.25}
.ghub-heat tr.ghub-total th,.ghub-heat tr.ghub-total td{border-bottom:2px solid #14302b}
.ghub-phead{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(110deg,#e8f4f1 0%,#fff 55%);border:1px solid #e0e8e6;border-top:4px solid #0b6b62;border-radius:18px;padding:16px 18px}
.ghub-phead .t{flex:1 1 260px;min-width:0}.ghub-phead .t p{margin:2px 0 0;color:#46605a}
.ghub-pick{display:flex;align-items:center;gap:10px}
.ghub-pick select{font:800 15px Inter,Arial,sans-serif;color:#14302b;border:1px solid #cfdcd8;border-radius:10px;padding:8px 10px;background:#fff;max-width:240px}
.ghub-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.ghub-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gdp-hub [data-reg]{cursor:pointer}
@media(max-width:640px){
  .gdp-hub .jhub-story{grid-template-columns:minmax(0,1fr)}
  .ghub-kpis{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;scrollbar-width:none}
  .ghub-kpis>*{flex:0 0 68%;scroll-snap-align:start}
  .ghub-pick{width:100%}.ghub-pick select{flex:1;max-width:none}
  .ghub-phead .jhub-controls .jhub-seg{overflow-x:auto;flex-wrap:nowrap}
  :root body .gdp-hub .ghub-tab :is(th,td):is(:nth-child(1),:nth-child(4),:nth-child(7)){display:none!important}
  :root body .gdp-hub .ghub-tab :is(th,td){padding:6px 5px!important;font-size:12px!important}
  :root body .gdp-hub .ghub-tab tbody th{max-width:118px;white-space:normal}
  .ghub-tab td.ghub-bar span{display:none!important}
  :root body .gdp-hub .ghub-tab table{table-layout:fixed;width:100%!important;min-width:0!important}
  :root body .gdp-hub .ghub-tab tbody th,:root body .gdp-hub .ghub-tab thead th:nth-child(2){width:44%}
  :root body .gdp-hub .ghub-tab thead th button{max-width:none;white-space:normal;font-size:10.5px}
  .ghub-rc{display:flex;gap:5px}
  .ghub-tab td.ghub-bar{min-width:0}.ghub-tab td.ghub-bar span{width:44px}
  .ghub-rc{white-space:normal;font-size:12px}
}
/* дөңгелек вороной (сыртқы сауда · АӨК стилі) */
.ghub-vor{display:flex;flex-direction:column;align-items:center;gap:8px}
.ghub-vor>svg{max-width:100%;height:auto;filter:drop-shadow(0 18px 30px rgba(19,67,58,.12))}
.ghub-chips{display:flex;flex-wrap:wrap;gap:7px;align-self:stretch;justify-content:flex-start}
.ghub-chip{display:inline-flex;align-items:baseline;gap:5px;padding:7px 10px;border-radius:999px;background:#006666;color:#fff;font-size:10.5px;font-weight:800}
.ghub-chip strong{color:#ffe36a;font-size:15px;font-weight:900}
.ghub-chip.light{background:#f1f4f3;color:#53615c}.ghub-chip.light strong{color:#17221f}
.ghub-vor .gv-cell{cursor:pointer;transition:opacity .16s ease,filter .16s ease}
.ghub-vor .gv-cell:hover{filter:brightness(1.06) saturate(1.08)}
.ghub-vor.is-hover .gv-cell:not(:hover):not(.gv-dim){opacity:.32}
.ghub-vor .gv-dim{cursor:default}