/* CITYENGINE_CITY_CHAT_LAYOUT_R3
   Double only the message composer. Callback and information fields retain
   their existing styles. Load after style.css and city-chat-r2.css. */

body.standalone #ask #question {
  height: 180px;
  min-height: 180px;
}

body.embedded #ask #question {
  height: 108px;
  min-height: 108px;
  max-height: 108px;
  resize: none;
}

/* The existing compact rule uses 44px at these iframe heights. */
@media (max-height: 500px) {
  body.embedded #ask #question {
    height: 88px;
    min-height: 88px;
    max-height: 88px;
  }
}

/* On exceptionally short frames, allow the controls to scroll into view
   instead of clipping the enlarged composer or its Send button. */
@media (max-height: 360px) {
  body.embedded:not(.lead-open) main {
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  body.embedded:not(.lead-open) .assistant {
    flex: 0 0 auto;
    min-height: 100%;
    overflow: visible;
  }

  body.embedded:not(.lead-open) #chat {
    flex: 0 0 auto;
    min-height: 96px;
    max-height: 240px;
    overflow-y: auto;
  }
}