/* Jaisandar 273 · consolidated mobile DATA stylesheet */
/* Jaisandar 249 · unified DATA mobile controls + true wide charts */
:root{
  --jai-data-control-h:44px;
  --jai-data-radius:12px;
  --jai-data-gap:8px;
}

/* Budget export row exists on all sizes; desktop keeps the familiar tools bar. */
.budget-chart-downloads{display:none}

@media (max-width:900px){
  /* ========================================================
     1) Common mobile controls: 44px, same rhythm everywhere
     ======================================================== */
  body.home [data-economy-window="budget"] button,
  body.home [data-trade-workspace] button,
  body.home [data-market-rubric] button,
  body.home [data-qazaq-window] button{
    -webkit-tap-highlight-color:transparent;
  }

  /* Years / months: one horizontal row, never wrap. */
  .budget-year-scroll,.budget-month-scroll,.budget-compare-year-buttons,
  .jtp-years,.jtp-months,
  .stock-chart-period-tabs,.qazaq-stock-periods,.qazaq-periods,
  .jai-chart-period-group{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:var(--jai-data-gap)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    touch-action:pan-x!important;
  }
  .budget-year-scroll::-webkit-scrollbar,.budget-month-scroll::-webkit-scrollbar,.budget-compare-year-buttons::-webkit-scrollbar,
  .jtp-years::-webkit-scrollbar,.jtp-months::-webkit-scrollbar,
  .stock-chart-period-tabs::-webkit-scrollbar,.qazaq-stock-periods::-webkit-scrollbar,.qazaq-periods::-webkit-scrollbar,
  .jai-chart-period-group::-webkit-scrollbar{display:none!important}

  .budget-year-scroll button,.budget-month-scroll button,.budget-compare-year-buttons button,
  .jtp-years button,.jtp-months button,
  .stock-chart-period-tabs button,.qazaq-stock-periods button,.qazaq-periods button,
  .jai-chart-period-group button{
    flex:0 0 auto!important;
    min-height:var(--jai-data-control-h)!important;
    height:var(--jai-data-control-h)!important;
    padding:0 14px!important;
    border-radius:var(--jai-data-radius)!important;
    scroll-snap-align:center!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Section colour stays local. */
  .budget-year-scroll button.active,.budget-month-scroll button.active,.budget-compare-year-buttons button.active,
  .budget-period-switch button.active,.budget-month-value-mode button.active{
    background:#006666!important;border-color:#006666!important;color:#fff!important;
  }
  .jtp-years button.is-active,.jtp-months button.is-active,.jtp-segment button.is-active{
    background:#8b2d49!important;border-color:#8b2d49!important;color:#fff!important;
  }
  .stock-chart-period-tabs button.active,.qazaq-stock-periods button.active,.qazaq-periods button.active,
  .jai-chart-period-group button.active{
    background:#006666!important;border-color:#006666!important;color:#fff!important;
  }

  /* Budget year/month rails stay clean and thumb-friendly. */
  .budget-toolbar-171,.budget-month-toolbar{gap:8px!important}
  .budget-year-picker,.budget-month-picker{min-width:0!important;gap:6px!important}
  .budget-year-arrow{width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;border-radius:12px!important;font-size:24px!important}
  .budget-period-switch,.budget-month-value-mode{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
  .budget-period-switch button,.budget-month-value-mode button{min-height:44px!important;border-radius:12px!important;font-weight:900!important}

  /* ========================================================
     2) Budget chart controls: modes above, export below chart
     ======================================================== */
  .budget-chart-shell{min-width:0!important;width:100%!important;display:flex!important;flex-direction:column!important;padding-top:2px!important}
  .budget-chart-tools{order:1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:6px 0 8px!important;padding:7px!important;border-radius:14px!important;overflow:visible!important}
  .budget-chart-modes{display:flex!important;flex:1 1 auto!important;min-width:0!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .budget-chart-modes::-webkit-scrollbar{display:none!important}
  .budget-chart-modes button,.budget-chart-actions button{min-height:44px!important;height:44px!important;padding:0 12px!important;border-radius:11px!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important}
  .budget-chart-tools button span{display:inline!important}
  .budget-chart-actions{display:flex!important;flex:0 0 auto!important;gap:6px!important}
  .budget-chart-actions .budget-tools-png,.budget-chart-actions .budget-tools-excel{display:none!important}
  .budget-chart-actions [data-budget-chart-expand]{width:44px!important;min-width:44px!important;padding:0!important;font-size:0!important}
  .budget-chart-actions [data-budget-chart-expand]::before{content:"⛶";font-size:20px!important;line-height:1!important}
  .budget-chart-actions [data-budget-chart-expand] span{display:none!important}

  .budget-chart-shell>.jai-mobile-chart-scroll{order:2!important}
  .budget-chart-downloads{order:3!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:10px 0 2px!important;padding:0!important}
  .budget-chart-downloads button{min-height:44px!important;border-radius:12px!important;font-size:12px!important;font-weight:950!important}
  .budget-chart-downloads .primary{border:1px solid #006666!important;background:#006666!important;color:#fff!important}
  .budget-chart-downloads .budget-excel-btn{border:1px solid #b9d2cb!important;background:#fff!important;color:#075f50!important}

  /* Hide old scattered PNG buttons on phones: the fixed row above replaces them. */
  .budget-head-actions>.budget-export-btn,
  .budget-subhead-actions>.budget-export-btn,
  .budget-region-history-actions>.budget-export-btn{display:none!important}

  /* ========================================================
     3) True wide charts on mobile — no horizontal squeezing
     ======================================================== */
  .jai-mobile-chart-scroll{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
    padding:0 0 8px!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(42,82,70,.38) transparent!important;
  }
  .jai-mobile-chart-scroll::-webkit-scrollbar{height:5px!important}
  .jai-mobile-chart-scroll::-webkit-scrollbar-thumb{background:rgba(42,82,70,.34)!important;border-radius:99px!important}
  .jai-mobile-chart-scroll>.jai-mobile-wide-chart{
    width:960px!important;
    min-width:960px!important;
    max-width:none!important;
    margin:0!important;
  }
  .jai-mobile-chart-scroll>.budget-regional-chart{width:1120px!important;min-width:1120px!important}
  .jai-mobile-chart-scroll>.budget-region-history-chart{width:1080px!important;min-width:1080px!important}
  .jai-mobile-chart-scroll>.jtp-chart{width:1040px!important;min-width:1040px!important}
  .jai-mobile-chart-scroll>[data-qazaq-chart],
  .jai-mobile-chart-scroll>[data-dividend-chart],
  .jai-mobile-chart-scroll>[data-local-market-chart],
  .jai-mobile-chart-scroll>.stock-chart-wrap{width:980px!important;min-width:980px!important}

  /* Keep chart height natural; only width is wide. */
  .jai-mobile-chart-scroll>.budget-trend-chart,
  .jai-mobile-chart-scroll>.budget-income-chart,
  .jai-mobile-chart-scroll>.budget-expense-chart,
  .jai-mobile-chart-scroll>.budget-expense-history-chart,
  .jai-mobile-chart-scroll>.budget-tax-category-chart,
  .jai-mobile-chart-scroll>.budget-transfer-chart,
  .jai-mobile-chart-scroll>.budget-compare-summary-chart{min-height:360px!important;height:360px!important}
  .jai-mobile-chart-scroll>.jtp-chart{min-height:360px!important;height:360px!important}

  /* A subtle cue that chart continues to the right. */
  .jai-mobile-chart-scroll::after{content:"←  көлденең жылжытыңыз  →";position:sticky;left:10px;display:inline-block;margin:5px 0 0;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.92);color:#708079;font-size:9px;font-weight:850;letter-spacing:.02em;pointer-events:none;box-shadow:0 2px 8px rgba(25,48,41,.07)}

  /* ========================================================
     4) Fullscreen charts are also wide, not squeezed to phone
     ======================================================== */
  .budget-chart-modal{padding:5px!important;overflow:hidden!important}
  .budget-chart-modal-panel{width:100%!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;border-radius:15px!important}
  .budget-chart-modal-panel>header{padding:10px 11px!important;gap:9px!important}
  .budget-chart-modal-panel>header h3{font-size:18px!important}
  .budget-chart-modal-panel>header>div:last-child{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .budget-chart-modal-panel button{min-height:44px!important}
  .budget-chart-modal-panel>.jai-mobile-chart-scroll{height:100%!important;min-height:0!important;padding:0 0 8px!important}
  .budget-chart-modal-panel>.jai-mobile-chart-scroll>.budget-chart-modal-canvas{width:1180px!important;min-width:1180px!important;height:100%!important;min-height:560px!important}

  .jtp-focus-panel{overflow:hidden!important}
  .jtp-focus-panel>.jai-mobile-chart-scroll{height:100%!important;min-height:0!important;padding:0 0 8px!important}
  .jtp-focus-panel>.jai-mobile-chart-scroll>.jtp-focus-chart{width:1180px!important;min-width:1180px!important;height:100%!important;min-height:560px!important}

  /* PNG preview: show the real wide image; do not fit/squeeze it to phone width. */
  .jtp-png-preview-stage{overflow:auto!important;-webkit-overflow-scrolling:touch!important}
  .jtp-png-preview-stage img{width:960px!important;min-width:960px!important;max-width:none!important;height:auto!important;margin:0!important}

  /* ========================================================
     5) Trade controls: years/months always visible, extras fold
     ======================================================== */
  .jai-mobile-filter-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-height:44px!important;margin:8px 0!important;padding:0 13px!important;border:1px solid #d7bcc5!important;border-radius:12px!important;background:#fff!important;color:#6d3145!important;font-size:12px!important;font-weight:950!important}
  .jai-mobile-filter-toggle i{font-style:normal!important;transition:transform .18s ease!important}
  .jai-mobile-filter-toggle[aria-expanded="true"] i{transform:rotate(180deg)!important}
  .jai-mobile-filter-summary{display:flex!important;gap:6px!important;overflow-x:auto!important;white-space:nowrap!important;margin:0 0 8px!important;padding:0 1px 3px!important;scrollbar-width:none!important}
  .jai-mobile-filter-summary::-webkit-scrollbar{display:none!important}
  .jai-mobile-filter-summary span{flex:0 0 auto!important;padding:6px 9px!important;border-radius:999px!important;background:#f6ecef!important;color:#714052!important;font-size:10px!important;font-weight:850!important}
  .jtp-control-rail.jai-mobile-collapsible{display:none!important}
  .jtp-control-rail.jai-mobile-collapsible.jai-filter-open{display:grid!important}

  /* Trade chart actions use the same 44px geometry. */
  .jtp-card-actions{gap:7px!important}
  .jtp-chart-switch button,.jtp-focus,.jtp-png,.jtp-excel,.jtp-mini-seg button{min-height:44px!important;height:44px!important;border-radius:11px!important;font-weight:900!important}
  .jtp-excel{border:1px solid #d8c2c9!important;background:#fff!important;color:#6d3145!important;padding:0 12px!important;cursor:pointer!important}
  .jtp-png{padding:0 12px!important}

  /* Trade fixed download row proxies sit under each chart. */
  .jai-trade-download-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:9px 0 2px!important}
  .jai-trade-download-row button{min-height:44px!important;border-radius:12px!important;font-size:12px!important;font-weight:950!important;cursor:pointer!important}
  .jai-trade-download-row .png{border:1px solid #8b2d49!important;background:#8b2d49!important;color:#fff!important}
  .jai-trade-download-row .excel{border:1px solid #d8c2c9!important;background:#fff!important;color:#6d3145!important}
  .jtp-card:has(.jai-trade-download-row) .jtp-card-actions>.jtp-png,
  .jtp-card:has(.jai-trade-download-row) .jtp-card-actions>.jtp-excel{display:none!important}
}

/* Jaisandar 270 · mobile DATA app shell + dark home DATA cockpit */

/* =========================
   Home: DATA becomes a distinct cockpit, not site-wide dark mode
   ========================= */
body.home[data-jai-rubric="home"] .home-data-rail{
  position:relative!important;
  background:
    radial-gradient(circle at 88% 7%,rgba(64,220,180,.19),transparent 30%),
    radial-gradient(circle at 8% 92%,rgba(80,126,255,.13),transparent 32%),
    linear-gradient(155deg,#0d1718 0%,#102726 52%,#0b1b1d 100%)!important;
  border-color:rgba(159,224,205,.18)!important;
  box-shadow:0 18px 48px rgba(8,30,29,.24)!important;
  color:#effff9!important;
}
body.home[data-jai-rubric="home"] .home-data-rail:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px)!important;background-size:26px 26px!important;opacity:.7!important;pointer-events:none!important}
body.home[data-jai-rubric="home"] .home-data-rail-head{position:relative!important;z-index:1!important;border-color:rgba(216,247,237,.13)!important}
body.home[data-jai-rubric="home"] .home-data-rail-head>div>span{color:#70e2bd!important;text-shadow:0 0 18px rgba(54,214,169,.28)!important}
body.home[data-jai-rubric="home"] .home-data-rail-head>div>span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#61e6b7;box-shadow:0 0 0 4px rgba(97,230,183,.10),0 0 16px rgba(97,230,183,.65);vertical-align:1px;animation:jaiDataLive 1.7s ease-in-out infinite}
body.home[data-jai-rubric="home"] .home-data-rail-head h2{color:#f3fffb!important}
body.home[data-jai-rubric="home"] .home-data-rail-head p{color:#9bb8af!important}
body.home[data-jai-rubric="home"] .home-data-link{
  position:relative!important;z-index:1!important;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  border:1px solid rgba(214,243,234,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(6px)!important;
}
body.home[data-jai-rubric="home"] .home-data-link:hover,body.home[data-jai-rubric="home"] .home-data-link:focus-visible{background:rgba(255,255,255,.105)!important;border-color:rgba(var(--data-accent-rgb),.52)!important;box-shadow:0 9px 22px rgba(0,0,0,.14),inset 3px 0 0 var(--data-accent)!important}
body.home[data-jai-rubric="home"] .home-data-link>i{background:rgba(255,255,255,.08)!important;border-color:rgba(var(--data-accent-rgb),.34)!important;color:var(--data-accent)!important}
body.home[data-jai-rubric="home"] .home-data-link>span b{color:#f2fcf9!important}
body.home[data-jai-rubric="home"] .home-data-link>span small{color:#91aaa4!important}
body.home[data-jai-rubric="home"] .home-data-link>strong,body.home[data-jai-rubric="home"] .home-data-link>em{color:var(--data-accent)!important}
body.home[data-jai-rubric="home"] .home-data-all{position:relative!important;z-index:1!important;background:#defaf0!important;border-color:#defaf0!important;color:#103d35!important;box-shadow:0 9px 22px rgba(0,0,0,.14)!important}
@keyframes jaiDataLive{0%,100%{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){body.home[data-jai-rubric="home"] .home-data-rail-head>div>span:before{animation:none!important}}

.jai-data-drawer,.jai-data-drawer-backdrop,.jai-data-contextbar,.jai-data-edge-tab,.jai-mobile-sheet-toggle,.jai-mobile-sheet-head,.jai-mobile-sheet-apply,.jai-mobile-fs-open,.jai-mobile-fs-close,.jai-mobile-data-readout{display:none}

@media(max-width:900px){
  :root{--jai-mobile-safe-top:max(10px,env(safe-area-inset-top));--jai-mobile-safe-bottom:max(10px,env(safe-area-inset-bottom))}
  body.jai-data-drawer-open,body.jai-fullscreen-open,body.jai-sheet-open{overflow:hidden!important;touch-action:none!important}

  /* Inner rubrics move from horizontal rails into a side drawer. */
  body.home[data-jai-rubric="market"] [data-market-nav],
  body.home[data-jai-rubric="market"] [data-kase-mode-nav],
  body.home[data-jai-rubric="economy"] [data-economy-nav],
  body.home[data-jai-rubric="banking"] [data-bank-nav],
  body.home[data-jai-rubric="trade"] [data-trade-nav]{display:none!important}

  .jai-data-contextbar{display:block;position:sticky;top:calc(var(--jai-mobile-safe-top) + 4px);z-index:72;margin:8px 0 10px;padding:0 2px}
  .jai-data-contextbar[hidden]{display:none!important}
  .jai-data-contextbar>button{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:9px;width:100%;min-height:58px;padding:8px 11px;border:1px solid #d8e4e0;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(18,55,49,.10);backdrop-filter:blur(12px);text-align:left;color:#183c37}
  .jai-data-contextbar>button>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#0f5951;color:#fff;font-style:normal;font-size:18px}
  .jai-data-context-copy{display:grid;gap:2px;min-width:0}.jai-data-context-copy>b{font-size:10px;letter-spacing:.09em;color:#006666}.jai-data-context-copy>span{font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jai-data-contextbar em{font-style:normal;color:#76908a;font-size:22px;text-align:right}

  .jai-data-edge-tab{display:grid;place-items:center;position:fixed;left:0;top:46%;z-index:76;width:21px;height:68px;padding:0;border:1px solid rgba(214,239,232,.28);border-left:0;border-radius:0 12px 12px 0;background:#0d4d47;color:#eafff8;box-shadow:0 7px 22px rgba(11,54,49,.22)}
  .jai-data-edge-tab[hidden]{display:none!important}.jai-data-edge-tab span{font-size:21px;transform:translateX(-1px)}

  .jai-data-drawer-backdrop{display:block;position:fixed;inset:0;z-index:199;background:rgba(4,16,16,.42);opacity:0;pointer-events:none;transition:opacity .2s ease;backdrop-filter:blur(2px)}
  .jai-data-drawer-backdrop[hidden]{display:none!important}.jai-data-drawer-backdrop.is-open{opacity:1;pointer-events:auto}
  .jai-data-drawer{display:flex;position:fixed;z-index:200;inset:0 auto 0 0;width:min(82vw,330px);padding:var(--jai-mobile-safe-top) 12px var(--jai-mobile-safe-bottom);flex-direction:column;background:linear-gradient(160deg,#0d1819,#102d2b 60%,#0b1b1c);color:#f2fffb;box-shadow:20px 0 44px rgba(0,0,0,.28);transform:translateX(-105%);transition:transform .24s cubic-bezier(.2,.75,.25,1);overflow-y:auto;overscroll-behavior:contain}
  .jai-data-drawer[hidden]{display:none!important}.jai-data-drawer.is-open{transform:translateX(0)}
  .jai-data-drawer>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 4px 14px;border-bottom:1px solid rgba(214,244,235,.11)}
  .jai-data-drawer>header div{display:grid;gap:3px}.jai-data-drawer>header small{font-size:9px;font-weight:950;letter-spacing:.14em;color:#69ddb9}.jai-data-drawer>header strong{font-size:19px;letter-spacing:-.025em}
  .jai-data-drawer>header button{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.07);color:#fff;font-size:27px;line-height:1}
  .jai-data-drawer-list{display:grid;gap:7px;padding:12px 0}.jai-data-drawer-group-title{padding:8px 6px 2px;color:#789d94;font-size:9px;font-weight:950;letter-spacing:.13em}
  .jai-data-drawer-item{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;min-height:62px;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.045);color:#eafbf6;text-align:left}
  .jai-data-drawer-item.is-secondary{margin-left:10px;width:calc(100% - 10px);min-height:55px;background:rgba(255,255,255,.028)}
  .jai-data-drawer-item.is-active{background:linear-gradient(135deg,rgba(96,229,187,.20),rgba(96,229,187,.07));border-color:rgba(103,232,192,.40);box-shadow:inset 3px 0 0 #67e8c0}
  .jai-data-drawer-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.07);overflow:hidden;color:#76e2bf;font-size:17px;font-weight:900}.jai-data-drawer-icon svg,.jai-data-drawer-icon img{max-width:30px;max-height:26px;object-fit:contain}.jai-data-drawer-copy{display:grid;gap:3px;min-width:0}.jai-data-drawer-copy b{font-size:12px}.jai-data-drawer-copy small{color:#87a69e;font-size:9px;line-height:1.25}.jai-data-drawer-item em{font-style:normal;color:#8bb6aa;font-size:19px}
  .jai-data-drawer-data{margin-top:auto;padding:14px 0 3px;border-top:1px solid rgba(214,244,235,.11)}.jai-data-drawer-data>small{display:block;margin:0 5px 8px;color:#76958e;font-size:8px;font-weight:950;letter-spacing:.13em}.jai-data-drawer-data>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .jai-data-cross-item{display:flex;align-items:center;gap:7px;min-height:45px;padding:7px 8px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.04);color:#dceee9;text-align:left;font-size:9px;font-weight:850}.jai-data-cross-item i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.07);color:#65dab8;font-style:normal}.jai-data-cross-item.is-active{border-color:rgba(101,218,184,.38);background:rgba(101,218,184,.12);color:#fff}

  /* Bottom-sheet filters: secondary controls no longer consume vertical space. */
  .jai-mobile-sheet-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;margin:7px 0;padding:7px 12px;border:1px solid #d8e4e0;border-radius:13px;background:#fff;color:#244942;text-align:left;box-shadow:0 5px 16px rgba(17,55,49,.06)}
  .jai-mobile-sheet-toggle span{display:grid;gap:1px}.jai-mobile-sheet-toggle b{font-size:11px}.jai-mobile-sheet-toggle small{font-size:8px;color:#80928d}.jai-mobile-sheet-toggle i{font-style:normal;font-size:19px;color:#006666}
  .jai-mobile-filter-sheet{display:flex!important;position:fixed!important;z-index:241!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:none!important;max-height:78dvh!important;margin:0!important;padding:10px 12px calc(var(--jai-mobile-safe-bottom) + 8px)!important;flex-direction:column!important;gap:10px!important;overflow-y:auto!important;border:0!important;border-radius:22px 22px 0 0!important;background:#f8fbfa!important;box-shadow:0 -20px 48px rgba(10,44,39,.24)!important;transform:translateY(105%)!important;transition:transform .24s cubic-bezier(.2,.75,.25,1)!important}
  .jai-mobile-filter-sheet.is-open{transform:translateY(0)!important}
  .jai-mobile-sheet-head{display:flex!important;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:-10px;z-index:2;margin:-10px -12px 0;padding:13px 13px 10px;background:#f8fbfa;border-bottom:1px solid #e1eae7}.jai-mobile-sheet-head>div{display:grid;gap:2px}.jai-mobile-sheet-head small{font-size:8px;font-weight:950;letter-spacing:.11em;color:#00806d}.jai-mobile-sheet-head b{font-size:16px;color:#173b36}.jai-mobile-sheet-head button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d9e4e1;border-radius:11px;background:#fff;color:#27443f;font-size:25px}
  .jai-mobile-sheet-apply{display:block!important;position:sticky;bottom:0;min-height:46px!important;width:100%!important;margin-top:4px!important;border:0!important;border-radius:13px!important;background:#006666!important;color:#fff!important;font-size:12px!important;font-weight:950!important}
  body.jai-sheet-open:after{content:"";position:fixed;z-index:240;inset:0;background:rgba(7,24,22,.38);backdrop-filter:blur(2px)}

  /* Fullscreen chart/video mode. */
  .jai-mobile-fs-shell{position:relative!important}
  .jai-mobile-fs-open{display:grid!important;place-items:center;position:absolute!important;z-index:25!important;right:10px!important;top:10px!important;width:39px!important;height:39px!important;padding:0!important;border:1px solid rgba(19,72,63,.16)!important;border-radius:11px!important;background:rgba(255,255,255,.93)!important;color:#0c6054!important;box-shadow:0 5px 16px rgba(15,55,49,.10)!important;font-size:19px!important}
  .jai-mobile-fs-close{display:none!important}
  .jai-data-fullscreen{position:fixed!important;z-index:260!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:calc(var(--jai-mobile-safe-top) + 46px) 8px var(--jai-mobile-safe-bottom)!important;overflow:auto!important;border:0!important;border-radius:0!important;background:#f7faf9!important;box-shadow:none!important}
  .jai-data-fullscreen .jai-mobile-fs-open{display:none!important}.jai-data-fullscreen .jai-mobile-fs-close{display:grid!important;place-items:center;position:fixed!important;z-index:270!important;right:12px!important;top:var(--jai-mobile-safe-top)!important;width:42px!important;height:42px!important;padding:0!important;border:1px solid #d8e3df!important;border-radius:12px!important;background:#fff!important;color:#173b36!important;font-size:26px!important;box-shadow:0 5px 18px rgba(13,52,46,.10)!important}
  .jai-data-fullscreen [data-tenge-chart],.jai-data-fullscreen [data-market-video-chart],.jai-data-fullscreen .jai-mobile-chart-scroll{height:calc(100dvh - 175px)!important;min-height:520px!important;max-height:none!important}
  .jai-data-fullscreen [data-tenge-chart]>svg,.jai-data-fullscreen [data-market-video-chart]>svg{height:calc(100dvh - 190px)!important;min-height:520px!important;width:1180px!important;min-width:1180px!important}
  .jai-data-fullscreen .tenge-reveal-controls{position:sticky!important;top:0!important;z-index:10!important;background:#f7faf9!important;border-radius:12px!important}

  /* During playback the chart feels like a video surface. */
  .tenge-chart-card.is-video-playing{background:#071716!important;border-color:#143d38!important;box-shadow:0 16px 38px rgba(4,35,31,.22)!important}
  .tenge-chart-card.is-video-playing>header{opacity:.28;transition:opacity .18s ease}.tenge-chart-card.is-video-playing .tenge-reveal-controls{opacity:.18;transition:opacity .18s ease}.tenge-chart-card.is-video-playing:hover>header,.tenge-chart-card.is-video-playing:hover .tenge-reveal-controls{opacity:1}
  .tenge-chart-card.is-video-playing [data-tenge-chart],.tenge-chart-card.is-video-playing [data-market-video-chart]{border-color:#194c45!important;background:#fff!important;box-shadow:0 0 0 1px rgba(96,230,187,.08),0 18px 38px rgba(0,0,0,.20)!important}

  /* Readout becomes a mobile info card instead of a tiny tooltip. */
  .jai-mobile-data-readout{display:none;position:sticky;left:10px;bottom:8px;z-index:26;width:calc(100% - 20px);margin:8px 10px 0;padding:9px 11px;border:1px solid #dce8e4;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 8px 20px rgba(15,54,48,.10);backdrop-filter:blur(8px)}
  .jai-mobile-data-readout.has-value{display:grid;gap:3px}.jai-mobile-data-readout small{font-size:8px;font-weight:950;letter-spacing:.1em;color:#00806d}.jai-mobile-data-readout b{font-size:11px;color:#183b36;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.jai-mobile-data-readout b::-webkit-scrollbar{display:none}

  /* Dense tables: first 3 columns + tap to expand the rest. */
  table.jai-mobile-compact-table{width:100%!important;table-layout:fixed!important}
  table.jai-mobile-compact-table th:nth-child(n+4),table.jai-mobile-compact-table td:nth-child(n+4){display:none!important}
  table.jai-mobile-compact-table th,table.jai-mobile-compact-table td{padding:9px 6px!important;font-size:10px!important;overflow:hidden;text-overflow:ellipsis}
  table.jai-mobile-compact-table tbody tr.jai-mobile-expandable-row{cursor:pointer;position:relative}.jai-mobile-expandable-row td:first-child:after{content:"  ›";color:#00806d;font-weight:950}.jai-mobile-expandable-row.is-expanded td:first-child:after{content:"  ⌄"}
  tr.jai-mobile-row-detail td{display:table-cell!important;padding:7px!important;background:#f7faf9!important}.jai-mobile-row-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.jai-mobile-row-detail-grid span{display:grid;gap:2px;padding:7px 8px;border:1px solid #e0e9e6;border-radius:9px;background:#fff}.jai-mobile-row-detail-grid small{font-size:7px;color:#83928e}.jai-mobile-row-detail-grid b{font-size:9px;color:#173b36;white-space:normal}

  /* The dark DATA cockpit is denser and more tactile on mobile. */
  body.home[data-jai-rubric="home"] .home-data-rail{margin:11px 0 10px!important;padding:14px!important;border-radius:20px!important}
  body.home[data-jai-rubric="home"] .home-data-rail-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.home[data-jai-rubric="home"] .home-data-link{min-height:91px!important;border-radius:15px!important;padding:10px 8px!important}
  body.home[data-jai-rubric="home"] .home-data-link>span b{font-size:11px!important}.home-data-link>span small{line-height:1.25!important}
}

/* Jaisandar 271 · mobile DATA one-row neon rail + cleaner nested rubric drawer */

@media(max-width:900px){
  /* =============================
     HOME · DATA = one horizontal row
     ============================= */
  body.home[data-jai-rubric="home"] .home-editorial>.home-lead-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:9px!important;
    width:100vw!important;
    height:auto!important;
    min-height:0!important;
    margin:8px calc(50% - 50vw) 0!important;
    padding:0!important;
    overflow:visible!important;
    box-shadow:none!important;
  }
  body.home[data-jai-rubric="home"] .home-lead-layout>.home-data-rail{
    grid-column:1!important;grid-row:1!important;
    display:block!important;
    width:100vw!important;min-width:100vw!important;max-width:100vw!important;
    height:auto!important;min-height:0!important;
    margin:0!important;padding:10px 0 11px!important;
    border:0!important;border-radius:0!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 8% 15%,rgba(82,255,154,.14),transparent 28%),
      radial-gradient(circle at 75% 0%,rgba(64,234,255,.12),transparent 31%),
      linear-gradient(145deg,#071210 0%,#0a1d1b 52%,#061311 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(89,255,197,.10)!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail:before{
    display:block!important;inset:0!important;
    background-image:linear-gradient(rgba(122,255,211,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(122,255,211,.02) 1px,transparent 1px)!important;
    background-size:24px 24px!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:22px!important;margin:0!important;padding:0 12px 7px!important;
    border:0!important;background:transparent!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail-head>div{display:flex!important;align-items:center!important;gap:8px!important}
  body.home[data-jai-rubric="home"] .home-data-rail-head>div>span{
    display:flex!important;align-items:center!important;margin:0!important;
    color:#7cffc6!important;font-size:9px!important;line-height:1!important;font-weight:950!important;
    letter-spacing:.13em!important;text-shadow:0 0 8px rgba(82,255,154,.55),0 0 20px rgba(82,255,154,.28)!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail-head>div>span:before{
    width:7px!important;height:7px!important;margin-right:7px!important;background:#58ff9c!important;
    box-shadow:0 0 5px #58ff9c,0 0 13px rgba(88,255,156,.82),0 0 0 4px rgba(88,255,156,.09)!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail-head h2,
  body.home[data-jai-rubric="home"] .home-data-rail-head p{display:none!important}

  body.home[data-jai-rubric="home"] .home-data-rail-list{
    position:relative!important;z-index:2!important;
    display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important;
    flex-flow:row nowrap!important;align-items:stretch!important;
    gap:8px!important;width:100%!important;max-width:none!important;
    margin:0!important;padding:1px 12px 5px!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;scroll-padding-left:12px!important;
    overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail-list::-webkit-scrollbar{display:none!important}

  body.home[data-jai-rubric="home"] .home-data-link{
    flex:0 0 132px!important;scroll-snap-align:start!important;
    display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
    align-items:center!important;column-gap:8px!important;row-gap:2px!important;
    width:132px!important;min-width:132px!important;max-width:132px!important;
    height:72px!important;min-height:72px!important;margin:0!important;padding:8px 8px!important;
    border:1px solid rgba(var(--data-accent-rgb),.34)!important;border-radius:14px!important;
    background:linear-gradient(145deg,rgba(var(--data-accent-rgb),.11),rgba(255,255,255,.035) 62%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 0 0 1px rgba(var(--data-accent-rgb),.025),0 7px 18px rgba(0,0,0,.16)!important;
    overflow:hidden!important;transform:none!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link:before,
  body.home[data-jai-rubric="home"] .home-data-link:after{display:none!important}
  body.home[data-jai-rubric="home"] .home-data-link>i{
    grid-column:1!important;grid-row:1/3!important;
    display:grid!important;place-items:center!important;
    width:32px!important;height:46px!important;margin:0!important;
    border:1px solid rgba(var(--data-accent-rgb),.46)!important;border-radius:11px!important;
    background:rgba(var(--data-accent-rgb),.105)!important;color:var(--data-accent)!important;
    font-size:.82rem!important;
    box-shadow:0 0 9px rgba(var(--data-accent-rgb),.25),inset 0 0 12px rgba(var(--data-accent-rgb),.07)!important;
    text-shadow:0 0 9px rgba(var(--data-accent-rgb),.72)!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link>i>svg{width:20px!important;height:22px!important;filter:drop-shadow(0 0 5px rgba(var(--data-accent-rgb),.72))}
  body.home[data-jai-rubric="home"] .home-data-link>span{
    grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important;align-self:end!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link>span b{
    display:block!important;color:#effff9!important;font-size:10px!important;line-height:1.08!important;font-weight:950!important;
    letter-spacing:-.01em!important;white-space:normal!important;text-shadow:0 0 12px rgba(255,255,255,.06)!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link>span small{display:none!important}
  body.home[data-jai-rubric="home"] .home-data-link>strong{
    display:block!important;grid-column:2!important;grid-row:2!important;align-self:start!important;
    padding:0!important;color:var(--data-accent)!important;font-size:8px!important;line-height:1.15!important;font-weight:950!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    text-shadow:0 0 8px rgba(var(--data-accent-rgb),.62)!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link>em,
  body.home[data-jai-rubric="home"] .home-data-all{display:none!important}

  /* LED palette: intentionally bright against the dark DATA surface. */
  body.home[data-jai-rubric="home"] .home-data-link.is-bank{--data-accent:#b69cff;--data-accent-rgb:182,156,255}
  body.home[data-jai-rubric="home"] .home-data-link.is-budget{--data-accent:#ffe65c;--data-accent-rgb:255,230,92}
  body.home[data-jai-rubric="home"] .home-data-link.is-tenge{--data-accent:#45eaff;--data-accent-rgb:69,234,255}
  body.home[data-jai-rubric="home"] .home-data-link.is-inflation{--data-accent:#ff65b4;--data-accent-rgb:255,101,180}
  body.home[data-jai-rubric="home"] .home-data-link.is-trade{--data-accent:#ff9b4a;--data-accent-rgb:255,155,74}
  body.home[data-jai-rubric="home"] .home-data-link.is-market{--data-accent:#58ff9c;--data-accent-rgb:88,255,156}

  body.home[data-jai-rubric="home"] .home-lead-layout>.home-mobile-news-grid{
    display:grid!important;grid-column:1!important;grid-row:2!important;
    width:100%!important;min-width:0!important;max-width:none!important;
    height:306px!important;min-height:306px!important;margin:0!important;padding:0 6px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;overflow:hidden!important;
  }

  /* =============================
     DATA drawer · clear hierarchy
     ============================= */
  .jai-data-drawer{
    width:min(90vw,360px)!important;padding:var(--jai-mobile-safe-top) 10px var(--jai-mobile-safe-bottom)!important;
    background:linear-gradient(160deg,#071412,#0a2420 58%,#071714)!important;
  }
  .jai-data-drawer>header{position:sticky!important;top:calc(var(--jai-mobile-safe-top) * -1)!important;z-index:5!important;margin:calc(var(--jai-mobile-safe-top) * -1) -10px 0!important;padding:calc(var(--jai-mobile-safe-top) + 10px) 14px 12px!important;background:rgba(7,20,18,.95)!important;backdrop-filter:blur(14px)!important}
  .jai-data-drawer>header small{color:#58ff9c!important;text-shadow:0 0 10px rgba(88,255,156,.45)!important}
  .jai-data-drawer-list{display:grid!important;gap:10px!important;padding:12px 0!important}
  .jai-data-drawer-group{display:grid!important;gap:6px!important;padding:8px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:16px!important;background:rgba(255,255,255,.026)!important}
  .jai-data-drawer-group.is-nested{margin:-2px 0 2px 42px!important;padding:8px!important;border-color:rgba(88,255,156,.16)!important;background:linear-gradient(135deg,rgba(88,255,156,.075),rgba(69,234,255,.03))!important}
  .jai-data-drawer-group-title{display:flex!important;align-items:center!important;gap:7px!important;padding:2px 4px 5px!important;color:#86a79e!important;font-size:8px!important;line-height:1!important;font-weight:950!important;letter-spacing:.14em!important}
  .jai-data-drawer-group-title:before{content:"";width:5px;height:5px;border-radius:50%;background:#58ff9c;box-shadow:0 0 8px rgba(88,255,156,.72)}
  .jai-data-drawer-group.is-nested .jai-data-drawer-group-title{color:#77eec5!important}
  .jai-data-drawer-group-items{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
  .jai-data-drawer-group.is-nested .jai-data-drawer-group-items{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}

  .jai-data-drawer-item{
    grid-template-columns:37px minmax(0,1fr) 14px!important;gap:8px!important;min-height:51px!important;padding:6px 7px!important;
    border-radius:12px!important;background:rgba(255,255,255,.036)!important;
  }
  .jai-data-drawer-item.is-secondary{
    display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:auto!important;
    width:100%!important;min-height:52px!important;margin:0!important;padding:7px!important;border-radius:11px!important;
    background:rgba(255,255,255,.045)!important;
  }
  .jai-data-drawer-item.is-secondary>em{display:none!important}
  .jai-data-drawer-item.is-secondary .jai-data-drawer-icon{width:28px!important;height:34px!important;border-radius:8px!important;font-size:12px!important}
  .jai-data-drawer-item.is-secondary .jai-data-drawer-copy{gap:1px!important}.jai-data-drawer-item.is-secondary .jai-data-drawer-copy b{font-size:10px!important;line-height:1.08!important}.jai-data-drawer-item.is-secondary .jai-data-drawer-copy small{font-size:7px!important;line-height:1.15!important}
  .jai-data-drawer-item.is-active{border-color:rgba(88,255,156,.43)!important;background:linear-gradient(135deg,rgba(88,255,156,.17),rgba(69,234,255,.055))!important;box-shadow:inset 3px 0 0 #58ff9c,0 0 18px rgba(88,255,156,.055)!important}
  .jai-data-drawer-icon{width:36px!important;height:36px!important;border-radius:10px!important;color:#6dffc0!important;background:rgba(88,255,156,.075)!important}
  .jai-data-drawer-copy b{font-size:11px!important;line-height:1.12!important}.jai-data-drawer-copy small{font-size:8px!important;color:#88a69e!important}

  .jai-data-drawer-data{margin-top:4px!important;padding:12px 0 3px!important}
  .jai-data-drawer-data>div{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .jai-data-cross-item{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;gap:4px!important;min-height:60px!important;padding:7px 4px!important;text-align:center!important;font-size:8px!important;line-height:1.08!important}
  .jai-data-cross-item i{width:29px!important;height:29px!important;color:#58ff9c!important;background:rgba(88,255,156,.08)!important;box-shadow:0 0 10px rgba(88,255,156,.07)!important}
  .jai-data-cross-item.is-active{border-color:rgba(88,255,156,.38)!important;background:rgba(88,255,156,.10)!important}

  /* Context selector is compact and clearly a breadcrumb/dropdown, not another large card. */
  .jai-data-contextbar{margin:6px 0 9px!important;padding:0!important}
  .jai-data-contextbar>button{grid-template-columns:34px minmax(0,1fr) 20px!important;min-height:49px!important;padding:6px 9px!important;border-radius:13px!important}
  .jai-data-contextbar>button>i{width:32px!important;height:32px!important;border-radius:9px!important;font-size:15px!important}
  .jai-data-context-copy>b{font-size:8px!important}.jai-data-context-copy>span{font-size:12px!important}
}


/* =========================================================
   Jaisandar 272 · final mobile DATA consolidation / fixes
   ========================================================= */

/* Home DATA: keep width, cut vertical footprint by ~30–40%. */
@media(min-width:901px){
  body.home[data-jai-rubric="home"] .home-data-rail{
    height:440px!important;
    padding:12px 14px!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail-head{padding:1px 2px 9px!important}
  body.home[data-jai-rubric="home"] .home-data-rail-head h2{margin-top:3px!important;font-size:1.18rem!important}
  body.home[data-jai-rubric="home"] .home-data-rail-head p{margin-top:3px!important;font-size:.61rem!important}
  body.home[data-jai-rubric="home"] .home-data-rail-list{gap:3px!important;margin-top:7px!important}
  body.home[data-jai-rubric="home"] .home-data-link{min-height:49px!important;padding:5px 7px!important;gap:7px!important}
  body.home[data-jai-rubric="home"] .home-data-link>i{width:31px!important;height:31px!important;border-radius:9px!important}
  body.home[data-jai-rubric="home"] .home-data-link>span{gap:1px!important}
  body.home[data-jai-rubric="home"] .home-data-link>span b{font-size:.69rem!important}
  body.home[data-jai-rubric="home"] .home-data-link>span small{font-size:.51rem!important}
  body.home[data-jai-rubric="home"] .home-data-link>strong{font-size:.58rem!important}
  body.home[data-jai-rubric="home"] .home-data-all{min-height:32px!important;margin-top:7px!important;padding:6px 10px!important}
}

@media(max-width:900px){
  /* Only one sticky DATA control in normal page flow. */
  body.home[data-jai-rubric="economy"][data-jai-economy-view="budget"] .budget-toolbar-168,
  body.home[data-jai-rubric="economy"][data-jai-economy-view="budget"] .budget-toolbar-171,
  body.home[data-jai-rubric="economy"][data-jai-economy-view="budget"] .budget-month-toolbar{
    position:relative!important;
    top:auto!important;
    z-index:2!important;
  }
  body.home[data-jai-rubric="economy"][data-jai-economy-view="budget"] .budget-toolbar-168,
  body.home[data-jai-rubric="economy"][data-jai-economy-view="budget"] .budget-toolbar-171{
    padding:8px 9px 7px!important;
    gap:6px!important;
    background:#fbfdfc!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.home[data-jai-rubric="economy"][data-jai-economy-view="budget"] .budget-year-picker,
  body.home[data-jai-rubric="economy"][data-jai-economy-view="budget"] .budget-month-picker{
    position:relative!important;
    z-index:1!important;
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
  }
  body.home[data-jai-rubric="economy"][data-jai-economy-view="budget"] .budget-year-scroll,
  body.home[data-jai-rubric="economy"][data-jai-economy-view="budget"] .budget-month-scroll{
    position:static!important;
    z-index:auto!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  body.home[data-jai-rubric="economy"][data-jai-economy-view="budget"] .budget-year-scroll::-webkit-scrollbar,
  body.home[data-jai-rubric="economy"][data-jai-economy-view="budget"] .budget-month-scroll::-webkit-scrollbar{display:none!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="budget"] .budget-month-toolbar{
    padding:7px 9px 8px!important;
    box-shadow:none!important;
  }

  /* Reliable back button + current DATA context live on one compact sticky row. */
  .jai-data-contextbar{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:6px!important;
  }
  .jai-data-contextbar>.jai-data-back{
    display:grid!important;
    place-items:center!important;
    grid-template-columns:1fr!important;
    min-width:42px!important;
    width:42px!important;
    min-height:49px!important;
    padding:0!important;
    border:1px solid #d8e4e0!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.95)!important;
    color:#0c6054!important;
    box-shadow:0 7px 20px rgba(18,55,49,.08)!important;
    font-size:22px!important;
    line-height:1!important;
  }
  .jai-data-contextbar>.jai-data-back:disabled{opacity:.42!important}
  .jai-data-contextbar>.jai-data-menu-button{min-width:0!important;width:100%!important}

  /* Bottom-sheet gets a real clickable backdrop. */
  .jai-mobile-sheet-backdrop{
    display:block!important;
    position:fixed!important;
    z-index:240!important;
    inset:0!important;
    background:rgba(7,24,22,.40)!important;
    backdrop-filter:blur(2px)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .2s ease!important;
  }
  .jai-mobile-sheet-backdrop.is-open{opacity:1!important;pointer-events:auto!important}
  body.jai-sheet-open:after{display:none!important}

  /* Fullscreen means viewport responsive, not a 1180px canvas inside a phone. */
  .jai-data-fullscreen{overflow:hidden!important}
  .jai-data-fullscreen .jai-mobile-chart-scroll{
    width:100%!important;
    max-width:100%!important;
    height:calc(100dvh - 112px)!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:0!important;
  }
  .jai-data-fullscreen [data-tenge-chart],
  .jai-data-fullscreen [data-market-video-chart],
  .jai-data-fullscreen [data-budget-trend-chart],
  .jai-data-fullscreen [data-budget-income-chart],
  .jai-data-fullscreen [data-budget-expense-chart],
  .jai-data-fullscreen [data-budget-expense-history-chart],
  .jai-data-fullscreen [data-budget-tax-category-chart],
  .jai-data-fullscreen [data-budget-tax-history],
  .jai-data-fullscreen [data-budget-fund-trend],
  .jai-data-fullscreen [data-budget-regional-chart],
  .jai-data-fullscreen [data-budget-region-history-chart],
  .jai-data-fullscreen [data-budget-transfer-chart],
  .jai-data-fullscreen [data-budget-search-history],
  .jai-data-fullscreen [data-budget-compare-summary-chart],
  .jai-data-fullscreen [data-qazaq-chart],
  .jai-data-fullscreen [data-dividend-chart],
  .jai-data-fullscreen [data-local-market-chart],
  .jai-data-fullscreen .jtp-chart,
  .jai-data-fullscreen .economy-line-chart,
  .jai-data-fullscreen .jai-mobile-wide-chart{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:calc(100dvh - 135px)!important;
    min-height:0!important;
    max-height:none!important;
  }
  .jai-data-fullscreen [data-tenge-chart]>svg,
  .jai-data-fullscreen [data-market-video-chart]>svg,
  .jai-data-fullscreen .economy-line-chart>svg,
  .jai-data-fullscreen svg{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  .jai-data-fullscreen canvas{max-width:100%!important}
  .jai-data-fullscreen .jai-mobile-chart-scroll::after{display:none!important}

  /* DATA home rail: same width, less height. */
  body.home[data-jai-rubric="home"] .home-lead-layout>.home-data-rail{
    padding:7px 0 8px!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail-head{
    min-height:18px!important;
    padding:0 12px 4px!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail-list{
    gap:7px!important;
    padding:0 12px 3px!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link{
    flex-basis:124px!important;
    width:124px!important;
    min-width:124px!important;
    max-width:124px!important;
    height:62px!important;
    min-height:62px!important;
    padding:7px!important;
    grid-template-columns:29px minmax(0,1fr)!important;
    column-gap:7px!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link>i{
    width:29px!important;
    height:42px!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link>span b{font-size:9.5px!important}
  body.home[data-jai-rubric="home"] .home-data-link>strong{font-size:7.5px!important}

  /* Horizontal-scroll affordance: neon fade + arrow, removed by JS after first meaningful scroll. */
  body.home[data-jai-rubric="home"] .home-data-rail.jai-data-has-more:after{
    content:"›"!important;
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    z-index:8!important;
    right:0!important;
    top:31px!important;
    width:43px!important;
    height:68px!important;
    color:#8affcf!important;
    font-size:27px!important;
    font-weight:900!important;
    text-shadow:0 0 8px rgba(88,255,156,.9)!important;
    background:linear-gradient(90deg,rgba(6,19,17,0),rgba(6,19,17,.96) 62%)!important;
    pointer-events:none!important;
  }

  /* Nested DATA destinations: two columns on narrow phones, no ugly wrapping. */
  @media(max-width:390px){
    .jai-data-drawer-data>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .jai-data-cross-item{min-height:58px!important;font-size:8.5px!important}
    .jai-data-drawer-group.is-nested{margin-left:28px!important}
  }
}


/* =========================================================
   Jaisandar 273 · verified final mobile fixes
   ========================================================= */

/* Bright LED palette on desktop too. Width stays unchanged; height is genuinely compact. */
@media(min-width:901px){
  body.home[data-jai-rubric="home"] .home-data-rail{
    height:360px!important;min-height:360px!important;max-height:360px!important;
    box-sizing:border-box!important;padding:10px 12px!important;overflow:hidden!important;
    background:radial-gradient(circle at 90% 4%,rgba(69,234,255,.14),transparent 28%),radial-gradient(circle at 7% 96%,rgba(88,255,156,.12),transparent 31%),linear-gradient(155deg,#071210 0%,#0b211e 54%,#061412 100%)!important;
    border-color:rgba(122,255,211,.16)!important;box-shadow:0 14px 38px rgba(3,23,20,.22),inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail-head{padding:0 2px 7px!important}
  body.home[data-jai-rubric="home"] .home-data-rail-head>div>span{color:#7cffc6!important;text-shadow:0 0 7px rgba(88,255,156,.78),0 0 18px rgba(88,255,156,.28)!important}
  body.home[data-jai-rubric="home"] .home-data-rail-head h2{margin-top:2px!important;font-size:1.08rem!important;color:#f5fffb!important}
  body.home[data-jai-rubric="home"] .home-data-rail-head p{display:none!important}
  body.home[data-jai-rubric="home"] .home-data-rail-list{gap:4px!important;margin-top:6px!important}
  body.home[data-jai-rubric="home"] .home-data-link{
    min-height:40px!important;height:40px!important;padding:4px 6px!important;gap:7px!important;
    border:1px solid rgba(var(--data-accent-rgb),.24)!important;border-radius:10px!important;
    background:linear-gradient(90deg,rgba(var(--data-accent-rgb),.08),rgba(255,255,255,.025))!important;
    box-shadow:inset 3px 0 0 rgba(var(--data-accent-rgb),.72),0 0 13px rgba(var(--data-accent-rgb),.045)!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link:hover,body.home[data-jai-rubric="home"] .home-data-link:focus-visible{border-color:rgba(var(--data-accent-rgb),.68)!important;box-shadow:inset 3px 0 0 var(--data-accent),0 0 18px rgba(var(--data-accent-rgb),.18)!important}
  body.home[data-jai-rubric="home"] .home-data-link>i{width:29px!important;height:29px!important;border-color:rgba(var(--data-accent-rgb),.55)!important;background:rgba(var(--data-accent-rgb),.10)!important;color:var(--data-accent)!important;box-shadow:0 0 10px rgba(var(--data-accent-rgb),.20)!important;text-shadow:0 0 8px rgba(var(--data-accent-rgb),.80)!important}
  body.home[data-jai-rubric="home"] .home-data-link>span b{font-size:.68rem!important;color:#f4fffb!important}
  body.home[data-jai-rubric="home"] .home-data-link>span small{display:none!important}
  body.home[data-jai-rubric="home"] .home-data-link>strong{font-size:.58rem!important;color:var(--data-accent)!important;text-shadow:0 0 8px rgba(var(--data-accent-rgb),.48)!important}
  body.home[data-jai-rubric="home"] .home-data-all{min-height:28px!important;height:28px!important;margin-top:6px!important;padding:4px 9px!important;background:rgba(88,255,156,.10)!important;border-color:rgba(88,255,156,.35)!important;color:#8affcf!important}
  body.home[data-jai-rubric="home"] .home-data-link.is-market{--data-accent:#58ff9c;--data-accent-rgb:88,255,156}
  body.home[data-jai-rubric="home"] .home-data-link.is-tenge{--data-accent:#45eaff;--data-accent-rgb:69,234,255}
  body.home[data-jai-rubric="home"] .home-data-link.is-budget{--data-accent:#ffe65c;--data-accent-rgb:255,230,92}
  body.home[data-jai-rubric="home"] .home-data-link.is-inflation{--data-accent:#ff65b4;--data-accent-rgb:255,101,180}
  body.home[data-jai-rubric="home"] .home-data-link.is-trade{--data-accent:#ff9b4a;--data-accent-rgb:255,155,74}
  body.home[data-jai-rubric="home"] .home-data-link.is-bank{--data-accent:#b69cff;--data-accent-rgb:182,156,255}
}

@media(max-width:900px){
  /* Home DATA: one row, but shorter without shrinking text below readable sizes. */
  body.home[data-jai-rubric="home"] .home-lead-layout>.home-data-rail{
    height:86px!important;min-height:86px!important;max-height:86px!important;padding:5px 0 5px!important;box-sizing:border-box!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail-head{min-height:17px!important;height:17px!important;padding:0 12px 3px!important}
  body.home[data-jai-rubric="home"] .home-data-rail-head>div>span{font-size:9.5px!important}
  body.home[data-jai-rubric="home"] .home-data-rail-list{height:58px!important;gap:7px!important;padding:0 12px 2px!important}
  body.home[data-jai-rubric="home"] .home-data-link{
    flex:0 0 126px!important;width:126px!important;min-width:126px!important;max-width:126px!important;
    height:56px!important;min-height:56px!important;padding:6px 7px!important;grid-template-columns:28px minmax(0,1fr)!important;column-gap:7px!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link>i{width:28px!important;height:40px!important}
  body.home[data-jai-rubric="home"] .home-data-link>span b{font-size:10.5px!important;line-height:1.08!important}
  body.home[data-jai-rubric="home"] .home-data-link>strong{font-size:8.5px!important;line-height:1.1!important}
  body.home[data-jai-rubric="home"] .home-data-rail.jai-data-has-more:after{top:20px!important;height:61px!important}

  /* News grid grows with content; no fixed 306px crop. */
  body.home[data-jai-rubric="home"] .home-lead-layout>.home-mobile-news-grid{
    height:auto!important;min-height:0!important;grid-template-rows:none!important;grid-auto-rows:minmax(142px,auto)!important;align-items:stretch!important;overflow:visible!important;
  }
  body.home[data-jai-rubric="home"] .home-mobile-news-card{height:auto!important;min-height:142px!important}

  /* Only the context bar is sticky. Budget year/month controls stay in document flow. */
  body.home[data-jai-rubric="economy"][data-jai-economy-view="budget"] :is(.budget-toolbar,.budget-toolbar-168,.budget-toolbar-171,.budget-month-toolbar,.budget-year-picker,.budget-month-picker){position:relative!important;top:auto!important;inset:auto!important;z-index:2!important;transform:none!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="budget"] :is(.budget-year-scroll,.budget-month-scroll){position:static!important;z-index:auto!important;overflow-x:auto!important;overflow-y:hidden!important}

  /* Ordinary charts fit the phone. Only genuinely dense region / trade charts retain horizontal room. */
  .jai-mobile-chart-scroll>.jai-mobile-wide-chart{width:100%!important;min-width:0!important;max-width:100%!important}
  .jai-mobile-chart-scroll>.budget-regional-chart,.jai-mobile-chart-scroll>.budget-region-history-chart{width:720px!important;min-width:720px!important;max-width:none!important}
  .jai-mobile-chart-scroll>.jtp-chart[data-chart]{width:760px!important;min-width:760px!important;max-width:none!important}
  .jai-mobile-chart-scroll::after{display:none!important}
  .jai-mobile-chart-scroll.jai-is-scrollable::after{content:"←  көлденең жылжытыңыз  →";position:sticky;left:10px;display:inline-block!important;margin:5px 0 0;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.92);color:#708079;font-size:9px;font-weight:850;pointer-events:none;box-shadow:0 2px 8px rgba(25,48,41,.07)}

  /* Fullscreen owns the viewport, while the chart still receives touch/pan gestures. */
  body.jai-fullscreen-open,body.jai-data-drawer-open,body.jai-sheet-open{overflow:hidden!important;touch-action:auto!important}
  .jai-data-fullscreen{touch-action:auto!important;overscroll-behavior:contain!important}
  .jai-data-fullscreen .jai-mobile-chart-scroll{touch-action:pan-x pan-y!important}
  .jai-data-fullscreen svg,.jai-data-fullscreen canvas{touch-action:pan-x pan-y!important}

  /* Remove the floating edge tab; context bar is the single drawer entry point. */
  .jai-data-edge-tab{display:none!important}

  /* Drawer is easier to read at very small widths. */
  .jai-data-drawer-data>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .jai-data-drawer-item.is-secondary .jai-data-drawer-copy b{font-size:11px!important}
  .jai-data-drawer-item.is-secondary .jai-data-drawer-copy small{font-size:8.5px!important}

  /* Compact tables reveal explicitly prioritised columns instead of blindly taking the first three. */
  table.jai-mobile-compact-table th,table.jai-mobile-compact-table td{display:none!important}
  table.jai-mobile-compact-table .jai-mobile-col-show{display:table-cell!important}
  tr.jai-mobile-row-detail td{display:table-cell!important}
}
@media(max-width:360px){
  .jai-data-drawer-group.is-nested .jai-data-drawer-group-items{grid-template-columns:1fr!important}
  .jai-data-drawer-group.is-nested{margin-left:14px!important}
}

/* Tablet soft-responsive zone: charts stop behaving like desktop canvases before the phone breakpoint. */
@media(min-width:901px) and (max-width:960px){
  body.home [data-economy-window] svg,body.home [data-market-rubric] svg,body.home [data-bank-window] svg,body.home [data-trade-window] svg{max-width:100%!important}
  .stock-dialog-panel,.indicator-dialog{max-width:calc(100vw - 24px)!important}
}

@media(max-width:900px){
  body.home[data-jai-rubric="home"] .home-lead-layout>.home-editorial-slider{display:none!important}
  body.home[data-jai-rubric="home"] .home-mobile-news-grid{display:grid!important}
}
@media(max-width:900px){
  table.jai-mobile-compact-table th.jai-mobile-col-show,
  table.jai-mobile-compact-table td.jai-mobile-col-show{display:table-cell!important}
}


/* =========================================================
   Jaisandar 274 · home DATA navy integration
   ========================================================= */

/* Shared home DATA surface: match the homepage navy/teal shell. */
body.home[data-jai-rubric="home"] .home-data-rail{
  --home-data-navy-1:#0d3542;
  --home-data-navy-2:#123f4c;
  --home-data-navy-3:#0b2c39;
  background:
    radial-gradient(circle at 100% 0%,rgba(69,234,255,.10),transparent 34%),
    radial-gradient(circle at 0% 100%,rgba(88,255,156,.07),transparent 38%),
    linear-gradient(148deg,var(--home-data-navy-1) 0%,var(--home-data-navy-2) 47%,var(--home-data-navy-3) 100%)!important;
  border:1px solid rgba(173,219,232,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 13px 34px rgba(3,24,33,.13)!important;
  color:#f5fbfd!important;
}
body.home[data-jai-rubric="home"] .home-data-rail:before{
  background-image:linear-gradient(rgba(194,235,245,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(194,235,245,.016) 1px,transparent 1px)!important;
  background-size:28px 28px!important;
  opacity:.5!important;
}
body.home[data-jai-rubric="home"] .home-data-rail-head{border-color:rgba(185,224,235,.14)!important}
body.home[data-jai-rubric="home"] .home-data-rail-head>div>span{color:#8affcf!important;text-shadow:0 0 8px rgba(88,255,156,.62),0 0 20px rgba(88,255,156,.18)!important}
body.home[data-jai-rubric="home"] .home-data-rail-head>div>span:before{background:#58ff9c!important;box-shadow:0 0 5px #58ff9c,0 0 14px rgba(88,255,156,.72),0 0 0 4px rgba(88,255,156,.08)!important}
body.home[data-jai-rubric="home"] .home-data-rail-head h2{color:#f8fcff!important}
body.home[data-jai-rubric="home"] .home-data-rail-head p{color:#9fc0ca!important}

body.home[data-jai-rubric="home"] .home-data-link{
  background:linear-gradient(100deg,rgba(255,255,255,.052),rgba(255,255,255,.025))!important;
  border-color:rgba(var(--data-accent-rgb),.27)!important;
  box-shadow:inset 3px 0 0 rgba(var(--data-accent-rgb),.70),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:none!important;
}
body.home[data-jai-rubric="home"] .home-data-link:hover,
body.home[data-jai-rubric="home"] .home-data-link:focus-visible{
  background:linear-gradient(100deg,rgba(var(--data-accent-rgb),.12),rgba(255,255,255,.04))!important;
  border-color:rgba(var(--data-accent-rgb),.70)!important;
  box-shadow:inset 3px 0 0 var(--data-accent),0 0 18px rgba(var(--data-accent-rgb),.14)!important;
}
body.home[data-jai-rubric="home"] .home-data-link>i{
  background:rgba(var(--data-accent-rgb),.085)!important;
  border-color:rgba(var(--data-accent-rgb),.45)!important;
  color:var(--data-accent)!important;
  box-shadow:0 0 9px rgba(var(--data-accent-rgb),.14),inset 0 0 10px rgba(var(--data-accent-rgb),.05)!important;
  text-shadow:0 0 8px rgba(var(--data-accent-rgb),.72)!important;
}
body.home[data-jai-rubric="home"] .home-data-link>span b{color:#f5fbfd!important}
body.home[data-jai-rubric="home"] .home-data-link>span small{color:#9bb9c2!important}
body.home[data-jai-rubric="home"] .home-data-link>strong,
body.home[data-jai-rubric="home"] .home-data-link>em{color:var(--data-accent)!important;text-shadow:0 0 8px rgba(var(--data-accent-rgb),.44)!important}
body.home[data-jai-rubric="home"] .home-data-all{display:none!important}

/* Desktop: stop stretching the DATA rail to the lead image height. */
@media(min-width:901px){
  body.home[data-jai-rubric="home"] .home-lead-layout>.home-data-rail{
    align-self:start!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    padding:13px 14px 12px!important;
    border-radius:25px!important;
    overflow:hidden!important;
  }
  body.home[data-jai-rubric="home"] .home-data-rail-head{padding:0 2px 9px!important}
  body.home[data-jai-rubric="home"] .home-data-rail-head h2{margin-top:3px!important;font-size:1.12rem!important}
  body.home[data-jai-rubric="home"] .home-data-rail-list{gap:5px!important;margin-top:7px!important}
  body.home[data-jai-rubric="home"] .home-data-link{
    height:44px!important;min-height:44px!important;
    padding:5px 7px!important;border-radius:11px!important;gap:8px!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link>i{width:30px!important;height:30px!important;border-radius:9px!important}
  body.home[data-jai-rubric="home"] .home-data-link>span b{font-size:.70rem!important}
  body.home[data-jai-rubric="home"] .home-data-link>strong{font-size:.59rem!important}
}

/* Mobile: same navy family, one horizontal DATA row, bright LED accents. */
@media(max-width:900px){
  body.home[data-jai-rubric="home"] .home-lead-layout>.home-data-rail{
    background:
      radial-gradient(circle at 100% 0%,rgba(69,234,255,.12),transparent 38%),
      linear-gradient(135deg,#0d3542 0%,#113f4d 52%,#0a2b38 100%)!important;
    border-color:rgba(173,219,232,.15)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(3,24,33,.13)!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link{
    background:linear-gradient(145deg,rgba(var(--data-accent-rgb),.075),rgba(255,255,255,.025) 68%)!important;
    border-color:rgba(var(--data-accent-rgb),.34)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(var(--data-accent-rgb),.018)!important;
  }
  body.home[data-jai-rubric="home"] .home-data-link>span b{color:#f6fcff!important}
  body.home[data-jai-rubric="home"] .home-data-link>i{box-shadow:0 0 9px rgba(var(--data-accent-rgb),.19),inset 0 0 11px rgba(var(--data-accent-rgb),.05)!important}

  /* Drawer follows the same homepage navy family. */
  .jai-data-drawer{background:linear-gradient(160deg,#082b38,#0d3b49 58%,#092d39)!important;border-right:1px solid rgba(174,221,232,.15)!important}
  .jai-data-drawer>header{background:rgba(8,43,56,.96)!important;border-bottom-color:rgba(174,221,232,.12)!important}
  .jai-data-drawer>header small{color:#72ffc0!important;text-shadow:0 0 9px rgba(88,255,156,.42)!important}
  .jai-data-cross-item{background:rgba(255,255,255,.035)!important;border-color:rgba(180,221,232,.11)!important;color:#eff9fc!important}
  .jai-data-cross-item.is-active{background:rgba(88,255,156,.08)!important;border-color:rgba(88,255,156,.34)!important}
  .jai-data-drawer-group.is-nested{background:rgba(255,255,255,.025)!important;border-color:rgba(180,221,232,.10)!important}
}


/* =========================================================
   Jaisandar 275 · bank chart parity + inflation mobile polish
   ========================================================= */
@media(max-width:900px){
  /* Inflation: compact, readable and no horizontal squeeze. */
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .inflation-explorer-card{padding:10px!important;border-radius:16px!important;overflow:visible!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .inflation-explorer-card>header{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:start!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .economy-chart-head-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;align-items:center!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .economy-chart-head-actions>small{grid-column:1/-1!important;margin:0!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .economy-chart-head-actions>[data-inflation-export-status]{grid-column:1/-1!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] [data-inflation-download],
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] [data-inflation-fullscreen]{width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] [data-inflation-fullscreen].jai-mobile-fs-inline{position:static!important;inset:auto!important;z-index:auto!important;border-radius:12px!important;box-shadow:0 8px 20px rgba(0,102,102,.17)!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .inflation-chart{width:100%!important;min-width:0!important;max-width:100%!important;height:330px!important;min-height:330px!important;overflow:visible!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .inflation-period-years,
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .inflation-period-months{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .inflation-period-years::-webkit-scrollbar,
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .inflation-period-months::-webkit-scrollbar{display:none!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .inflation-period-years button,
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .inflation-period-months button{flex:0 0 auto!important;min-height:42px!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .inflation-component-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .inflation-component-tabs::-webkit-scrollbar{display:none!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .inflation-component-tabs>button{flex:0 0 min(78vw,245px)!important;min-height:62px!important}

  /* Bank chart follows the KASE video interaction model on phones. */
  .bank-video-panel .bank-video-bank-tabs{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .bank-video-panel .bank-video-bank-tabs::-webkit-scrollbar{display:none!important}
  .bank-video-panel .bank-video-bank-tabs>button{flex:0 0 auto!important;min-height:46px!important;padding:7px 11px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;scroll-snap-align:start!important}
  .bank-video-panel .bank-video-bank-logo{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;flex:0 0 30px!important;border:1px solid #d9e3e0!important;border-radius:50%!important;background:#fff!important;overflow:hidden!important}
  .bank-video-panel .bank-video-bank-logo img{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;object-fit:contain!important}
  .bank-video-panel .bank-video-all b{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#fff!important;color:#006666!important}
  .bank-video-panel .bank-video-metric-tabs,.bank-video-panel .bank-video-mode-tabs,.bank-video-panel .tenge-chart-type-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;scrollbar-width:none!important}
  .bank-video-panel [data-bank-video-chart]{width:100%!important;min-width:0!important;max-width:100%!important;height:360px!important;min-height:360px!important}
}
@media(max-width:390px){
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .economy-chart-head-actions{grid-template-columns:1fr 1fr!important}
  body.home[data-jai-rubric="economy"][data-jai-economy-view="inflation"] .inflation-chart{height:300px!important;min-height:300px!important}
}