/* Companion native presentation — original website styling remains the source of truth. */
html.native-app { scroll-padding-top: 76px; }
html.native-app body { padding-bottom: calc(78px + env(safe-area-inset-bottom,0px)); overscroll-behavior-y: contain; }
html.native-app .topbar { padding-top: env(safe-area-inset-top,0px); }
html.native-app .footer { padding-bottom: 24px; }
html.native-app .gm-app-tabs { display: flex; }
.gm-app-tabs { display: none; position: fixed; z-index: 95; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,.96); border-top: 1px solid #d9e6e9; box-shadow: 0 -8px 30px rgba(18,44,58,.06); backdrop-filter: blur(18px); padding: 6px max(env(safe-area-inset-right,0px),8px) max(env(safe-area-inset-bottom,0px),6px) max(env(safe-area-inset-left,0px),8px); gap: 2px; direction: rtl; }
.gm-app-tabs button { flex: 1; min-height: 54px; padding: 4px; border: 0; border-radius: 12px; background: none; font-family: inherit; color: #617888; font-size: 11px; font-weight: 700; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; }
.gm-app-tabs .tab-glyph { font-size: 23px; line-height: 1; }
.gm-app-tabs button:active { background: #e4f5f2; color:#0f837c; }
.gm-app-tabs button:focus-visible { outline: 2px solid #0d9488; outline-offset: -2px; }
@media (max-width:600px) {html.native-app .hero {padding-top: 25px;} html.native-app .modal {padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));} html.native-app #app {padding-bottom:15px;} }