/* Match the native Better Messages UI without replacing its layout or controls. */
body :is(.bm-wrap-main,.bm-wrap,.bm-chat-wrap,.bm-wrap-group,.bm-single-thread-wrap,.bm-mini-chat,.bm-mobile,.bm-modal-window,.bm-context-menu,.bm-emoji-popover,.bm-scope) {
 color-scheme:dark;
 --bm-radius-card:16px;
 --bm-shadow-popover:0 18px 48px rgba(0,0,0,.35);
}
body :is(.bm-wrap-main,.bm-wrap,.bm-mini-chat,.bm-mobile) { font-family:Inter,'IBM Plex Sans',Arial,sans-serif; }
body .bm-wrap { background-color:#10243e; color:#eff5ff; border-color:#3a5570; }
body.ptum-messages-page #main-content { padding-block:28px; }
/* One panel contains both the page heading and the plugin-owned conversation. */
body.ptum-messages-page #main-content > article {
 background:#10243e;
 border:1px solid #3a5570;
 border-radius:18px;
 padding:0;
 box-shadow:0 16px 40px #0003;
}
body.ptum-messages-page #main-content > article > .section-heading {
 margin:0;
 padding:18px 24px;
 border-bottom:1px solid #3a5570;
}
body.ptum-messages-page #main-content > article > .entry-content { margin:0; padding:0; }
body.ptum-messages-page #main-content > article .bm-wrap { border:0; border-radius:0 0 18px 18px; }
body.ptum-messages-page #main-content > article .bm-wrap-main { margin:0; }
body.ptum-messages-page #main-content > article > .section-heading h1 { font-size:clamp(26px,3vw,36px); margin:0; }
body .bm-wrap :is(input,textarea,[contenteditable='true']) { caret-color:#67e8f9; }
body .bm-wrap :is(input,textarea)::placeholder { color:#a5bad2; opacity:1; }
body .bm-wrap :is(button,a,input,textarea,[contenteditable='true']):focus-visible { outline:2px solid #67e8f9; outline-offset:2px; }
@media(max-width:600px) {
 body.ptum-messages-page #main-content { padding-top:16px; }
 body.ptum-messages-page #main-content > article > .section-heading { margin:0; padding:14px 16px; }
 body.ptum-messages-page #main-content > article > .section-heading h1 { font-size:26px; }
}