/* The embed host fills its iframe viewport. ChatView's own `.chat`
   layout owns scroll + the fixed composer; the embed adds no chrome
   (no drawer, no logo bar) — that's the whole point of the
   stripped-chrome renderer (design §1.2). Fixed-height panel: we do
   NOT relay content height across the three frames; ChatView manages
   its own scroll/spacer. */
.chat-embed {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  background: var(--bg);
}

/* ChatView's root (`.chat`) is the single flex child here. Stretch it
   to fill the embed host so the chat owns the whole app sheet — no
   shell-scale gutter around it. `min-height: 0` lets the inner
   scroll area shrink correctly inside the flex column. The composer
   safe-area zero-out and the embedded empty-state rules live in
   ChatView.css, scoped under this same `.chat-embed` parent so the
   non-embedded ChatView stays pixel-identical. */
.chat-embed > .chat {
  flex: 1;
  min-height: 0;
}

.chat-embed--empty {
  align-items: center;
  justify-content: center;
}

.chat-embed__notice {
  color: var(--muted);
  font-size: 13px;
  text-align: center;
  padding: 24px;
}
