.msg-row{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--card,#fff);color:var(--ink);text-decoration:none}
.msg-row.unread{border-color:var(--brand,#E63946)}
.msg-row-top{display:flex;justify-content:space-between;gap:8px}
.msg-last{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-2,#555);padding-right:34px}
.msg-badge,.msg-dot{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--brand,#E63946);color:#fff;font-size:12px;font-weight:700;margin-left:6px}
.msg-row .msg-badge{position:absolute;right:12px;bottom:12px}
a.tab,.desk-nav a{position:relative}
.msg-dot{position:absolute;top:2px;right:calc(50% - 22px);margin:0;min-width:18px;height:18px;font-size:11px}
.desk-nav .msg-dot,.desk-header .msg-dot{top:-4px;right:-10px}
.msg-screen{display:flex;flex-direction:column}
.msg-about{padding:0 16px;margin:0}
.msg-thread{display:flex;flex-direction:column;gap:8px;padding:12px 16px;max-height:calc(100vh - 300px);min-height:200px;overflow-y:auto}
.bubble{max-width:78%;padding:9px 12px;border-radius:18px;line-height:1.35;word-wrap:break-word;white-space:pre-wrap}
.bubble small{display:block;font-size:11px;opacity:.7;margin-top:3px}
.bubble.mine{align-self:flex-end;background:var(--brand,#E63946);color:#fff;border-bottom-right-radius:6px}
.bubble.theirs{align-self:flex-start;background:var(--card,#f1f3f4);color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:6px}
.msg-compose{display:flex;gap:8px;padding:8px 16px}
.msg-compose textarea{flex:1;min-height:44px;border-radius:16px;border:1px solid var(--line);padding:10px 12px;font:inherit;background:var(--card,#fff);color:var(--ink);resize:vertical}
.msg-safe{padding:0 16px 90px;font-size:12px}
.msg-modal textarea{width:100%;box-sizing:border-box;border-radius:14px;border:1px solid var(--line);padding:10px;font:inherit;background:var(--card,#fff);color:var(--ink)}
@media (min-width:900px){.msg-screen{max-width:760px;margin:0 auto}.msg-thread{max-height:calc(100vh - 340px)}}
.msg-thread .bubble.mine{background:#E63946 !important;color:#fff !important}
.msg-compose .btn{flex:0 0 auto !important;width:auto !important;min-width:84px;padding:0 18px}
body[data-mode="night"] .bubble.theirs,html[data-mode="night"] .bubble.theirs{background:#1c232c;color:#F2F4F7}