html[data-wasm-agent-companion="true"],
html[data-wasm-agent-companion="true"] body {
  background: transparent !important;
  overflow: hidden !important;
}

html[data-wasm-agent-companion="true"] body > :not(#agentOverlay) {
  display: none !important;
}

html[data-wasm-agent-companion="true"] #agentOverlay {
  display: block !important;
}

html[data-wasm-agent-companion="true"] .agent-overlay[data-open="true"] .agent-panel {
  width: min(430px, calc(100vw - 86px)) !important;
  min-width: min(320px, calc(100vw - 86px)) !important;
  height: min(620px, 100vh) !important;
  min-height: min(420px, 100vh) !important;
  max-height: 100vh !important;
  border-radius: var(--radius) !important;
}

html[data-wasm-agent-companion="true"] .agent-overlay[data-open="true"] .agent-avatar-button {
  opacity: 1 !important;
  pointer-events: auto !important;
}