/* Переписка на сервере (M4-07): собеседник, состояния отправки, системные события. Цвета — токены E26. */
.bubble.theirs{margin:12px 30px 12px 0;border-radius:15px 15px 15px 3px;background:var(--panel)}
.bubble.is-failed{outline:1px solid #8a5a3c}
.bubble.is-hidden{color:var(--muted);font-style:italic}
.bubble button{margin:8px 12px 0 0;font-size:12px}
.chat-event{text-align:center;margin:14px 0;font-size:12px;color:var(--muted)}
.chat-event small{display:block;font-size:9px;margin-top:3px}
.chat-unread{display:inline-block;min-width:18px;padding:1px 5px;border-radius:9px;background:var(--lime);color:#121510;font-size:11px;text-align:center}
.chat-context button{display:inline-block;margin:6px 12px 0 0;font-size:12px}
.chat-list-row>span:last-child{text-align:right;flex-shrink:0}
.notice .pair{margin-top:10px}
/* Длинная переписка растёт вниз и прокручивается, а не заходит под поле ввода. */
.conversation .messages{flex:1 0 auto}
/* Поле ввода прижато к низу экрана: нижний отступ страницы не оставляет щели, где видны сообщения. */
.conversation .message-form{bottom:-28px}
#chat-actions .notice{margin:12px 0 0}
#chat-actions>button{margin-top:12px}
.notice>.primary{margin-top:10px}
#chat-offer+.outline{margin-top:10px}