/* Installed phone apps only; browser website styles remain unchanged. */
@media(max-width:600px){
html.installed-app{min-height:100%;scroll-padding-bottom:24px}
html.installed-app body{min-height:100vh;min-height:100dvh;box-sizing:border-box;padding: max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overflow-wrap:anywhere}
html.installed-app main,html.installed-app section,html.installed-app article,html.installed-app form{min-width:0;max-width:100%;box-sizing:border-box}
html.installed-app input,html.installed-app select,html.installed-app textarea{font-size:16px;max-width:100%;min-width:0;box-sizing:border-box}
html.installed-app button,html.installed-app input,html.installed-app select{min-height:44px}
html.installed-app button{white-space:normal;overflow-wrap:anywhere}
html.installed-app img{max-width:100%;height:auto}
html.installed-app .table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
html.installed-app dialog{box-sizing:border-box;width:calc(100% - 24px);max-height:calc(100dvh - 32px);overflow:auto;padding:20px}

html.installed-app .wrap{width:100%}
html.installed-app header nav{height:auto;padding:12px 4px;gap:10px}
html.installed-app .hero,html.installed-app .products,html.installed-app .product,html.installed-app .metricgrid,html.installed-app .settingsform,html.installed-app .marketgrid{grid-template-columns:1fr}
html.installed-app .hero{padding:24px 8px;gap:20px}
html.installed-app .hero h1{font-size:36px}
html.installed-app .dashboard-head{padding:20px 8px;gap:12px;flex-wrap:wrap}
html.installed-app .dashlayout{display:block}
html.installed-app .dashnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:6px;padding:8px;margin-bottom:16px}
html.installed-app .dashnav button{white-space:normal;padding:10px 8px}
html.installed-app .dashboard-panel{padding:16px 10px;overflow-x:auto}
html.installed-app .table{display:block;max-width:100%;overflow-x:auto}
html.installed-app body>main:not(.wrap){width:100%;margin:20px auto;padding:20px 16px}
html.installed-app h1{overflow-wrap:normal}
}