/* Full inbox and thread, shared with quick-chat visual language. Scoped only to member messaging. */
.msg-head,.msg-fine,.msg-list,.dm-page,.msg-new27{font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:var(--ink)}
.msg-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.msg-head .msg-title{font:32px/1.1 var(--f-title);margin:0;letter-spacing:.04em}
.msg-head .icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.msg-head svg{width:20px;height:20px}
.msg-fine{font-size:13px;line-height:1.6;color:var(--ink-3);margin:0 0 20px;max-width:650px}
.msg-list{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--glass-strong);box-shadow:var(--shadow)}
.msg-row{display:flex;gap:14px;align-items:center;padding:18px;text-decoration:none;color:inherit;border-bottom:1px solid var(--line)}
.msg-row:last-child{border-bottom:0}.msg-row:hover{background:var(--sand-tint)}
.msg-row .avatar,.msg-conv-head .avatar{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#b69672;color:white;font:bold 13px Arial,sans-serif}
.msg-row-main{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.msg-row-main b{font-size:14px}.msg-preview{font-size:12px;line-height:1.4;color:var(--ink-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.msg-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.msg-when{font-size:11px;color:var(--ink-3)}.msg-dot{width:8px;height:8px;border-radius:50%;background:#b69672}.msg-row .unread{font-weight:700;color:var(--ink)}
.dm-page{height:calc(100dvh - 145px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:280px;max-height:1000px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--glass-strong);box-shadow:var(--shadow)}
.msg-conv-head{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:14px 18px;border-bottom:1px solid var(--line)}.msg-conv-who{display:flex;flex-direction:column;gap:3px}.msg-conv-who b{font-size:15px}.msg-conv-who span{font-size:11px;color:var(--ink-3)}
.dm-page .thread{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px;gap:7px;scrollbar-gutter:stable}
.dm-page .thread>:first-child{margin-top:0}.dm-page .msg-note{font-size:11px;line-height:1.6;text-align:center;color:var(--ink-3);margin:0 0 14px;padding:0 10px}
.dm-page .bubble{font:13px/1.55 -apple-system,BlinkMacSystemFont,Arial,sans-serif;max-width:80%;padding:10px 13px;border:1px solid var(--line);box-shadow:none}
.dm-page .bubble.me{background:#b69672;color:#fff;border-color:transparent;border-radius:16px 16px 5px 16px}.dm-page .bubble.them{background:var(--paper);color:var(--ink);border-radius:16px 16px 16px 5px}
.dm-page .msg-line{flex-shrink:0}.dm-page .day-divider{font:10px Arial,sans-serif;text-align:center;margin:10px 0;color:var(--ink-3)}.dm-page .day-divider span{background:var(--sand-tint);border:1px solid var(--line);border-radius:999px;padding:4px 10px}.dm-page .seen-line{font-family:Arial,sans-serif;flex-shrink:0}
.dm-page .dm-bar.conv-bar{position:static;flex-shrink:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:12px;border-radius:0;border:0;border-top:1px solid var(--line);background:var(--glass-strong);box-shadow:none;backdrop-filter:none}
.dm-page .conv-bar textarea{flex:1;min-width:0;min-height:42px;max-height:110px;padding:10px 14px;border:1px solid var(--line);border-radius:22px;background:var(--paper);font:13px/1.5 Arial,sans-serif;resize:vertical}
.dm-page .conv-bar .btn{background:#b69672;color:white;min-height:42px}.dm-page .conv-bar .ca27-stage{flex-basis:100%}.dm-page .bubble a{color:inherit;overflow-wrap:anywhere;text-decoration:underline}
.msg-new27 .list-row{font-family:Arial,sans-serif;display:flex;align-items:center;gap:12px;min-height:64px;text-align:left}.msg-new27 .avatar{display:flex;align-items:center;justify-content:center;flex:0 0 38px;background:#b69672;color:white}.msg-new27 .grow{min-width:0}
@media(max-width:700px){.dm-page{height:calc(100dvh - 150px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:16px}.msg-conv-head{padding:12px}.dm-page .thread{padding:12px}.dm-page .bubble{max-width:85%}.dm-page .dm-bar.conv-bar{padding:10px;gap:6px}.msg-row{padding:15px 12px}.msg-fine{font-size:12px}.msg-head{padding-top:5px}}
html[data-theme=night] .dm-page,html[data-theme=sunset] .dm-page{background:#23211d;color:#f3ead9;border-color:#574b3b}html[data-theme=night] .dm-page .bubble.them,html[data-theme=sunset] .dm-page .bubble.them{background:#37332c;color:#f3ead9;border-color:#574b3b}
html[data-theme=night] .dm-page .conv-bar textarea,html[data-theme=sunset] .dm-page .conv-bar textarea{background:#26241f;color:#f3ead9;border-color:#635441}
.msg-head,.msg-fine,.msg-list,.dm-page{grid-column:1/-1;width:100%;min-width:0}.msg-head .msg-title{font-family:"Bebas Neue","Arial Narrow",sans-serif}.dm-page .conv-bar textarea{resize:none}

/* Older staff-thread route shares the bounded full-page thread. */
.staff-dm27 .hero{flex-shrink:0;padding:16px 20px;margin:0;border-bottom:1px solid var(--line)}
.staff-dm27 .hero .avatar{font-family:Arial,sans-serif}.staff-dm27 .hero .row{display:flex;align-items:center;gap:12px}.staff-dm27 .hero .avatar.lg{width:48px;height:48px;flex:0 0 48px;font-size:16px}
.staff-dm27 .hero h1{font:26px/1.15 "Bebas Neue","Arial Narrow",sans-serif;margin:3px 0}.staff-dm27 .hero a{font:12px Arial,sans-serif}.staff-dm27 .thread{display:flex;flex-direction:column;gap:6px}.staff-dm27 .bubble{flex-shrink:0}.staff-dm27 .bubble.me{align-self:flex-end}.staff-dm27 .bubble.them{align-self:flex-start}.staff-dm27 .bubble-meta{flex-shrink:0;font:10px Arial,sans-serif;margin:0 0 10px;color:var(--ink-3)}
/* Global glass sheet rules must not turn the thread header into an overlay. */
.dm-page .msg-conv-head{position:static;z-index:auto;top:auto}.dm-page .thread{display:flex;flex-direction:column}.dm-page .thread>.msg-line,.dm-page .thread>.day-divider,.dm-page .thread>.bubble-meta{flex-shrink:0}