/* The native root already consumes Android status, navigation, cutout and IME insets. */
html.ray-native{--top:0px;--bottom:0px;background:#fff}
.ray-native body{background:var(--paper);overscroll-behavior:none}
.ray-native .app-frame{max-width:none;width:100%;height:100%;height:100dvh;border:0;box-shadow:none;margin:0}
.ray-native #header,.ray-native #navigation{position:relative;flex:none;touch-action:manipulation}
.ray-native #content{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.ray-native dialog{max-width:none}
.ray-native .ray-landing{padding-top:19px;padding-bottom:21px}
@media(max-height:650px){.ray-native .ray-landing{padding-block:13px 14px}}
@media(max-height:480px) and (min-aspect-ratio:1/1){.ray-native .ray-landing{padding-block:10px}}
/* Landscape IME can leave less height than the normal two navigation bars. */
@media(max-height:240px) and (min-aspect-ratio:1/1){
 .ray-native .app-frame{grid-template-rows:40px minmax(0,1fr) 40px}
 .ray-native #header{padding:2px 10px;gap:6px}
 .ray-native #header .brand-caption,.ray-native #header .header-title small{display:none}
 .ray-native #header .brand-mark{width:28px;height:28px}
 .ray-native #header .brand-name,.ray-native #header .header-title strong{font-size:14px;line-height:1.4}
 .ray-native #header .icon-btn{width:34px;height:34px;min-height:34px;border-radius:10px}
 .ray-native #header .icon-btn svg{width:18px;height:18px}
 .ray-native #header .language-button{height:34px;min-height:34px;border-radius:10px;font-size:11px;padding-inline:7px}
 .ray-native #navigation{padding:1px 6px}
 .ray-native #navigation .nav-item{min-height:36px;gap:0;font-size:9px;line-height:1.4}
 .ray-native #navigation .nav-icon{height:20px;width:32px;border-radius:8px}
 .ray-native #navigation .nav-icon svg{height:17px;width:17px}
 .ray-native #navigation .nav-badge{top:0;height:12px;min-width:12px;font-size:7px}
 .ray-native #content{padding-block:0}
 .ray-native #content input:focus,.ray-native #content textarea:focus{height:34px;min-height:34px;padding-block:3px;font-size:14px;line-height:1.5;scroll-margin-block:2px}
 .ray-native #content .search-box:focus-within{min-height:36px;height:36px;padding-block:0;margin-block:0}
}