.support-chat-card { min-width: 0; }
.support-chat-card .support-chat-context,
.support-chat-card .support-chat-locked {
  margin: 14px 0; padding: 13px 14px; border-radius: 12px;
  background: #f4f8ff; color: #18345f;
}
.support-chat-card .support-chat-context strong,
.support-chat-card .support-chat-locked strong { display:block; color:#0962d6; }
.support-chat-card .support-chat-context p,
.support-chat-card .support-chat-context small,
.support-chat-card .support-chat-locked p { display:block; margin:6px 0 0; line-height:1.45; }
.support-chat-card .support-chat-thread {
  display:flex; max-height:340px; flex-direction:column; gap:9px;
  overflow-y:auto; padding:4px 2px 12px;
}
.support-chat-card .support-chat-empty {
  padding:18px; border-radius:12px; background:#f8fafc; color:#61708d;
  text-align:center;
}
.support-chat-card .support-chat-message {
  max-width:86%; padding:10px 12px; border-radius:13px; background:#f0f4f9;
}
.support-chat-card .support-chat-message.is-user {
  align-self:flex-end; background:#0962d6; color:#fff;
}
.support-chat-card .support-chat-message-author,
.support-chat-card .support-chat-message time {
  display:block; font-size:.72rem; font-weight:800; opacity:.76;
}
.support-chat-card .support-chat-message p {
  margin:5px 0; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.45;
}
.support-chat-card .support-chat-message-body {
  display:grid; gap:8px; margin:6px 0 2px;
  font-size:1rem; line-height:1.58; overflow-wrap:anywhere;
}
.support-chat-card .support-chat-message-body p { margin:0; line-height:inherit; }
.support-chat-card .support-chat-message-body h3 {
  margin:1px 0 -1px; font-size:.92rem; line-height:1.35; font-weight:850;
}
.support-chat-card .support-chat-message-body ul {
  display:grid; gap:6px; margin:0; padding-left:1.2rem;
}
.support-chat-card .support-chat-message-body strong { font-weight:850; }
.support-chat-card .support-chat-compose {
  display:flex; align-items:flex-end; gap:10px;
  border-top:1px solid #e7edf5; padding-top:12px;
}
.support-chat-card .support-chat-compose textarea {
  flex:1; min-width:0; resize:vertical; padding:10px 11px;
  border:1px solid #d6e0ee; border-radius:11px; font:inherit;
}
@media (max-width:560px) {
  .support-chat-card .support-chat-compose {
    align-items:stretch;
    flex-direction:column;
  }
}