/* Mintera responsive layer: tablet + phone overrides for the inline-styled app */
html,body{max-width:100%;overflow-x:clip}
img,svg,canvas,video{max-width:100%}
[style*="width: 1"][style*="px"],[style*="max-width"]{box-sizing:border-box}

/* ---------- Tablet / small laptop ---------- */
@media (max-width:1100px){
  [style*="padding: 36px 48px"]{padding-left:24px!important;padding-right:24px!important}
  [style*="padding: 0px 48px"],[style*="padding: 0 48px"]{padding-left:24px!important;padding-right:24px!important}
  .m-nav{padding-left:20px!important;padding-right:20px!important}
  .m-nav-left{gap:16px!important}
  .m-g5,.m-g4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .m-side{grid-template-columns:minmax(0,1fr)!important}
  .m-tscroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .m-trow{min-width:820px}
}

/* ---------- Phone ---------- */
@media (max-width:760px){
  /* nav: logo + wallet on top, scrollable tabs below */
  .m-nav{flex-wrap:wrap!important;height:auto!important;padding:10px 14px 0!important;row-gap:8px}
  .m-nav-left{display:contents!important}
  .m-logo{order:1}
  .m-nav-right{order:2;gap:8px!important}
  .m-tabs{order:3;flex:0 0 100%;width:100%;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none;padding-bottom:6px;margin:0 -14px;padding-left:14px;padding-right:14px;box-sizing:content-box}
  .m-tabs::-webkit-scrollbar{display:none}
  .m-tabs>*{flex:0 0 auto;white-space:nowrap}

  /* card grids: one per row on narrow phones */
  @media (max-width:520px){ .m-g3s{grid-template-columns:minmax(0,1fr)!important} }

  /* page gutters */
  [style*="padding: 36px 48px"],[style*="padding: 0px 48px"],[style*="padding: 0 48px"],
  [style*="padding: 40px"],[style*="padding: 32px"],[style*="padding: 28px"]{padding-left:16px!important;padding-right:16px!important}
  [style*="padding: 36px 48px"]{padding-top:20px!important}
  [style*="padding: 40px"],[style*="padding: 32px"],[style*="padding: 28px"]{padding-top:18px!important;padding-bottom:18px!important}
  [style*="padding: 24px"],[style*="padding: 22px"]{padding:16px!important}

  /* grids collapse */
  .m-g1,.m-side{grid-template-columns:minmax(0,1fr)!important}
  .m-g4,.m-g5,.m-g3s{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .m-trow{min-width:760px}

  /* flex rows wrap instead of overflowing */
  .m-wrap{flex-wrap:wrap!important;row-gap:10px}
  .m-wrap>.m-grow{min-width:0;flex-basis:100%!important}

  /* fixed widths never exceed the screen */
  .m-fixw{width:auto!important;max-width:100%!important;min-width:0!important}

  /* type scale */
  .m-h1{font-size:34px!important;line-height:1.1!important}
  .m-h2{font-size:26px!important;line-height:1.15!important}
  .m-h3{font-size:22px!important}

  /* charts */
  .m-tall{height:240px!important}

  /* modals + toast */
  .m-modal{padding:12px!important;align-items:flex-end!important}
  .m-modal>*{width:100%!important;max-width:100%!important;max-height:88vh;overflow-y:auto;box-sizing:border-box}
  .m-toast{max-width:calc(100vw - 32px)!important;width:max-content;bottom:16px!important}

  /* tap targets */
  button{min-height:40px}
}