.message-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:20px;background:var(--lime);color:#173f35;font-size:11px;font-weight:700;flex-shrink:0}
.message-count[hidden]{display:none}.nav .message-count{margin-left:auto}.nav a[data-route="messages"]{gap:10px}
.message-connection{color:var(--muted);font-size:12px;max-width:280px;line-height:1.5}
.messenger{display:grid;grid-template-columns:280px minmax(0,1fr);height: min(730px, calc(100dvh - 240px));min-height:450px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-bottom:15px}
.message-contacts{padding:20px 12px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0}.message-contacts>label{padding:0 8px}.message-contacts>input{margin-bottom:15px}.message-contact-list{overflow-y:auto;min-height:0}
.message-contact{display:flex;gap:10px;width:100%;align-items:center;text-align:left;border-radius:10px;background:transparent;color:inherit;padding:15px 10px;margin:3px 0;border:1px solid transparent}.message-contact:hover{background:var(--soft,#f6f7f2)}.message-contact.selected{background:var(--mint);border-color:var(--green)}.message-contact .avatar{width:34px;height:34px}.message-contact-copy{min-width:0;flex:1}.message-contact strong,.message-contact small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-contact strong{font-size:13px;font-weight:600}.message-contact small{font-size:12px;color:var(--muted);margin-top:7px}
.message-thread{display:flex;flex-direction:column;min-height:0;min-width:0}.message-placeholder{margin:auto;padding:35px;line-height:1.7;color:var(--muted);text-align:center}.message-header{display:flex;gap:15px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.message-header h2{font-size:17px;margin:0 0 4px;overflow-wrap:anywhere}.message-back{display:none}.message-history{display:flex;flex-direction:column;flex:1;min-height:0}.message-older{align-self:center;padding:10px}.message-feed{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;overscroll-behavior:contain}.message-bubble{max-width:85%;width:fit-content;border-radius:14px 14px 14px 3px;padding:12px 16px;background:var(--soft,#f1f3ec);margin-bottom:12px;overflow-wrap:anywhere}.message-bubble.own{margin-left:auto;background:var(--mint);border-radius:14px 14px 3px 14px}.message-bubble p{white-space:pre-wrap;font-size:14px;margin:0 0 8px;line-height:1.6}.message-bubble footer{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;color:var(--muted)}.message-empty{text-align:center;font-size:13px;padding:30px 12px;line-height:1.8}.message-form{border-top:1px solid var(--line);padding:16px 22px}.message-input{min-height:72px;max-height:180px}.message-compose-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.message-compose-actions small{font-size:10px}.message-error{font-size:12px;color:var(--danger-text,#9d433b);line-height:1.6}.message-error:not(:empty){margin-top:8px}.single-conversation{grid-template-columns:minmax(0,1fr)}.single-conversation .message-contacts{display:none}
@media(max-width:1100px){.messenger{grid-template-columns:235px minmax(0,1fr)}.single-conversation{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.messenger{display:flex;height:70dvh;min-height:480px}.message-contacts,.message-thread{width:100%}.messenger:not(.single-conversation):not(.conversation-open) .message-thread{display:none}.conversation-open .message-contacts{display:none}.message-back{display:inline-flex}.message-header{padding:14px 12px;gap:10px;flex-wrap:wrap}.message-header h2{font-size:15px}.message-feed{padding:16px 12px}.message-form{padding:12px}.message-compose-actions small{max-width:145px;line-height:1.6}.message-bubble{max-width:92%}.message-connection{font-size:11px}.title-row:has(+.messenger){align-items:flex-start;flex-direction:column;gap:10px}}
.message-feed{overflow-anchor:none}.message-sync-error:not(:empty){padding:8px 16px;margin:0}