.messages-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.message-friends h2{font-size:17px}.message-friend{display:flex;align-items:center;gap:10px;padding:12px 8px;border-radius:10px}.message-friend:hover,.message-friend.selected{background:var(--primary-soft)}.message-friend span{min-width:0}.message-friend b{display:block;overflow-wrap:anywhere}.message-friend small{display:block}.message-thread{min-width:0;padding:22px}.message-thread-heading{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding-bottom:16px}.message-thread-heading h2{margin:0;font-size:18px}.message-thread-heading .text-button{margin-left:auto}.message-error{margin-top:12px}.message-older{display:block;margin:16px auto 0}.message-log{list-style:none;margin:0;padding:22px 0;display:flex;flex-direction:column;gap:12px;min-height:280px;height:min(50vh,480px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.message-bubble{max-width:85%;align-self:flex-start;border-radius:14px 14px 14px 3px;padding:11px 15px;background:var(--bg);border:1px solid var(--border)}.message-bubble.mine{align-self:flex-end;border-radius:14px 14px 3px 14px;background:var(--primary-soft)}.message-bubble p{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px}.message-bubble time{display:block;font-size:10px;color:var(--muted);margin-top:6px;text-align:right}.message-empty{padding:32px 12px;color:var(--muted);font-size:13px;text-align:center;margin:auto}.message-thread textarea{display:block;resize:vertical;width:100%;min-height:85px;max-height:220px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text)}.message-thread textarea:focus{outline:2px solid var(--primary);outline-offset:1px}.message-compose-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.message-compose-actions #message-count{margin-left:auto;font-variant-numeric:tabular-nums}.message-emojis{position:relative}.emoji-picker{position:absolute;bottom:calc(100% + 10px);left:0;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:var(--shadow);width:190px}.emoji-option{display:grid;place-items:center;min-height:40px;border:0;background:transparent;border-radius:6px;font-size:24px}.emoji-option:hover{background:var(--primary-soft)}.message-help{margin:12px 0 0}@media(max-width:700px){.messages-layout{grid-template-columns:minmax(0,1fr);gap:14px}.message-friends{padding:16px;display:flex;flex-wrap:wrap;gap:5px}.message-friends h2{width:100%;margin:0 0 6px}.message-friend{max-width:100%;padding:8px}.message-friend b{font-size:12px}.message-friend small{font-size:10px}.message-friend .avatar{width:30px;height:30px}.message-thread{padding:16px}.message-log{height:42vh}.message-bubble{max-width:92%}.message-compose-actions{gap:8px}.message-compose-actions .button{padding-left:9px;padding-right:9px}.message-compose-actions #message-count{font-size:10px}}
body.club-shell:not(.home-page) .messages-layout{--danger:#b42318}
.dark body.club-shell:not(.home-page) .messages-layout{--danger:#ff8c99}