/* Offline banner — shown when window.DSMobile reports offline. Hidden by default; native-bridge.js toggles [data-online="false"] on . */ #ds-offline-banner { display: none; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; padding: 8px 16px; background: #924028; color: #fff; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 14px; font-weight: 500; text-align: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } html[data-online="false"] #ds-offline-banner { display: block; } /* Push page content down when banner visible so it doesn't cover fixed headers */ html[data-online="false"] body { padding-top: 36px; }