/* Connected inbox, conversations and notifications. Original modules own all behavior. */
body:is([data-page="messages"],[data-page="chat"]) {
  --cm-paper: #fffdfa;
  --cm-ink: #342c26;
  --cm-copy: #65564a;
  --cm-muted: #8b7869;
  --cm-red: #9e4935;
  --cm-line: #b69a7c29;
  --cm-surface: #f3eee6;
}
body:is([data-page="messages"],[data-page="chat"]) #main > .guide-hint,
body:is([data-page="messages"],[data-page="chat"]) #main > .main-footer,
body:is([data-page="messages"],[data-page="chat"]) .experience-tools { display: none; }
body[data-page="messages"] #app .messages-page { max-width: 1180px; margin: 0 auto; color: var(--cm-ink); }
body[data-page="messages"] #app .message-space-topbar { display: none; }
body[data-page="messages"] #app .message-workspace-heading { gap: 16px; padding: 0 0 26px; align-items: center; flex-wrap: nowrap; }
body[data-page="messages"] #app .message-space-symbol { width: 56px; height: 56px; border: 1px solid #fff; border-radius: 18px; color: var(--cm-red); background: linear-gradient(145deg,#fffefa,#eadfce); box-shadow: inset 0 1px 0 #fff,0 4px 14px #6642210b; }
body[data-page="messages"] #app .message-space-symbol svg { width: 25px; height: 25px; }
body[data-page="messages"] #app .message-workspace-heading h1 { margin: 0 0 5px; font-size: 29px; line-height: 1.2; font-weight: 750; letter-spacing: -.5px; color: var(--cm-ink); }
body[data-page="messages"] #app .message-workspace-heading p { margin: 0; font-size: 13px; color: var(--cm-copy); }
body[data-page="messages"] #app .message-personal-actions { margin-left: auto; }
body[data-page="messages"] #app .message-personal-actions a { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--cm-copy); }
body[data-page="messages"] #app .message-navigation { position: relative; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 0 18px; margin: 0; border: 0; }
body[data-page="messages"] #app .dm-modes { width: auto; display: flex; flex: 0 1 auto; gap: 4px !important; padding: 5px; margin: 0; border: 1px solid #fff; border-radius: 16px; overflow: visible; background: linear-gradient(120deg,#fffdf9ed,#f4ede1d9); box-shadow: inset 0 1px #fff,0 4px 12px #5a35100a; }
body[data-page="messages"] #app .dm-modes > button { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; min-height: 44px !important; padding: 10px 20px; border: 0 !important; border-radius: 11px; color: var(--cm-copy); background: transparent !important; box-shadow: none; }
body[data-page="messages"] #app .dm-modes > button.active { color: #fff9ed !important; background: linear-gradient(140deg,#af6044,#91412f) !important; box-shadow: inset 0 1px #ffffff36,0 3px 9px #8e422426; }
body[data-page="messages"] #app .dm-modes > button::after { display: none; }
body[data-page="messages"] #app .dm-modes > button > svg { display: block; flex: none; width: 18px; height: 18px; }
body[data-page="messages"] #app .message-tab-copy strong { font-size: 14px; font-weight: 650; color: inherit; }
body[data-page="messages"] #app .dm-modes > button.active :is(.message-tab-copy,strong) { color: #fff9ed !important; }
body[data-page="messages"] #app .message-tab-copy em { display: none; }
body[data-page="messages"] #app .dm-modes small:not(:empty) { position: static; margin: 0; height: 18px; min-width: 18px; border: 0; background: #9e4935; color: #fff9ed; font-size: 10px; }
body[data-page="messages"] #app .dm-modes .active small:not(:empty) { background: #fffcf1; color: #984631; }
body[data-page="messages"] #app .cm-message-more { position: relative; flex: none; }
body[data-page="messages"] #app .cm-message-more > summary { display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 12px; color: var(--cm-copy); font-size: 13px; font-weight: 600; cursor: pointer; list-style: none; }
body[data-page="messages"] #app .cm-message-more > summary::-webkit-details-marker { display: none; }
body[data-page="messages"] #app .cm-message-more > summary > svg { width: 17px; height: 17px; }
body[data-page="messages"] #app .cm-message-more > summary > svg:last-child { width: 12px; transform: rotate(90deg); transition: transform 180ms ease; }
body[data-page="messages"] #app .cm-message-more[open] > summary > svg:last-child { transform: rotate(-90deg); }
body[data-page="messages"] #app .cm-message-more .message-utilities { position: absolute; right: 0; top: calc(100% + 7px); display: grid; grid-template-columns: 1fr; z-index: 20; width: 252px; max-width: calc(100vw - 32px); padding: 9px; margin: 0; gap: 0 !important; border: 1px solid #fff; border-radius: 17px; background: #fffdf7f5; box-shadow: 0 16px 45px #4c2f2424,0 1px 3px #4c2f240d; backdrop-filter: blur(16px); }
body[data-page="messages"] #app .cm-message-more .message-utilities a { display: flex; align-items: center; gap: 11px; min-height: 58px; padding: 10px; border: 0; border-radius: 9px; background: none; box-shadow: none; }
body[data-page="messages"] #app .message-utility-icon,
body[data-page="messages"] #app .cm-message-more .er-inbox-entry > span:first-child { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border: 0; border-radius: 11px; background: #eee4d7; color: #9e4935; }
body[data-page="messages"] #app .cm-message-more .message-utilities svg { display: block; width: 18px; height: 18px; }
body[data-page="messages"] #app .message-utility-copy { min-width: 0; }
body[data-page="messages"] #app .message-utility-copy strong,
body[data-page="messages"] #app .cm-message-more .er-inbox-entry strong { display: block; font-size: 13px; font-weight: 650; color: var(--cm-ink); }
body[data-page="messages"] #app .message-utility-copy > small,
body[data-page="messages"] #app .cm-message-more .er-inbox-entry small { display: block; font-size: 11px; color: var(--cm-muted) !important; margin: 3px 0 0; }
body[data-page="messages"] #app .message-utilities a > svg { margin-left: auto; width: 13px !important; color: #9b7f69; }
body[data-page="messages"] #app .cm-inbox-workspace { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(300px,1.2fr); min-height: 560px; overflow: hidden; border: 1px solid #fff; border-radius: 22px; background: var(--cm-paper); box-shadow: 0 14px 45px #60432d0b; }
body[data-page="messages"] #app .message-conversations { min-width: 0; padding: 23px 20px 0; border: 0; border-radius: 0; background: #fffdfa; }
body[data-page="messages"] #app .message-section-heading { gap: 12px; padding: 0 0 20px; }
body[data-page="messages"] #app .message-section-heading h2 { margin: 0; color: var(--cm-ink); font-size: 19px; font-weight: 700; }
body[data-page="messages"] #app .message-section-heading p { color: var(--cm-muted); font-size: 13px; }
body[data-page="messages"] #app .message-section-heading .dm-status { padding: 0; min-height: 0; font-size: 11px; color: var(--cm-muted); }
body[data-page="messages"] #app .message-section-heading .button { display: inline-flex; gap: 5px; min-height: 40px; padding: 8px 11px; border: 1px solid #ac685243 !important; border-radius: 11px !important; background: #f5e8da !important; color: #8a4230 !important; font-size: 12px; font-weight: 650; white-space: nowrap; box-shadow: inset 0 1px #fff; }
body[data-page="messages"] #app .message-section-heading .button svg { width: 15px; height: 15px; }
body[data-page="messages"] #app .dm-list-tools { display: flex; gap: 12px !important; flex-wrap: wrap; align-items: center; margin: 0; padding: 0 0 14px; }
body[data-page="messages"] #app .dm-search { flex: 1 0 100%; max-width: none; min-width: 0; min-height: 46px; padding: 0 12px; border: 1px solid #bca58c35; border-radius: 12px; background: #f4efe7; }
body[data-page="messages"] #app .dm-search input { min-width: 0; min-height: 44px; font-size: 14px; color: var(--cm-ink); background: transparent; }
body[data-page="messages"] #app .dm-search input::placeholder { color: #8e7f72; }
body[data-page="messages"] #app .dm-search > button { width: 32px; height: 36px; padding: 6px; border: 0; background: transparent; }
body[data-page="messages"] #app .dm-list-filters { gap: 4px; }
body[data-page="messages"] #app .dm-list-filters button { min-height: 38px; padding: 7px 11px; color: #796756; font-size: 12px; font-weight: 550; border-radius: 10px; }
body[data-page="messages"] #app .dm-list-filters button.active { color: #934630; background: #f2e3d2; }
body[data-page="messages"] #app .dm-list-summary { display: none; }
body:is([data-page="messages"],[data-page="chat"]) #app .dm-conversation { position: relative; display: flex; align-items: center; gap: 13px !important; padding: 18px 10px !important; margin: 0; border: 0; border-bottom: 1px solid var(--cm-line); border-radius: 0; background: transparent; box-shadow: none; transform: none; }
body:is([data-page="messages"],[data-page="chat"]) #app .dm-conversation::after { display: none; }
body:is([data-page="messages"],[data-page="chat"]) #app .dm-conversation-copy { display: block; min-width: 0; flex: 1; }
body:is([data-page="messages"],[data-page="chat"]) #app .dm-conversation-copy > span { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
body:is([data-page="messages"],[data-page="chat"]) #app .dm-conversation-copy strong { font-size: 15px; font-weight: 650; line-height: 1.5; color: var(--cm-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body:is([data-page="messages"],[data-page="chat"]) #app .dm-conversation-copy p { margin: 5px 0 0; font-size: 13px; line-height: 1.6; color: #7d6d60; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body:is([data-page="messages"],[data-page="chat"]) #app .dm-conversation-copy time { display: inline; flex: none; color: #998574; font-size: 10px; }
body:is([data-page="messages"],[data-page="chat"]) #app .dm-avatar { width: 46px; height: 46px; flex: none; overflow: hidden; border-radius: 15px; border: 2px solid #fff; background: linear-gradient(145deg,#bf9f7c,#917354); color: #fff; box-shadow: 0 2px 7px #51342114; font-weight: 650; }
body:is([data-page="messages"],[data-page="chat"]) #app .dm-unread { position: absolute; top: 43px; left: 42px; display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; border: 2px solid #fffdfa; border-radius: 12px; background: #a64b37; color: #fff; font-size: 9px; line-height: 1; }
body[data-page="messages"] #app .message-privacy { margin: 0; padding: 22px 0; font-size: 11px; color: var(--cm-muted); }
body[data-page="messages"] #app .cm-inbox-preview { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 48px 30px 22px; border-left: 1px solid #e7ded2; text-align: center; background: radial-gradient(ellipse at 70% 10%,#eee6d767,transparent 65%),#f7f3ec; }
body[data-page="messages"] #app .cm-letter-mark { position: relative; width: 88px; height: 88px; display: grid; place-items: center; margin: auto 0 30px; border: 1px solid #fff; border-radius: 27px; transform: rotate(-7deg); background: linear-gradient(135deg,#fffefa,#eee0c8); color: #a96548; box-shadow: inset 0 1px #fff,0 12px 25px #8d69481c; }
body[data-page="messages"] #app .cm-letter-mark > svg { width: 37px; height: 37px; }
body[data-page="messages"] #app .cm-letter-mark i { display: grid; place-items: center; position: absolute; right: -9px; bottom: -4px; width: 33px; height: 33px; border: 2px solid #fffdf8; border-radius: 11px; background: #dadeb1; color: #656c3f; transform: rotate(16deg); }
body[data-page="messages"] #app .cm-letter-mark i svg { width: 17px; height: 17px; }
body[data-page="messages"] #app .cm-inbox-kicker { color: #a18468; font-size: 11px; letter-spacing: 3px; }
body[data-page="messages"] #app .cm-inbox-preview h2 { margin: 12px 0; color: #463b31; font-size: 28px; font-weight: 700; letter-spacing: -.8px; }
body[data-page="messages"] #app .cm-inbox-preview p { margin: 0 0 24px; color: #827060; font-size: 13px; line-height: 1.9; }
body[data-page="messages"] #app .cm-inbox-preview > button { min-height: 44px; display: inline-flex; align-items: center; gap: 7px; padding: 10px 18px; border: 1px solid #a9795a4d; border-radius: 12px; background: #fffcf5; color: #91472f; font-size: 13px; font-weight: 650; box-shadow: inset 0 1px #fff,0 2px 5px #6c432b07; }
body[data-page="messages"] #app .cm-inbox-preview > button svg { width: 17px; height: 17px; }
body[data-page="messages"] #app .cm-inbox-bottom { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 48px; color: #8a7867; font-size: 11px; }
body[data-page="messages"] #app .cm-inbox-bottom > * { display: inline-flex; align-items: center; gap: 5px; }
body[data-page="messages"] #app .cm-inbox-bottom svg { width: 14px; height: 14px; }
/* The conversation is one continuous workspace, with a quiet paper reading surface. */
body[data-page="chat"] #app .dm-chat-layout { display: grid; grid-template-columns: minmax(225px,280px) minmax(0,1fr); gap: 0; width: 100%; max-width: 1220px; height: min(780px,calc(var(--cm-vh,100dvh) - 130px)); min-height: 450px; margin: 0 auto; overflow: hidden; border: 1px solid #fff; border-radius: 23px; background: var(--cm-paper); box-shadow: 0 16px 45px #50301910; }
body[data-page="chat"] #app .dm-chat-side { display: flex; flex-direction: column; min-width: 0; min-height: 0; padding: 16px 10px; border: 0; border-right: 1px solid #e5dcd0; background: #faf6ef; overflow: auto; }
body[data-page="chat"] #app .cm-chat-side-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 10px 11px; }
body[data-page="chat"] #app .cm-chat-side-heading > strong { font-size: 21px; font-weight: 700; color: #3b3027; }
body[data-page="chat"] #app .cm-chat-side-heading > a { position: relative; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #f0e7da; color: #9f543b; }
body[data-page="chat"] #app .cm-chat-side-heading svg { width: 19px; height: 19px; }
body[data-page="chat"] #app :is(.cm-chat-side-heading > a,.cm-chat-notifications)[data-unread]::after { content: attr(data-unread); position: absolute; display: grid; place-items: center; top: -3px; right: -3px; min-width: 18px; height: 18px; margin: 0; padding: 0 4px; border: 2px solid #fffcf7; border-radius: 12px; background: #a24a35; color: #fff; font-size: 9px; line-height: 1; }
body[data-page="chat"] #app .dm-chat-side > a { display: flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 10px 8px; font-size: 12px; color: #8c7662; }
body[data-page="chat"] #app .dm-chat-side > a svg { width: 15px; height: 15px; }
body[data-page="chat"] #app .dm-chat-side #dm-conversations { flex: 1; }
body[data-page="chat"] #app .dm-chat-side .dm-conversation { padding: 15px 8px !important; gap: 10px !important; border-bottom: 0; border-radius: 13px; }
body[data-page="chat"] #app .dm-chat-side .dm-conversation.selected { background: #efe2d2; box-shadow: inset 3px 0 #aa5e43; }
body[data-page="chat"] #app .dm-chat-side .dm-avatar { width: 39px; height: 39px; border-radius: 13px; }
body[data-page="chat"] #app .dm-chat-side .dm-conversation-copy strong { min-width: 0; font-size: 14px; }
body[data-page="chat"] #app .dm-chat-side .dm-conversation-copy p { font-size: 12px; }
body[data-page="chat"] #app .dm-chat-side .dm-conversation-copy time { flex: none; max-width: none; overflow: visible; white-space: nowrap; font-size: 10px; font-variant-numeric: tabular-nums; }
body[data-page="chat"] #app .dm-chat-side .dm-unread { left: 35px; top: 37px; }
body[data-page="chat"] #app .dm-chat-side > button { min-height: 44px; width: 100%; margin: 18px 0 0; padding: 10px; border: 1px solid #c6b09570; border-radius: 12px; background: #fffcf6; color: #96533b; font-size: 12px; font-weight: 600; box-shadow: none; }
body[data-page="chat"] #app .dm-chat-shell { display: flex; flex-direction: column; position: relative; height: 100%; min-width: 0; min-height: 0; padding: 0; overflow: hidden; border: 0; border-radius: 0; background: #f5f0e8; box-shadow: none; }
body[data-page="chat"] #app .dm-chat-header { display: flex; align-items: center; flex: none; min-height: 82px; padding: 15px 24px; gap: 13px; border: 0; border-bottom: 1px solid #e3d8c966; background: #fffdf9f0; }
body[data-page="chat"] #app .dm-chat-header .dm-avatar { width: 43px; height: 43px; border-radius: 14px; }
body[data-page="chat"] #app #dm-peer { flex: 1; min-width: 0; }
body[data-page="chat"] #app #dm-peer h2 { font-size: 17px; font-weight: 700; line-height: 1.4; margin: 0 0 4px; color: #392d25; }
body[data-page="chat"] #app #dm-peer h2 a { color: inherit; }
body[data-page="chat"] #app #dm-peer small { font-size: 11px; color: #9a8371; }
body[data-page="chat"] #app .dm-icon-button,
body[data-page="chat"] #app .cm-chat-notifications { width: 42px; height: 42px; display: grid; place-items: center; flex: none; padding: 10px; border: 0; border-radius: 12px; background: transparent; color: #8c654c; }
body[data-page="chat"] #app .dm-icon-button svg,
body[data-page="chat"] #app .cm-chat-notifications svg { width: 20px; height: 20px; }
body[data-page="chat"] #app .dm-chat-status { flex: none; display: flex; align-items: center; justify-content: center; gap: 5px; padding: 8px 16px; min-height: 30px; margin: 0; border: 0; background: #eae2d65c; color: #897863; font-size: 10px; }
body[data-page="chat"] #app .dm-chat-status svg { width: 12px; height: 12px; }
body[data-page="chat"] #app .dm-chat-status button { min-height: 28px; padding: 3px 6px; border: 0; background: none; color: #a34e36; }
body[data-page="chat"] #app .dm-timeline { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 20px 26px 26px; scroll-padding: 20px; background: radial-gradient(ellipse at 0 0,#ffffff65,transparent 60%); }
body[data-page="chat"] #app .dm-time { display: table; margin: 8px auto 24px; padding: 4px 10px; border: 0; border-radius: 20px; background: #e9e1d566; color: #97826d; font-size: 10px; }
body[data-page="chat"] #app .dm-message { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 21px; }
body[data-page="chat"] #app .dm-message.mine { flex-direction: row-reverse; }
body[data-page="chat"] #app .dm-small-avatar { display: grid; place-items: center; flex: none; width: 35px; height: 35px; border: 2px solid #fffcf6; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 6px #5b3d2512; background: #b5997d; color: #fff; font-size: 13px; }
body[data-page="chat"] #app .dm-message > div { min-width: 0; max-width: min(78%,540px); }
body[data-page="chat"] #app .dm-bubble { margin: 0; padding: 12px 16px; border: 1px solid #fff; border-radius: 4px 17px 17px 17px; background: #fffdfa; color: #3c3027; font-size: 15px; line-height: 1.8; word-break: break-word; box-shadow: 0 2px 5px #79583c07; }
body[data-page="chat"] #app .dm-message.mine .dm-bubble { color: #fff9ee; border-color: #b76e51; border-radius: 17px 4px 17px 17px; background: linear-gradient(135deg,#ad6549,#985038); box-shadow: inset 0 1px #ffffff20,0 3px 7px #85472e15; }
body[data-page="chat"] #app .dm-send-state { display: flex; align-items: center; justify-content: flex-end; gap: 4px; padding-top: 6px; color: #96816e; font-size: 10px; }
body[data-page="chat"] #app .dm-send-state svg { width: 11px; height: 11px; }
body[data-page="chat"] #app .dm-send-state button { display: inline-flex; gap: 4px; align-items: center; min-height: 32px; color: #a04b34; background: none; border: 0; }
body[data-page="chat"] #app .dm-compose { display: grid; grid-template-columns: minmax(0,1fr) 46px; flex: none; align-items: end; gap: 8px 10px; padding: 12px 22px 14px; border: 0; border-top: 1px solid #e4d7c7; border-radius: 0; background: #fffcf7ed; box-shadow: 0 -6px 20px #76533a06; }
body[data-page="chat"] #app .dm-compose-media-tools { grid-column: 1/-1; padding: 0; display: flex; align-items: center; gap: 6px; }
body[data-page="chat"] #app .dm-compose-media-tools > button { display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 8px 10px; border: 0; border-radius: 9px; background: transparent; color: #836a53; font-size: 12px; }
body[data-page="chat"] #app .dm-compose-media-tools > button svg { width: 18px; height: 18px; }
body[data-page="chat"] #app .dm-compose-media-tools > span { margin-left: auto; font-size: 11px; color: #a08a76; }
body[data-page="chat"] #app .dm-compose textarea { grid-column: 1; width: 100%; min-height: 46px; max-height: 112px; padding: 11px 13px; margin: 0; border: 1px solid #c9b89f59; border-radius: 13px; background: #f5efe5; color: #3c3027; font: inherit; font-size: 15px; line-height: 1.5; resize: none; box-shadow: inset 0 1px 3px #775b3f05; }
body[data-page="chat"] #app .dm-compose textarea:focus { border-color: #b77e5c; outline: none; box-shadow: 0 0 0 3px #b77e5c13; }
body[data-page="chat"] #app .dm-send { display: grid; place-items: center; flex: none; width: 46px; height: 46px; min-height: 46px; padding: 12px; margin: 0; border: 1px solid #a45e44; border-radius: 13px; background: linear-gradient(145deg,#b06b4c,#93442e); color: #fffaf2; box-shadow: inset 0 1px #ffffff33,0 3px 8px #9a4b2e22; }
body[data-page="chat"] #app .dm-send svg { width: 20px; height: 20px; }
body[data-page="chat"] #app .dm-send:disabled { opacity: .42; box-shadow: none; }
body[data-page="chat"] #app .dm-compose > div:last-child { grid-column: 1/-1; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 1px 0 0; color: #9c8773; font-size: 10px; }
body[data-page="chat"] #app .dm-compose > div:last-child small { font-size: 10px; }
body[data-page="chat"] #app #dm-attachment-stage { grid-column: 1/-1; }
body[data-page="chat"] #app #dm-attachment-stage:empty { display: none; }
body[data-page="chat"] #app .dm-attachment-card { padding: 10px; border: 1px solid #ddcdb8; border-radius: 14px; background: #f7efe3; box-shadow: none; }
body[data-page="chat"] #app .dm-attachment-card strong { font-size: 13px; }
body[data-page="chat"] #app .dm-attachment-card p { font-size: 11px; }
body[data-page="chat"] #app .dm-chat-error { flex: none; padding: 0 20px; color: #9e4935; font-size: 12px; }
body[data-page="chat"] #app .dm-chat-error:empty { display: none; }
body[data-page="chat"] #app .dm-jump { position: absolute; right: 24px; z-index: 4; min-height: 40px; padding: 9px 15px; border: 1px solid #c8aa83; border-radius: 25px; background: #fff9ed; color: #94523b; box-shadow: 0 6px 20px #62462f18; font-size: 12px; }
body[data-page="chat"] #app .dm-chat-back { display: none; }
body[data-page="chat"] #app .dm-more { min-height: 40px; font-size: 12px; background: transparent; color: #967154; }
/* Mobile keeps rarely used notification categories one tap away. */
body[data-page="messages"] #app .cm-activity-type-toggle { display: none; }
/* Notifications keep their original filters, server read state and direct floor links. */
body[data-page="messages"] #app .interaction-inbox { padding: 25px 28px 30px; background: #fffdfa; border: 1px solid #fff; border-radius: 21px; box-shadow: 0 12px 35px #5b392a08; }
body[data-page="messages"] #app .interaction-inbox .message-section-heading { padding: 0 0 23px; }
body[data-page="messages"] #app .activity-follow-link { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; color: #9b5238; font-size: 12px; }
body[data-page="messages"] #app .activity-statusbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 0 0 16px !important; }
body[data-page="messages"] #app .activity-status-tabs { display: inline-flex; gap: 3px; padding: 4px; border: 1px solid #e4d5c0; border-radius: 12px; background: #f6efe3; }
body[data-page="messages"] #app .activity-status-tabs button { min-height: 36px; padding: 8px 17px; border: 0; border-radius: 8px; font-size: 12px; font-weight: 600; color: #89705a; background: transparent; }
body[data-page="messages"] #app .activity-status-tabs button.active { color: #954932; background: #fffdf7; box-shadow: 0 1px 4px #684a2b11; }
body[data-page="messages"] #app .activity-global-tools { width: auto; display: flex; gap: 7px; margin: 0; }
body[data-page="messages"] #app .activity-global-tools button { min-height: 40px; padding: 8px 10px; border: 0; border-radius: 9px; background: none; color: #8c6f57; font-size: 12px; }
body[data-page="messages"] #app .activity-type-tabs { display: flex; flex-wrap: nowrap; gap: 7px; padding: 0 0 11px; overflow: auto; scrollbar-width: thin; }
body[data-page="messages"] #app .activity-type-tabs button { flex: none; min-height: 38px; padding: 8px 12px; border: 0; border-radius: 9px; background: #f7f3ec; color: #8c7663; font-size: 12px; }
body[data-page="messages"] #app .activity-type-tabs button.active { background: #f0dfcb; color: #92482f; }
body[data-page="messages"] #app .activity-list-summary { margin: 0; padding: 3px 0 12px; font-size: 11px; color: #a08b78; }
body[data-page="messages"] #app .activity-day { margin: 0; padding: 22px 0 10px; color: #99816a; font-size: 11px; font-weight: 550; letter-spacing: .4px; }
body[data-page="messages"] #app .activity-row { margin: 0; padding: 20px 14px 14px; border: 0; border-bottom: 1px solid #e5d7c63b; border-radius: 0; background: transparent; box-shadow: none; }
body[data-page="messages"] #app .activity-row.is-unread { padding: 20px 14px 14px; border: 0; border-bottom: 1px solid #e5d7c63b; background: linear-gradient(90deg,#f5e9d85c,transparent); box-shadow: inset 3px 0 #b27750; }
body[data-page="messages"] #app .activity-card { display: flex; align-items: flex-start; width: 100%; gap: 15px; padding: 0; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; text-align: left; }
body[data-page="messages"] #app .activity-avatar { position: relative; display: grid; place-items: center; flex: none; width: 42px; height: 42px; border: 2px solid #fff; border-radius: 14px; background: #d8c9b4; color: #6d5843; font-weight: 700; font-size: 16px; box-shadow: 0 2px 5px #5b3d2510; }
body[data-page="messages"] #app .activity-copy { display: grid; gap: 5px; flex: 1; min-width: 0; }
body[data-page="messages"] #app .activity-top { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: baseline; gap: 12px; }
body[data-page="messages"] #app .activity-top strong { font-size: 15px; font-weight: 650; color: #3c3027; }
body[data-page="messages"] #app .activity-copy > small { font-size: 12px; color: #8f7965; }
body[data-page="messages"] #app .activity-top time { flex: none; color: #a18c79; font-size: 10px; }
body[data-page="messages"] #app .activity-quote { display: block; margin: 2px 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: #5d4a3a; font-size: 14px; line-height: 1.8; }
body[data-page="messages"] #app .activity-post { display: flex; align-items: center; gap: 6px; margin: 3px 0 0; padding: 8px 11px; border: 0; border-radius: 9px; background: #f3ecdf; color: #965139; font-size: 12px; line-height: 1.6; }
body[data-page="messages"] #app .activity-post > svg:first-child { flex: none; width: 14px; height: 14px; }
body[data-page="messages"] #app .activity-post > svg:last-child { flex: none; width: 12px; height: 12px; margin-left: auto; }
body[data-page="messages"] #app .activity-row-tools { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 0 0 57px; font-size: 10px; color: #9b8671; }
body[data-page="messages"] #app .activity-row-tools button { min-height: 34px; padding: 6px 9px; border: 0; border-radius: 8px; background: transparent; font-size: 11px; color: #9a6547; }
body[data-page="messages"] #app .activity-read { flex: none; color: #a57b55; }
body[data-page="messages"] #app .activity-read > i { width: 6px; height: 6px; background: #ae5c3d; }
body:is([data-page="messages"],[data-page="chat"]) #app :is(a,button,summary) { -webkit-tap-highlight-color: transparent; }
body:is([data-page="messages"],[data-page="chat"]) #app :is(button,a,summary):focus-visible { outline: 2px solid #a36343; outline-offset: 3px; }
body:is([data-page="messages"],[data-page="chat"]) #app :is(.dm-conversation,.dm-send,.dm-icon-button,.cm-chat-notifications,.dm-modes > button,.activity-card,.cm-inbox-preview > button) { transition: background 160ms ease,box-shadow 160ms ease,filter 160ms ease,transform 160ms ease; }
body:is([data-page="messages"],[data-page="chat"]) #app :is(.dm-send,.cm-inbox-preview > button,.dm-modes > button):active { transform: translateY(1px) scale(.985); filter: brightness(.96); }
@media(hover:hover) {
  body:is([data-page="messages"],[data-page="chat"]) #app .dm-conversation:hover { background: #f1e6d7 !important; }
  body[data-page="messages"] #app .cm-message-more .message-utilities a:hover { background: #f3eadc; }
  body[data-page="chat"] #app :is(.dm-icon-button,.cm-chat-notifications):hover { background: #eee4d6; }
  body[data-page="messages"] #app .activity-card:hover .activity-top strong { color: #9e4935; }
}
@media(max-width:1000px) and (min-width:761px) {
  body[data-page="messages"] #app .cm-inbox-workspace { grid-template-columns: minmax(260px,1fr) minmax(220px,1fr); }
  body[data-page="messages"] #app .cm-inbox-preview { padding: 35px 20px 20px; }
  body[data-page="messages"] #app .cm-inbox-bottom { flex-direction: column; padding-top: 30px; }
  body[data-page="chat"] #app .dm-chat-layout { grid-template-columns: 218px minmax(0,1fr); }
  body[data-page="chat"] #app .dm-timeline { padding: 18px 16px; }
}
@media(max-width:760px) {
  body[data-page="messages"] #app #main { padding: 18px 16px 100px; }
  body[data-page="messages"] #app .message-workspace-heading { gap: 12px !important; padding: 2px 0 10px !important; flex-wrap: nowrap; }
  body[data-page="messages"] #app .message-space-symbol { width: 45px; height: 45px; border-radius: 14px; }
  body[data-page="messages"] #app .message-space-symbol svg { width: 21px; height: 21px; }
  body[data-page="messages"] #app .message-workspace-heading h1 { font-size: 25px; margin: 0 0 5px; }
  body[data-page="messages"] #app .message-workspace-heading p { display: none; }
  body[data-page="messages"] #app .message-personal-actions { display: none; }
  body[data-page="messages"] #app .message-navigation { gap: 6px; padding-bottom: 8px; }
  body[data-page="messages"] #app .dm-modes { gap: 2px !important; padding: 4px; flex: 1; min-width: 0; border-radius: 13px; }
  body[data-page="messages"] #app .dm-modes > button { flex: 1; min-width: 0; min-height: 44px !important; padding: 8px 7px; gap: 5px; border-radius: 9px; }
  body[data-page="messages"] #app .dm-modes > button > svg { display: none; }
  body[data-page="messages"] #app .message-tab-copy strong { font-size: 13px; white-space: nowrap; }
  body[data-page="messages"] #app .cm-message-more > summary { padding: 0 6px; gap: 3px; font-size: 12px; }
  body[data-page="messages"] #app .cm-message-more > summary > svg:first-child { display: none; }
  body[data-page="messages"] #app .cm-inbox-workspace { display: block; min-height: 0; overflow: visible; border: 0; border-radius: 16px; box-shadow: none; background: #fffdfa; }
  body[data-page="messages"] #app .cm-inbox-preview { display: none; }
  body[data-page="messages"] #app .message-conversations { padding: 18px 14px 0; border-radius: 16px; }
  body[data-page="messages"] #app .message-section-heading { padding-bottom: 17px; }
  body[data-page="messages"] #app .message-section-heading h2 { font-size: 17px !important; }
  body[data-page="messages"] #app .dm-search input { font-size: 16px; }
  body[data-page="messages"] #app .dm-conversation { padding: 18px 2px !important; gap: 12px !important; }
  body[data-page="messages"] #app .dm-conversation-copy strong { font-size: 15px; }
  body[data-page="messages"] #app .dm-conversation-copy p { font-size: 13px; }
  body[data-page="messages"] #app .dm-unread { left: 35px; top: 43px; }
  body[data-page="messages"] #app .message-privacy { padding: 20px 0; font-size: 10px; }
  body[data-page="chat"] #connected-preview-status { display: none; }
  body[data-page="chat"] #app > .topbar,
  body[data-page="chat"] #app > .mobile-nav { display: none; }
  body[data-page="chat"] #app .layout { padding: 0 !important; margin: 0; min-height: 0; display: block; }
  body[data-page="chat"] #app #main { height: var(--cm-vh,100dvh); min-height: 0; width: 100%; max-width: none; padding: 0 !important; margin: 0; overflow: hidden; }
  body[data-page="chat"] #app #main > :not(.dm-chat-layout) { display: none; }
  body[data-page="chat"] #app .dm-chat-layout { display: block; height: 100%; min-height: 0; max-height: none; margin: 0; border: 0; border-radius: 0; box-shadow: none; }
  body[data-page="chat"] #app .dm-chat-side { display: none; }
  body[data-page="chat"] #app .dm-chat-shell { height: 100%; min-height: 0; border: 0; border-radius: 0; }
  body[data-page="chat"] #app .dm-chat-header { padding: max(12px,env(safe-area-inset-top)) 14px 12px 8px; min-height: 68px; gap: 9px; }
  body[data-page="chat"] #app .dm-chat-back { display: grid; place-items: center; flex: none; width: 44px; height: 44px; padding: 10px; color: #876144; }
  body[data-page="chat"] #app .dm-chat-back svg { width: 22px; height: 22px; }
  body[data-page="chat"] #app .dm-chat-header .dm-avatar { width: 37px; height: 37px; border-radius: 13px; }
  body[data-page="chat"] #app #dm-peer h2 { font-size: 16px; margin-bottom: 2px; }
  body[data-page="chat"] #app #dm-peer small { font-size: 10px; }
  body[data-page="chat"] #app .dm-icon-button { width: 44px; height: 44px; }
  body[data-page="chat"] #app .cm-chat-notifications { display: none; }
  body[data-page="chat"] #app .dm-chat-status { padding: 6px 12px; min-height: 28px; font-size: 10px; }
  body[data-page="chat"] #app .dm-timeline { padding: 16px 14px 20px; }
  body[data-page="chat"] #app .dm-message { gap: 8px; margin-bottom: 18px; }
  body[data-page="chat"] #app .dm-small-avatar { width: 32px; height: 32px; border-radius: 11px; font-size: 12px; }
  body[data-page="chat"] #app .dm-message > div { max-width: calc(100% - 60px); }
  body[data-page="chat"] #app .dm-bubble { padding: 10px 13px; font-size: 15px; line-height: 1.75; }
  body[data-page="chat"] #app .dm-compose { gap: 7px 9px; padding: 7px 12px max(12px,env(safe-area-inset-bottom)); }
  body[data-page="chat"] #app .dm-compose-media-tools > button { min-height: 44px; padding: 9px; font-size: 11px; }
  body[data-page="chat"] #app .dm-compose-media-tools > span { display: none; }
  body[data-page="chat"] #app .dm-compose textarea { font-size: 16px; padding: 10px 12px; }
  body[data-page="chat"] #app .dm-compose > div:last-child { font-size: 9px; }
  body[data-page="chat"] #app .dm-compose > div:last-child small { font-size: 9px; }
  body[data-page="chat"] #app .dm-attachment-card { gap: 9px; padding: 8px; }
  body[data-page="chat"] #app .dm-desktop-hint { display: none; }
  body[data-page="chat"] #app .dm-mobile-hint { display: inline; }
  body[data-page="messages"] #app .interaction-inbox { padding: 13px 14px 22px; border: 0; border-radius: 16px; box-shadow: none; }
  body[data-page="messages"] #app .interaction-inbox .message-section-heading { padding-bottom: 8px; }
  body[data-page="messages"] #app .interaction-inbox .message-section-heading p { display: none; }
  body[data-page="messages"] #app .activity-follow-link { font-size: 11px; }
  body[data-page="messages"] #app .activity-statusbar { gap: 9px; padding-bottom: 13px !important; }
  body[data-page="messages"] #app .activity-status-tabs { padding: 3px; }
  body[data-page="messages"] #app .activity-status-tabs button { min-height: 36px; padding: 8px 11px; }
  body[data-page="messages"] #app .activity-global-tools { gap: 0; margin-left: auto; }
  body[data-page="messages"] #app .activity-global-tools button { min-height: 40px; padding: 7px 6px; font-size: 10px; }
  body[data-page="messages"] #app .cm-activity-type-toggle { display: flex; align-items: center; width: 100%; min-height: 44px; gap: 9px; padding: 9px 11px; margin: 0 0 9px; border: 1px solid #e6d8c6; border-radius: 10px; background: #f8f1e7; color: #86543d; font-size: 12px; font-weight: 650; text-align: left; }
  body[data-page="messages"] #app .cm-activity-type-toggle span { flex: 1; }
  body[data-page="messages"] #app .cm-activity-type-toggle svg { width: 17px; height: 17px; }
  body[data-page="messages"] #app .cm-activity-type-toggle svg:last-child { width: 13px; transform: rotate(90deg); transition: transform 180ms ease; }
  body[data-page="messages"] #app .cm-activity-type-toggle[aria-expanded="true"] svg:last-child { transform: rotate(-90deg); }
  body[data-page="messages"] #app .activity-toolbar:not(.cm-types-open) { display: none; }
  body[data-page="messages"] #app .activity-type-tabs { gap: 5px; }
  body[data-page="messages"] #app .activity-type-tabs button { font-size: 11px; min-height: 38px; padding: 8px 10px; }
  body[data-page="messages"] #app .activity-row,
  body[data-page="messages"] #app .activity-row.is-unread { padding: 17px 9px 12px !important; }
  body[data-page="messages"] #app .activity-card { gap: 11px; }
  body[data-page="messages"] #app .activity-avatar { width: 35px; height: 35px; border-radius: 12px; font-size: 14px; }
  body[data-page="messages"] #app .activity-top { flex-wrap: nowrap; gap: 7px; }
  body[data-page="messages"] #app .activity-top strong { font-size: 14px; }
  body[data-page="messages"] #app .activity-top time { font-size: 9px; }
  body[data-page="messages"] #app .activity-copy > small { font-size: 11px; }
  body[data-page="messages"] #app .activity-quote { font-size: 13px; line-height: 1.8; }
  body[data-page="messages"] #app .activity-post { padding: 8px; font-size: 11px; }
  body[data-page="messages"] #app .activity-row-tools { padding-left: 46px !important; }
  body[data-page="messages"] #app .activity-row-tools button { min-height: 44px; font-size: 10px; }
  body[data-page="messages"] #app :is(.dm-list-filters button,.activity-status-tabs button,.activity-type-tabs button,.activity-global-tools button,.message-section-heading .button) { min-height: 44px; }
}
@supports not (backdrop-filter:blur(1px)) { body[data-page="messages"] #app .cm-message-more .message-utilities { background: #fffdf7; } }
@media(prefers-reduced-motion:reduce) {
  body:is([data-page="messages"],[data-page="chat"]) #app :is(button,a,summary,.dm-enter) { animation: none !important; transition: none !important; }
}