body .chat-shell .message-list .system-message.has-social-cards {
  display: block !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body .chat-shell .has-social-cards > :not(.chat-social-cards) { display: none !important; }
body .chat-shell .chat-social-cards { display: grid; gap: 8px; }
body .chat-shell .chat-social-card {
  padding: 12px;
  border: 0;
  border-radius: 6px;
  background: linear-gradient(110deg,#3b394f,#25233b 65%);
  color: #fff;
  text-align: left;
  font-family: Rubik, sans-serif;
}
body .chat-shell .chat-social-card h3 {
  display: flex; align-items: center; gap: 8px;
  margin: 0; padding: 0; color: #fff;
  font-size: 14px; font-weight: 700; line-height: 20px;
}
body .chat-shell .chat-social-card h3 svg { width: 20px; height: 20px; flex: none; }
body .chat-shell .chat-social-card:first-child h3 svg { color: #61a5fa; }
body .chat-shell .chat-social-card p {
  margin: 12px 0 !important; color: #9699c3 !important;
  font-size: 13px !important; font-weight: 400; line-height: 19px !important;
}
body .chat-shell .chat-social-card a {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 38px; box-sizing: border-box; padding: 8px 13px;
  border: 1px solid #8cbfff; border-radius: 6px;
  background: #60a5fa; color: #fff !important;
  font: 700 14px/20px Rubik, sans-serif; text-decoration: none;
  box-shadow: none; cursor: pointer;
}
body .chat-shell .chat-social-card a:hover { background: #75b1fc; }
body .chat-shell .chat-social-card a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }