/* Native owns system-bar insets on WebView bounds; web safe insets intentionally zero. */
:root{--rts-safe-top:0px;--rts-safe-bottom:0px;--rts-safe-left:0px;--rts-safe-right:0px}
/* Reserve enough internal height for controls. No second system inset in web content. */
.x-app .iq-top{height:calc(56px + var(--rts-safe-top))!important;min-height:calc(56px + var(--rts-safe-top))!important;padding:calc(10px + var(--rts-safe-top)) max(16px,var(--rts-safe-right)) 12px max(16px,var(--rts-safe-left))!important;box-sizing:border-box!important;overflow:visible!important}
.x-app .x-tabs{height:calc(64px + var(--rts-safe-bottom))!important;min-height:calc(64px + var(--rts-safe-bottom))!important;padding:7px max(8px,var(--rts-safe-right)) calc(5px + var(--rts-safe-bottom)) max(8px,var(--rts-safe-left))!important;align-items:stretch!important;box-sizing:border-box!important;bottom:0!important}
.x-app .x-tabs .x-tab{height:51px!important;min-height:0!important;max-height:51px!important;padding:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;line-height:14px!important;overflow:visible!important}
.x-app .x-tabs .x-tab svg{flex:0 0 22px!important}
.x-app{padding-bottom:calc(84px + var(--rts-safe-bottom))!important}
.iq-ai{bottom:calc(77px + var(--rts-safe-bottom))!important}
/* Non-SPA tools keep their8px internal header rhythm. */
body>header{padding-top:calc(8px + var(--rts-safe-top))!important;padding-left:max(12px,var(--rts-safe-left))!important;padding-right:max(12px,var(--rts-safe-right))!important;box-sizing:border-box!important}
body>main{padding-bottom:calc(90px + var(--rts-safe-bottom))!important}
body>form{padding-bottom:calc(10px + var(--rts-safe-bottom))!important}
@media(min-width:541px){.x-app .x-tabs{bottom:0!important}}