/* Loaded after the site's original Popple CSS. Only stabilizes the shell. */
.popple-native.ow_page_wrap { margin: 0; padding: 0; min-height: 100vh; width: 100%; }
.popple-native .pn-header { background: var(--pn-header); border-bottom: 1px solid var(--pn-line); }
.popple-native .pn-brand { background: none; text-indent: 0; width: auto; height: auto; color: var(--pn-text); }
.popple-native .pn-main { background: var(--pn-bg); }
.popple-native .pn-content-frame.ow_canvas { max-width: 1060px; width: 100%; min-width: 0; }
.popple-native .pn-live-content.ow_page { margin: 0; padding: 0; width: 100%; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.popple-native .pn-live-content > .ow_content { margin: 0; padding: 0; width: 100%; float: none; }
.popple-native .pn-navigation .ow_main_menu { display: flex; gap: 3px; margin: 0; padding: 0; background: none; border: 0; }
.popple-native .pn-navigation .ow_main_menu li { display: block; float: none; padding: 0; margin: 0; background: none; border: 0; }
.popple-native .pn-navigation .ow_main_menu li a { display: block; margin: 0; background: none; color: var(--pn-muted); border: 0; font-family: var(--pn-font); font-size: 12px; font-weight: 520; text-transform: none; text-shadow: none; }
.popple-native .pn-navigation .ow_main_menu li.active a { color: var(--pn-text); background: var(--pn-raised); }
.popple-native .pn-navigation .ow_main_menu li a:hover { color: var(--pn-text); background: var(--pn-surface); }
.popple-native .pn-navigation .ow_main_menu li a span { padding: 0; background: none; }
.popple-native .pn-footer.ow_footer { margin: auto 0 0; background: var(--pn-bg); width: auto; }
.popple-native .pn-footer .ow_footer_menu { margin: 0 0 17px; padding: 0; }
.popple-native .pn-footer .ow_footer_menu a { color: var(--pn-muted); text-transform: none; }
.popple-native .pn-search-results [hidden], .popple-native .pn-search-empty[hidden] { display: none; }
@media (max-width: 850px) {
    .popple-native .pn-navigation .ow_main_menu { flex-wrap: nowrap; }
}

/* Keep conversation titles and actions readable at phone widths. */
.popple-native .pn-live-content :is(h1,h2,h3) { text-transform:none; }
.popple-native .popple-conversation-header { flex-wrap:wrap; gap:14px; }
.popple-native .popple-conversation-header > div { flex:1; min-width:110px; }
.popple-native .popple-notifications { min-width:112px; flex-shrink:0; padding:12px; font-size:12px; overflow-wrap:normal; word-break:normal; }
