/* Website embedding only; the application's own styles are imported unchanged. */
.demo-transcript-card { width:min(85%,680px); margin:12px 0 12px 24px; }
.demo-composer-note { font-size:11px; text-align:center; margin:0 0 10px; color:var(--secondary); opacity:.7; }
#chat-window { overscroll-behavior:contain; }
#viewer-content { overflow-wrap:anywhere; }
@media(max-width:600px) {
 #workbench-panel,#conversation-panel { max-width:100%; }
 #chat-window { padding-left:12px; padding-right:12px; }
 .demo-transcript-card { width:calc(100% - 12px); margin-left:12px; }
 footer { padding:10px !important; }
 #chat-input { min-width:0; }
 #btn-web-search,#btn-privacy-mode,#btn-discovery-plan,#btn-dictation { display:none; }
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}

/* Let generated web objects use the available conversation width. */
#chat-window .message-enter:has(.sg-agent-artifact-card)>div { width:100%; max-width:100%; }
#chat-window .message-enter:has(.sg-agent-artifact-card) .markdown-content { width:100%; margin-left:0; }
.sg-agent-artifact-card { width:100%; }
.sg-agent-web-app-frame { height:560px !important; }

/* Prepared questions expand to their text instead of becoming a second scroll area. */
#chat-input { overflow:hidden !important; max-height:none !important; resize:none; }
#chat-window { scrollbar-width:thin; }

/* Respect the native context state while allowing the live script badge in path 01. */
#live-scope-badge.hidden,#live-scope-state.hidden { display:none !important; }