*,:after,:before{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden}canvas,img,svg,video{height:auto;max-width:100%}table{border-spacing:0}@media(max-width:640px){button,input,select,textarea{font-size:16px}}@media(max-width:1024px){.container,.dashContainer{width:min(1280px,calc(100% - 1rem))!important}}@media(max-width:860px){.controlRow,.controls,.footerBottom2,.footerTop,.heroActions,.matrixTop,.searchCard,.welcomeActions{align-items:stretch!important;display:flex;flex-direction:column;gap:.55rem!important}.controlRow>*,.controls>*,.ctl,.ctl.grow,.field,.field.grow,.field.mini,.grow,.searchCard>*{min-width:0!important;width:100%!important}.btn,.controlRow .btn,.controls .btn,.heroActions .btn,.searchCard .btn,.welcomeActions .btn{width:100%}}@media(max-width:768px){.analyticsGrid,.bigKpis,.coMetaGrid,.dashTop,.detailGrid,.footerGrid2,.grid,.kpis,.mixWrap,.moversGrid,.panelGrid,.statGrid,.topCharts,.twoCol,.twoCols{grid-template-columns:1fr!important}.denseTableWrap,.histTableWrap,.statTableWrap,.tableWrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%}.dataTable,.histTable,.holdTable,.matrixTable,.statTable,.tbl,table{font-size:.82rem;min-width:640px!important}}@media(max-width:480px){.card,.chartCard,.hero,.holdCard,.modal,.panel,.topChartCard{border-radius:12px!important}.card,.hero,.holdCard,.panel,.topChartCard{padding:.75rem!important}.h1,h1{font-size:clamp(1.2rem,6vw,1.6rem)!important}}