/* ========================================================== Hotwire Native overrides Applied when the app runs inside a native shell. The `data-bridge-components` attribute is added to automatically by Hotwire Native when bridge is initialized. ========================================================== */ /* Hide web-only chrome (header, footer) inside native shell */ [data-bridge-components] .web-only { display: none !important; } /* Remove top padding that web header normally occupies */ [data-bridge-components] body { padding-top: 0 !important; } /* Hide web buttons when the native bridge component renders them natively */ [data-bridge-components~="form"] [data-controller~="bridge--form"] [data-bridge--form-target="submit"] { display: none; } [data-bridge-components~="button"] [data-controller~="bridge--button"] { display: none; } [data-bridge-components~="menu"] [data-controller~="bridge--menu"] { display: none; } /* Flash messages: auto-dismiss after animation in native (handled by bridge notification) */ [data-bridge-components] .flash-notice, [data-bridge-components] .flash-alert { display: none; } /* Social login buttons stay hidden on native until the bridge is live */ .auth-social--native-hidden { display: none; }