/* Each retained tab owns its existing page styles and script lifecycle. */
.mobile-tab-original { display: contents; }
.mobile-tab-original.is-background { visibility: hidden; pointer-events: none; }
body.mobile-tab-framed { overflow: hidden; }
.mobile-tab-host { position: fixed; inset: 0; z-index: 10000; background: var(--bg-color, var(--cabinet-bg, inherit)); }
.mobile-tab-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; background: var(--bg-color, var(--cabinet-bg, inherit)); }
.mobile-tab-frame[hidden], .mobile-tab-status[hidden] { display: none; }
.mobile-tab-status { position: fixed; z-index: 10001; left: 12px; right: 12px; bottom: calc(84px + env(safe-area-inset-bottom)); margin: 0; padding: 12px 16px; border: 1px solid var(--border-color, var(--cabinet-border, currentColor)); border-radius: 14px; background: var(--surface-color, var(--cabinet-surface, inherit)); color: var(--text-primary, var(--cabinet-text, inherit)); box-shadow: none; }
@media print { .mobile-tab-host, .mobile-tab-status { display: none; } .mobile-tab-original.is-background { visibility: visible; } }

.mobile-tab-host.is-idle, .mobile-tab-frame.is-loading { visibility: hidden; pointer-events: none; }

/* The shell owns one dock outside scrolling/repainted child documents. */
#home-bottom-nav.bottom-nav[data-mobile-tab-dock] { z-index: 11000; }
#home-bottom-nav.bottom-nav[hidden], #home-bottom-nav.bottom-nav[data-mobile-tab-frame-navigation] { display: none; }