.message-shell { max-width: 900px; }
.messaging-public { background: #f0dfc7 url('assets/images/background-marble-latte.webp') center/cover fixed; }
.message-shell > h1 { font: 600 clamp(2.3rem, 7vw, 3.5rem)/1.05 'Cormorant Garamond', Georgia, serif; }
.message-back { color: #f5da9e; min-height: 44px; display: inline-flex; align-items: center; }
.message-history { display: grid; gap: 14px; margin: 20px 0; }
.message-bubble { max-width: 92%; padding: 16px; border: 1px solid #dac3a3; border-radius: 14px; background: #f7efe3; overflow-wrap: anywhere; }
.message-bubble--admin { margin-left: auto; background: #211712; color: #fff4df; border-color: #ba8b45; }
.message-bubble header { display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: space-between; }
.message-bubble time { font-size: .75rem; opacity: .8; }
.message-bubble p { white-space: pre-wrap; margin: 10px 0 0; }
.message-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.message-list { display: grid; gap: 12px; }
.message-entry { display: block; padding: 16px; border: 1px solid #dac3a3; border-radius: 12px; text-decoration: none; overflow-wrap: anywhere; }
.message-entry strong, .message-entry span { display: block; }
.message-entry--unread { border-left: 5px solid #a97732; background: #fff3d9; }
.message-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 20px; }
.message-toolbar form { margin: 0; }
#access-code { overflow-wrap: anywhere; }