@media(max-width:700px){
html,body{height:100%;overflow:hidden}.app{min-height:0!important;height:100%!important}main{display:flex!important;flex-direction:column;min-height:0!important;padding:10px!important;overflow:hidden}header{flex-shrink:0;margin-bottom:8px!important}header h1{font-size:20px!important;margin-bottom:5px!important;overflow-wrap:anywhere}header>small{font-size:10px}aside{padding:6px!important}nav button{min-height:44px!important}nav{scroll-padding:6px}#mobile-pages{margin-top:6px;gap:5px!important}#mobile-pages button{min-height:34px;min-width:34px;padding:6px!important}
#screen,#screen[data-section=overview]{min-height:0!important;height:auto!important;flex:1!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-padding:0;overscroll-behavior-x:contain}
#screen>.mobile-page{overflow-y:auto!important;overflow-x:auto!important;min-height:0!important;overscroll-behavior-y:contain;scrollbar-width:thin}
#screen>.kpis{grid-auto-rows:minmax(75px,1fr)!important;padding:0!important;gap:6px!important}.card{padding:9px!important}.card .label{font-size:11px!important;min-height:25px!important;line-height:1.25}.card strong{font-size:17px!important;white-space:normal!important;overflow-wrap:normal;line-height:1.25}.delta{font-size:10px!important;margin-top:5px!important}
footer{flex-shrink:0;margin-top:8px!important;gap:18px!important}footer button{min-height:40px!important;min-width:44px!important}#screen .column{overflow:auto!important}.chart,#screen[data-section=overview]>.panel .chart,.plan-pair .chart{height:180px!important}.crm-board{grid-template-columns:1fr!important}.direction-filters{overflow-x:auto!important}button{touch-action:manipulation}#screen .mobile-page:focus-visible{outline-offset:-2px}
}