html[data-academy-native]{overscroll-behavior-y:none;-webkit-text-size-adjust:100%}
html[data-academy-native] body{min-height:100dvh;overscroll-behavior-y:none}
html[data-academy-native] button,html[data-academy-native] a,html[data-academy-native] select{touch-action:manipulation}
html[data-academy-native] input,html[data-academy-native] textarea,html[data-academy-native] select{font-size:max(16px,1em)}
html[data-academy-native] .academy-native-status{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:16px;right:16px;z-index:10050;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #b9cdec;border-left:4px solid #003da5;border-radius:14px;padding:14px 16px;box-shadow:0 6px 24px #17376122;color:#17315a;font:500 13px/1.5 system-ui,sans-serif}
html[data-academy-native] .academy-native-status[hidden],html[data-academy-native] .academy-native-status button[hidden]{display:none}
html[data-academy-native] .academy-native-status button{background:#003da5;color:white;border:0;border-radius:9px;padding:10px 14px;min-height:42px;white-space:nowrap;font:700 13px system-ui,sans-serif}
html[data-academy-native] .academy-native-status span{flex:1}
@media(prefers-reduced-motion:reduce){html[data-academy-native] *{scroll-behavior:auto!important}}

/* The same mobile layout serves Safari, Chrome, Android and iOS. These scoped
   adjustments follow the shared navigation without changing desktop geometry. */
@media(max-width:700px){
  body.academy-mobile-navigation{--mobile-bar:calc(64px + env(safe-area-inset-top))}
  body.academy-mobile-navigation .topbar{height:var(--mobile-bar);min-height:var(--mobile-bar);padding-top:env(safe-area-inset-top)}
  body.academy-mobile-navigation.calendar-workspace-route .workspace,
  html[data-academy-design="cuban"] body.academy-mobile-navigation .workspace:has(> .main > .messages-workspace){height:calc(var(--academy-visible-height,100dvh) - var(--academy-bottom-space));min-height:0;overflow:hidden}
  html[data-academy-design="cuban"] body.academy-mobile-navigation #main:has(> .messages-workspace){height:auto!important;max-height:none!important;flex:1;min-height:0}
  body.academy-mobile-navigation.calendar-workspace-route .topbar{height:calc(56px + env(safe-area-inset-top));min-height:calc(56px + env(safe-area-inset-top));flex-basis:calc(56px + env(safe-area-inset-top))}
  html[data-academy-design="cuban"] body.academy-mobile-navigation>a[href^="https://polyglotion.com/integrations/owner-switcher/"]{bottom:calc(var(--academy-bottom-space) + 12px)!important;padding:10px 14px!important;font-size:12px!important;border-radius:11px!important}
  html[data-academy-design="cuban"] body.academy-mobile-navigation:has(> a[href^="https://polyglotion.com/integrations/owner-switcher/"]) .main:not(:has(> .messages-workspace)){padding-bottom:66px!important}
  html[data-academy-native] body.academy-mobile-navigation .academy-native-status{bottom:calc(var(--academy-bottom-space) + 12px);left:10px;right:10px;padding:11px 12px;font-size:12px;align-items:flex-start}
  html[data-academy-native] body.academy-mobile-navigation:has(> a[href^="https://polyglotion.com/integrations/owner-switcher/"]) .academy-native-status{bottom:calc(var(--academy-bottom-space) + 64px)}
  html[data-academy-native] .academy-native-status button{white-space:normal;min-height:44px;padding:8px 11px}
}
