/*
 * Overrides for the iframe delivery. Loaded AFTER chat.css, so equal-specificity
 * rules win without !important. The iframe is the panel surface: the host sizes the
 * iframe (popover on desktop, full-screen on mobile) and the panel fills it.
 */
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: transparent;
}

#samuel-root {
  height: 100%;
}

.fermat-chat-container {
  position: static;
  inset: auto;
}

.fermat-chat-panel {
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  border-radius: 0;
  box-shadow: none;
  animation: none;
}