/* Jaisandar 5.10.88 · Budget: compact segmented section switcher (Шолу · Кірістер · … · Іздеу). */
body .budget-view-tabs.bvt5188{
  --bvt-bg:#f3f7f5;--bvt-line:#dfe8e4;--bvt-ink:#173029;--bvt-mute:#6f817b;
  display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:4px!important;
  margin:14px 0 18px!important;padding:5px!important;
  background:var(--bvt-bg)!important;border:1px solid var(--bvt-line)!important;border-radius:18px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 6px 18px rgba(14,48,40,.05)!important;
  position:sticky;top:84px;z-index:6;container-type:inline-size;
}
.admin-bar .budget-view-tabs.bvt5188{top:116px}
body .budget-view-tabs.bvt5188>button{
  --tc:#5d6b78;
  position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  min-width:0!important;min-height:76px!important;height:auto!important;margin:0!important;padding:10px 6px 9px!important;
  border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;
  color:var(--bvt-ink)!important;text-align:center!important;cursor:pointer;overflow:hidden!important;
  transition:background-color .2s ease,box-shadow .2s ease,transform .18s ease!important;
}
body .budget-view-tabs.bvt5188>button::before,body .budget-view-tabs.bvt5188>button::after{content:none!important}
body .budget-view-tabs.bvt5188>button.overview{--tc:#5c6b79}
body .budget-view-tabs.bvt5188>button.income{--tc:#13805c}
body .budget-view-tabs.bvt5188>button.expense{--tc:#d14d66}
body .budget-view-tabs.bvt5188>button.compare{--tc:#6a4fd6}
body .budget-view-tabs.bvt5188>button.tax{--tc:#c27414}
body .budget-view-tabs.bvt5188>button.fund{--tc:#2a74d0}
body .budget-view-tabs.bvt5188>button.transfers{--tc:#8c5a3a}
body .budget-view-tabs.bvt5188>button.search{--tc:#2f6f8f}
body .budget-view-tabs.bvt5188>button>i{
  display:grid!important;place-items:center!important;width:36px!important;height:36px!important;flex:0 0 36px!important;margin:0!important;
  border-radius:12px!important;font-style:normal!important;
  color:var(--tc)!important;background:color-mix(in srgb,var(--tc) 12%,#fff)!important;border:0!important;box-shadow:none!important;
  transition:background-color .2s ease,color .2s ease,transform .25s cubic-bezier(.2,.8,.2,1)!important;
}
body .budget-view-tabs.bvt5188>button>i svg{display:block;width:20px;height:20px}
body .budget-view-tabs.bvt5188>button>span{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;min-width:0!important;max-width:100%!important}
body .budget-view-tabs.bvt5188>button b{display:block!important;font-size:.82rem!important;line-height:1.1!important;font-weight:800!important;color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;letter-spacing:-.01em!important}
body .budget-view-tabs.bvt5188>button small{display:block!important;font-size:.64rem!important;line-height:1.15!important;font-weight:600!important;color:var(--bvt-mute)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;opacity:.95!important}
body .budget-view-tabs.bvt5188>button:hover{background:rgba(255,255,255,.75)!important}
body .budget-view-tabs.bvt5188>button:hover>i{transform:translateY(-1px) scale(1.04)}
body .budget-view-tabs.bvt5188>button:focus-visible{outline:3px solid color-mix(in srgb,var(--tc) 45%,transparent)!important;outline-offset:1px!important}
body .budget-view-tabs.bvt5188>button.active,body .budget-view-tabs.bvt5188>button[aria-pressed="true"]{
  background:#fff!important;box-shadow:0 1px 2px rgba(10,40,30,.06),0 8px 20px rgba(10,40,30,.09)!important;color:var(--tc)!important}
body .budget-view-tabs.bvt5188>button.active>i,body .budget-view-tabs.bvt5188>button[aria-pressed="true"]>i{background:var(--tc)!important;color:#fff!important;box-shadow:0 6px 14px color-mix(in srgb,var(--tc) 35%,transparent)!important}
body .budget-view-tabs.bvt5188>button.active::after,body .budget-view-tabs.bvt5188>button[aria-pressed="true"]::after{content:""!important;position:absolute!important;left:28%!important;right:28%!important;bottom:3px!important;height:3px!important;border-radius:3px!important;background:var(--tc)!important}
@container (max-width:1120px){body .budget-view-tabs.bvt5188>button small{display:none!important}body .budget-view-tabs.bvt5188>button{min-height:66px!important}}
@media(max-width:1180px){body .budget-view-tabs.bvt5188>button small{display:none!important}body .budget-view-tabs.bvt5188>button{min-height:66px!important}}
@media(max-width:860px){
  body .budget-view-tabs.bvt5188{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none;position:relative;top:auto;margin-left:-2px!important;margin-right:-2px!important}
  body .budget-view-tabs.bvt5188::-webkit-scrollbar{display:none}
  body .budget-view-tabs.bvt5188>button{flex:0 0 auto!important;min-width:78px!important;min-height:62px!important;scroll-snap-align:start;padding:8px 10px!important}
  body .budget-view-tabs.bvt5188>button>i{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:10px!important}
  body .budget-view-tabs.bvt5188>button b{font-size:.76rem!important}
}
@media(prefers-reduced-motion:reduce){body .budget-view-tabs.bvt5188>button,body .budget-view-tabs.bvt5188>button>i{transition:none!important}}

/* 5.10.89 · bank groups: caption under sector share */
.jgrp-sh small{display:block;font-size:.6rem;font-weight:700;letter-spacing:.02em;opacity:.7;text-align:right;margin-top:1px;white-space:nowrap}

/* 5.10.89 · Bank «Негізгі көрсеткіштер»: merged sections + 12-month numeric table */
.bank-subtab[hidden],.bank-subtab-merged{display:none!important}
.jbk-secs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:10px 0 14px}
.jbk-sec{--k:#2f5fd0;position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 40px 10px 12px;border:1px solid #e3e8f0;border-radius:16px;background:#fff;color:#14213d;text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(15,30,60,.04);transition:border-color .2s,box-shadow .2s,transform .15s}
.jbk-sec:hover{border-color:color-mix(in srgb,var(--k) 45%,#fff);box-shadow:0 8px 22px rgba(15,30,60,.08);transform:translateY(-1px)}
.jbk-sec[aria-pressed="true"]{border-color:var(--k);box-shadow:0 0 0 3px color-mix(in srgb,var(--k) 16%,transparent)}
.jbk-sec>i{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:12px;font-style:normal;font-weight:900;font-size:17px;color:var(--k);background:color-mix(in srgb,var(--k) 12%,#fff)}
.jbk-sec[aria-pressed="true"]>i{background:var(--k);color:#fff}
.jbk-sec>span{display:flex;flex-direction:column;min-width:0;flex:1}
.jbk-sec b{font-size:.95rem;font-weight:800}
.jbk-sec em{font-style:normal;font-size:.72rem;color:#6b778c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jbk-sec strong{font-size:1.05rem;font-weight:900;color:var(--k);white-space:nowrap}
.jbk-sec u{position:absolute;right:14px;top:50%;transform:translateY(-50%);text-decoration:none;color:#9aa6b8;font-weight:800}
.jbk-mt{margin:6px 0 4px}
.jbk-mtab-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e6ebf2;border-radius:14px}
.jbk-mtab{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;font-variant-numeric:tabular-nums;min-width:860px}
.jbk-mtab caption{caption-side:top;text-align:left;padding:8px 12px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6b778c}
.jbk-mtab th{position:sticky;top:0;background:#f5f7fb;color:#6b778c;font-weight:800;font-size:11.5px;padding:8px 6px;text-align:right;border-bottom:1px solid #e6ebf2;white-space:nowrap}
.jbk-mtab th small{font-weight:600;opacity:.7}
.jbk-mtab th:first-child,.jbk-mtab td:first-child{position:sticky;left:0;z-index:1;text-align:left;background:#fff;min-width:170px;max-width:200px}
.jbk-mtab th:first-child{background:#f5f7fb;z-index:2}
.jbk-mtab th.cur{color:#14213d}
.jbk-mtab td{padding:6px;text-align:right;border-bottom:1px solid #f0f3f8;white-space:nowrap;color:#1d2a44}
.jbk-mtab td.tot,.jbk-mtab th.tot{font-weight:900;background:#f8fafc;border-left:1px solid #e6ebf2}
.jbk-mtab tr.sec td{font-weight:900;background:#eef3fb;border-bottom:2px solid #dbe3ef}
.jbk-mtab tr.sec td:first-child{background:#eef3fb}
.jbk-mtab .bn{display:flex;align-items:center;gap:7px;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.jbk-mtab .bn img{width:18px;height:18px;object-fit:contain;flex:0 0 18px;border-radius:4px}
.jbk-mtab tbody tr:hover td{filter:brightness(.97)}
.jhub-main.jbk-wide{grid-template-columns:minmax(0,1fr)!important}
.jhub-main.jbk-wide .jbk-mtab{min-width:760px}

/* 5.10.89b · compact «Негізгі көрсеткіштер» */
.bank-hub[data-view="summary"] .jhub-kpis{gap:8px}
.bank-hub[data-view="summary"] .jhub-kpi{padding:10px 12px!important;min-height:0!important}
.bank-hub[data-view="summary"] .jhub-kpi .v{font-size:1.25rem!important}
.bank-hub[data-view="summary"] .jhub-kpi .c+.c{display:none}
.bank-hub[data-view="summary"] .jhub-kpi svg{max-height:26px}
.jbk-ctl{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 14px!important;padding:8px 10px!important;margin:10px 0!important;position:sticky;top:84px;z-index:5;background:color-mix(in srgb,#fff 92%,transparent);backdrop-filter:blur(8px);border-radius:14px}
.admin-bar .jbk-ctl{top:116px}
.jbk-date select{appearance:none;-webkit-appearance:none;border:1px solid #dbe2ec;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236b778c' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 9px center;padding:6px 26px 6px 10px;font:700 .82rem/1.2 inherit;color:#14213d;cursor:pointer;margin-left:4px}
.jbk-date select:focus-visible{outline:2px solid #2f5fd0;outline-offset:1px}
@media(max-width:860px){.jbk-ctl{position:relative;top:auto}.jbk-ctl .jhub-seg{overflow-x:auto;max-width:100%}}
.jbk-data{min-width:720px}
.jbk-data th button{all:unset;cursor:pointer;font:inherit;color:inherit;white-space:nowrap}
.jbk-data th.on{color:#14213d}
.jbk-data th.no,.jbk-data td.no{width:28px;text-align:center;color:#8a96a8;position:static;min-width:0;max-width:none}
.jbk-data th.no+th,.jbk-data td.no+td{position:sticky;left:0;z-index:1;background:#fff;text-align:left;min-width:170px}
.jbk-data th.no+th{background:#f5f7fb;z-index:2}
.jbk-data tr.sec td.no+td{background:#eef3fb}
.jbk-data th:first-child,.jbk-data td:first-child{position:static;min-width:0}
.jbk-data td.up{color:#12805c;font-weight:800}
.jbk-data td.dn{color:#c0485a;font-weight:800}
.jbk-data td.bar,.jbk-data th.bar{width:110px;padding-right:12px}
.jbk-data td.bar i{display:block;height:8px;border-radius:4px;background:#12a05c;opacity:.75}
.jbk-data td.bar i.dn{background:#e0445e}
/* 5.10.89 · несие портфелі: соңғы қолжетімді ай ескертпесі */
.jbk-avail{margin:8px 0 0;padding:8px 12px;border-radius:10px;background:#fff6e8;color:#7a4a06;font:600 12.5px/1.45 Inter,"Segoe UI",Arial,sans-serif;border:1px solid #f3d9ad}
html[data-theme="dark"] .jbk-avail{background:#2a2114;color:#f3c77e;border-color:#5a4520}
@media(max-width:1380px){.bank-hub .jhub-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.bank-hub .jhub-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
