.messages-client-heading { min-width: 0; width: 100%; }
.messages-client-details summary { cursor: pointer; color: #365943; font-size: .85rem; padding: 10px 0; }
.messages-client-details[open] { max-height: 32vh; overflow-y: auto; }
.messages-client-details label { display: block; margin-top: 12px; max-width: 240px; }
.messages-client-details select { width: 100%; min-height: 44px; }
@media (max-width: 760px) {
  .messages-conversation-header h2 { white-space: normal; overflow: visible; overflow-wrap: anywhere; font-size: 1.15rem; }
  .messages-client-details summary { min-height: 36px; padding: 8px 0; }
  .messages-conversation-header .messages-mobile-back { min-width: 38px; min-height: 44px; }
  .messages-timeline { padding: 14px 12px; gap: 14px; }
  .message-bubble { width: auto; max-width: 94%; }
  .message-bubble p { font-size: 16px; line-height: 1.55; overflow-wrap: anywhere; }
  .message-sender { display: none; }
  .message-channel-badge { font-size: 10px; padding: 2px 5px; }
  .messages-reply { padding: 10px 12px; gap: 8px; }
  .messages-reply::before, .messages-reply > label { display: none; }
  .messages-reply textarea { min-height: 60px; max-height: 140px; font-size: 16px; }
  .messages-reply > div { gap: 6px; }
  .messages-reply button { min-height: 44px; }
  #reply-help:not(.has-status) { display: none; }
  #reply-help.has-status { font-size: 13px; line-height: 1.4; }
  .message-bubble small.failed { font-size: 13px; line-height: 1.4; }
}