/* 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 header{padding:16px 10px;gap:12px}
html.installed-app nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px;padding:8px;box-sizing:border-box}
html.installed-app #identity{grid-column:1/-1;width:100%}
html.installed-app main{width:100%;padding:20px 10px 32px}
html.installed-app .signin{margin:8px auto;max-width:100%}
html.installed-app .signin form{margin:20px 0}
html.installed-app .section-head{gap:12px;align-items:stretch}
html.installed-app .detail-grid,html.installed-app .stats{grid-template-columns:1fr;gap:14px}
html.installed-app .methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
html.installed-app .receipt,html.installed-app .note{padding:14px}
html.installed-app .search{flex-wrap:wrap}
html.installed-app .search input{flex:1 1 160px}
html.installed-app body[data-portal="04"] .office-window{width:100%;min-height:calc(100dvh - 28px)}
html.installed-app body[data-portal="04"] .office-workspace{display:flex;flex-direction:column;min-height:0}
html.installed-app body[data-portal="04"] nav{width:100%;border-right:0}
html.installed-app body[data-portal="04"] main{padding:16px 10px}
}