/* SEO411 app module: the store apps (0.5.1). Only applies inside the iPhone and Android apps. */
html.e8-native body { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); background: var(--e8-bg, #F7F7F9); }
html.e8-native .e8-root { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
html.e8-native .e8-root input, html.e8-native .e8-root textarea, html.e8-native .e8-root [contenteditable], html.e8-native .e8-root pre, html.e8-native .e8-root td { -webkit-user-select: text; user-select: text; }
html.e8-native .e8-root a[href*="pricing"]:not([data-out]) { pointer-events: auto; }
.e8-native-offline { position: fixed; left: 0; right: 0; top: env(safe-area-inset-top, 0); z-index: 9000; background: #111114; color: #fff; font: 600 13px/1.4 Inter, system-ui, sans-serif; text-align: center; padding: 8px 12px; }
.e8-native-lock { position: fixed; inset: 0; z-index: 9500; display: flex; align-items: center; justify-content: center; background: #111114; color: #fff; text-align: center; font-family: Inter, system-ui, sans-serif; }
.e8-native-lock img { display: block; margin: 0 auto 14px; border-radius: 18px; }
.e8-native-lock p { margin: 0 0 16px; font-weight: 700; letter-spacing: .02em; }
.e8-native-packs { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin-top: 10px; }
.e8-native-pack { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 14px; border: 1px solid var(--e8-line, #DCE3EF); border-radius: 12px; background: var(--e8-card, #fff); text-align: left; cursor: pointer; font: inherit; color: inherit; }
.e8-native-pack strong { font-size: 16px; }
.e8-native-pack span { color: var(--e8-blue, #5268A9); font-weight: 700; }
.e8-native-pack:active { transform: scale(.98); }
.e8-native-switches { display: flex; flex-direction: column; gap: 6px; }
.e8-native-switch { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--e8-line-2, #EFF0F3); cursor: pointer; }
.e8-native-switch:last-child { border-bottom: 0; }
.e8-native-switch input { width: 20px; height: 20px; accent-color: var(--e8-blue, #5268A9); }
.e8-native-danger { border-color: #F3C2C2; }
.e8-root .e8-btn.e8-btn-danger { border-color: var(--e8-bad, #BD1A1A); }
