/* Scope adjustments to ChatbotGen; leave the website layout unchanged. */
:root {
  --selva-chat-clearance: 0px;
  --selva-chat-bottom: calc(max(var(--selva-chat-clearance), env(safe-area-inset-bottom, 0px)) + 20px);
}
#cbg-btn {
  bottom: var(--selva-chat-bottom) !important;
  right: max(20px, env(safe-area-inset-right, 0px)) !important;
}
#cbg-btn:focus-visible { outline: 3px solid #b7ce89; outline-offset: 4px; }
#cbg-frame {
  bottom: calc(var(--selva-chat-bottom) + 70px) !important;
  right: max(20px, env(safe-area-inset-right, 0px)) !important;
  width: min(375px, calc(100vw - 40px)) !important;
  height: 550px !important;
  max-height: calc(100vh - var(--selva-chat-bottom) - 82px) !important;
  max-height: calc(100dvh - var(--selva-chat-bottom) - 82px) !important;
  border-radius: 12px !important;
}
#cbg-bubble {
  bottom: calc(var(--selva-chat-bottom) + 68px) !important;
  right: max(20px, env(safe-area-inset-right, 0px)) !important;
  max-width: min(250px, calc(100vw - 72px)) !important;
  max-height: min(160px, calc(100dvh - var(--selva-chat-bottom) - 100px));
  overflow-y: auto;
}
@media (max-width: 650px) {
  :root { --selva-chat-bottom: calc(max(var(--selva-chat-clearance), env(safe-area-inset-bottom, 0px)) + 16px); }
  #cbg-btn, #cbg-frame, #cbg-bubble { right: max(16px, env(safe-area-inset-right, 0px)) !important; }
  #cbg-frame { width: calc(100vw - 32px) !important; }
}