/* ==========================================================
   RITAM mobile responsiveness patch — chart preserved
   Scope: Platform page -> RITAM treasury command graph only.
   Purpose: keep the existing treasury chart/graph fully visible
   on mobile without changing/removing the chart structure.
   ========================================================== */

@media (max-width: 760px){
  body.platform-showcase-page.route-scroll-page .route-visual-stage.platform-ritam-chart{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:auto!important;
    padding:12px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.platform-showcase-page.route-scroll-page .route-visual-stage.platform-ritam-chart .route-visual-kicker{
    position:relative!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    gap:8px!important;
    z-index:10!important;
  }

  body.platform-showcase-page.route-scroll-page .route-visual-stage.platform-ritam-chart .route-visual-kicker span{
    max-width:100%!important;
    white-space:normal!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-stable-cinematic{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:clamp(600px, 158vw, 680px)!important;
    min-height:600px!important;
    max-height:none!important;
    margin:12px 0!important;
    padding:0!important;
    overflow:hidden!important;
    isolation:isolate!important;
    border-radius:22px!important;
    background-size:auto,32px 32px,32px 32px,auto,auto,auto!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-stable-cinematic *,
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-stable-cinematic *::before,
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-stable-cinematic *::after{
    box-sizing:border-box!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .cine-map-lines,
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-area-chart,
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-dashboard-backdrop,
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-scan-beam{
    display:block!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .cine-map-lines{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    opacity:.72!important;
    z-index:1!important;
    pointer-events:none!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-link,
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-market-curve{
    stroke-width:1.35!important;
    opacity:.8!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-dashboard-backdrop{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-hud-panel{
    width:29%!important;
    min-width:0!important;
    min-height:72px!important;
    padding:8px 8px 7px!important;
    border-radius:14px!important;
    overflow:hidden!important;
    backdrop-filter:none!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-hud-panel strong{
    display:block!important;
    font-size:7px!important;
    line-height:1.1!important;
    letter-spacing:.08em!important;
    margin-bottom:4px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-hud-panel svg{
    width:100%!important;
    height:36px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-hud-yield{left:5%!important;top:16%!important;}
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-hud-bars{right:5%!important;top:16%!important;gap:4px!important;}
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-hud-bars span{width:14%!important;}
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-hud-ladder{left:5%!important;bottom:17%!important;}
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-hud-pulse{right:5%!important;bottom:17%!important;}

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-area-chart{
    left:12%!important;
    right:12%!important;
    top:18%!important;
    bottom:18%!important;
    width:auto!important;
    height:auto!important;
    opacity:.34!important;
    z-index:1!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .top-chip{
    top:8%!important;
    left:50%!important;
    width:calc(100% - 28px)!important;
    max-width:310px!important;
    min-width:0!important;
    min-height:42px!important;
    padding:9px 12px!important;
    gap:6px!important;
    justify-content:center!important;
    text-align:center!important;
    z-index:8!important;
    transform:translate(-50%,-50%)!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .top-chip b,
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .top-chip span{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .top-chip b{
    font-size:8.4px!important;
    line-height:1.05!important;
    letter-spacing:.08em!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .top-chip span{
    font-size:7px!important;
    line-height:1.15!important;
    letter-spacing:.03em!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-ledger-card,
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-action-table,
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-scenario-card,
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-metric,
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-command-stable,
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-core-stable{
    z-index:6!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-ledger-card{
    display:block!important;
    left:17%!important;
    top:41.5%!important;
    width:26%!important;
    min-width:86px!important;
    max-width:none!important;
    min-height:138px!important;
    padding:10px 8px!important;
    border-radius:16px!important;
    transform:translate(-50%,-50%)!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-ledger-card small{
    font-size:7.2px!important;
    line-height:1.12!important;
    letter-spacing:.05em!important;
    margin-bottom:8px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-ledger-card b{
    font-size:14px!important;
    line-height:1!important;
    margin-bottom:6px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-ledger-card span{
    font-size:6.9px!important;
    line-height:1.24!important;
    margin-bottom:6px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-ledger-card i{
    height:5px!important;
    margin-top:4px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-core-stable{
    display:grid!important;
    place-items:center!important;
    left:50%!important;
    top:48.5%!important;
    width:35%!important;
    min-width:114px!important;
    max-width:none!important;
    min-height:138px!important;
    padding:14px 10px!important;
    border-radius:999px!important;
    text-align:center!important;
    transform:translate(-50%,-50%)!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-core-stable small{
    font-size:7px!important;
    line-height:1!important;
    letter-spacing:.09em!important;
    margin-bottom:4px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-core-stable b{
    font-size:14.5px!important;
    line-height:1.08!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-core-stable span{
    font-size:7.6px!important;
    line-height:1.22!important;
    margin-top:5px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-core-stable em{
    min-width:56px!important;
    height:23px!important;
    font-size:8.5px!important;
    margin-top:7px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-action-table{
    display:block!important;
    left:83%!important;
    top:41.5%!important;
    width:26%!important;
    min-width:86px!important;
    max-width:none!important;
    min-height:138px!important;
    padding:10px 8px!important;
    border-radius:16px!important;
    transform:translate(-50%,-50%)!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-action-table strong{
    font-size:7.2px!important;
    line-height:1.1!important;
    letter-spacing:.04em!important;
    margin-bottom:5px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-action-table span{
    min-height:19px!important;
    padding:4px 0!important;
    gap:4px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-action-table span b{
    font-size:6.9px!important;
    line-height:1.1!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-action-table span i{
    font-size:6.6px!important;
    line-height:1.1!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-scenario-card{
    display:block!important;
    left:50%!important;
    top:70.5%!important;
    width:52%!important;
    min-width:0!important;
    min-height:48px!important;
    padding:10px 12px!important;
    border-radius:15px!important;
    text-align:center!important;
    transform:translate(-50%,-50%)!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-scenario-card strong{
    font-size:7.6px!important;
    line-height:1.08!important;
    margin-bottom:4px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-scenario-card span{
    font-size:7.4px!important;
    line-height:1.2!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-metric{
    display:block!important;
    width:18%!important;
    min-width:54px!important;
    max-width:none!important;
    min-height:50px!important;
    padding:8px 6px!important;
    border-radius:13px!important;
    text-align:center!important;
    transform:translate(-50%,-50%)!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .metric-lcr{left:30%!important;top:81.5%!important;}
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .metric-nsfr{left:50%!important;top:83.2%!important;}
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .metric-dv01{left:70%!important;top:81.5%!important;}

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-metric b{
    font-size:11px!important;
    line-height:1!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-metric span{
    font-size:7.4px!important;
    line-height:1.12!important;
    margin-top:4px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-command-stable{
    display:block!important;
    left:50%!important;
    top:auto!important;
    bottom:4.5%!important;
    width:66%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:9px 12px!important;
    border-radius:999px!important;
    text-align:center!important;
    transform:translateX(-50%)!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-command-stable b{
    font-size:7.4px!important;
    line-height:1.04!important;
    letter-spacing:.07em!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-command-stable span{
    font-size:7.2px!important;
    line-height:1.14!important;
    margin-top:3px!important;
  }
}

@media (max-width: 420px){
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-stable-cinematic{
    height:clamp(620px, 168vw, 700px)!important;
    min-height:620px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-hud-panel{
    width:31%!important;
    min-height:68px!important;
    padding:7px 7px 6px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-ledger-card,
  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-action-table{
    width:27%!important;
    min-width:82px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-core-stable{
    width:36%!important;
    min-width:108px!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-scenario-card{
    width:56%!important;
  }

  body.platform-showcase-page.route-scroll-page .platform-ritam-chart .ritam-command-stable{
    width:72%!important;
  }
}