/* ============================================================================
 * App mode — the portal inside the SmartShop app's WebView (see app.php).
 * The app draws its own toolbar and Back, so the portal's header, sidebar, bottom
 * navigation and footer are hidden and the page gets the whole screen. Every rule is
 * scoped to html.ss-app, which only a WebView signed in through app.php ever has.
 * ========================================================================== */
html.ss-app .app-header1,
html.ss-app #sidebar,
html.ss-app #sidebarCollapse,
html.ss-app #mobileBottomNav,
html.ss-app footer.footer,
html.ss-app #back-to-top,
html.ss-app #ssDeviceBadge,
html.ss-app #emailVerifiedWarningDiv {
    display: none !important;
}

html.ss-app .page-main {
    padding-top: 0 !important;
}

html.ss-app .content-area {
    margin-left: 0 !important;
    padding-bottom: 16px !important;
}

html.ss-app body {
    -webkit-tap-highlight-color: transparent;
}

/* The help bubble: no bottom navigation to clear inside the app. */
html.ss-app #ssAssistBtn {
    bottom: 20px !important;
}