.ifcs-ai__panel[hidden] {
  display: none !important;
}

.ifcs-ai__panel {
  width: min(560px, calc(100vw - 32px));
  height: min(760px, calc(100vh - 92px));
}

.ifcs-ai__messages {
  min-height: 220px;
}

.ifcs-ai__suggestions {
  flex-wrap: wrap;
  max-height: 104px;
  overflow-x: hidden;
  overflow-y: auto;
}

.ifcs-ai__suggestions button {
  flex: 1 1 calc(50% - 8px);
}

.ifcs-ai__feedback {
  position: static;
  min-height: 34px;
}

.ifcs-ai__composer {
  flex: 0 0 auto;
}

.ifcs-ai footer.ifcs-ai__footer {
  flex: 0 0 auto;
  background: #f0f3f9 !important;
  color: #4f5a72 !important;
}

.ifcs-ai footer.ifcs-ai__footer a {
  color: #1746b5 !important;
}

@media (max-width: 560px) {
  .ifcs-ai {
    right: 10px;
    bottom: 10px;
  }

  .ifcs-ai__launcher {
    min-width: 112px;
  }

  .ifcs-ai__panel {
    position: fixed;
    inset: 10px;
    width: auto;
    height: auto;
    max-height: none;
    border-radius: 7px;
  }

  .ifcs-ai__header {
    min-height: 62px;
  }

  .ifcs-ai__identity img {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }

  .ifcs-ai__messages {
    min-height: 0;
    padding: 12px;
  }

  .ifcs-ai__message {
    max-width: 94%;
  }

  .ifcs-ai__suggestions {
    max-height: 92px;
  }

  .ifcs-ai__composer textarea {
    height: 56px;
  }

  .ifcs-ai__footer nav {
    display: none;
  }
}

@media (max-height: 620px) {
  .ifcs-ai__toolbar,
  .ifcs-ai__footer {
    display: none;
  }

  .ifcs-ai__panel {
    height: calc(100vh - 20px);
  }
}