.inline-html{width:100%;min-width:0;margin:10px 0;overflow:hidden;border:1px solid var(--bubble-border,#e2e9e4);border-radius:12px;background:#fff;color:#26382e}
.inline-html-status{padding:16px;font-size:12px;color:var(--muted,#7e8b83)}.inline-html-status[hidden]{display:none}
.inline-html-status button{margin-left:10px;border:0;background:#edf7f1;color:#238153;padding:5px 8px;border-radius:6px;cursor:pointer}
.inline-html-frame{display:block;width:100%;height:260px;border:0;background:#fff}
.inline-html-error{font-size:12px;color:#a24d43}
.group-message-result:has(.inline-html){display:block;width:100%;max-width:850px}.group-message-result .inline-html{margin:8px 0}
@media(max-width:760px){.inline-html{border-radius:9px}}
.inline-html-followup{display:flex;align-items:center;gap:12px;padding:9px 12px;border-top:1px solid var(--bubble-border,#e2e9e4);font-size:12px;background:var(--surface,#fff);color:var(--ink,#26382e)}.inline-html-followup span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-html-followup button{flex-shrink:0;border:0;background:#edf7f1;color:#238153;padding:5px 9px;border-radius:6px;cursor:pointer}

/* Declared assistant pages share the open delivery lane. Ordinary user code
 * and registered HTML inside a delivery stage keep their existing layouts. */
.frame .chat .msg:not(.me):has(> .message-body .inline-html[data-inline-html]) {
  width: 100%;
  max-width: calc(1100px + var(--chat-author-width, 46px));
}
.frame .chat .msg:not(.me):has(> .message-body .inline-html[data-inline-html]) > .message-body {
  flex: 1 1 0;
  width: 0;
  min-width: 0;
  max-width: none;
}
.frame .chat .msg:not(.me) > .message-body > .bubble:has(.inline-html[data-inline-html]) {
  width: 100%;
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.frame .chat .msg:not(.me) > .message-body > .bubble:has(.inline-html[data-inline-html])::before {
  content: none;
}
.frame .chat .msg:not(.me) .inline-html[data-inline-html] {
  width: 100%;
  min-width: 0;
  margin: 6px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.frame .chat .msg:not(.me) .inline-html[data-inline-html] > .inline-html-followup {
  min-height: 28px;
  padding: 6px 0;
  border: 0;
  background: transparent;
}
