/* Keep the solution advisor's expanded state consistent with the homepage advisor. */
body.solution-page [data-solution-ai-expand] > span {
  display: none !important;
}

body.solution-page .solution-ai-advisor__controls button > svg {
  display: block;
  flex: none;
}

body.solution-page .solution-ai-advisor__icon-minimize,
body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__icon-expand {
  display: none !important;
}

body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__icon-minimize {
  display: block !important;
}

@media (min-width: 901px) {
  body.solution-page .solution-ai-advisor.is-expanded {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 2000 !important;
    display: flex !important;
    width: auto !important;
    max-height: none !important;
    padding: 138px clamp(24px, 12vw, 220px) 22px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f6f9fc !important;
    box-shadow: none !important;
  }

  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__head {
    position: absolute !important;
    top: 22px !important;
    right: auto !important;
    left: 50% !important;
    width: min(900px, calc(100% - 48px)) !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid rgba(124, 158, 181, 0.2) !important;
    color: #173b4d !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: translateX(-50%) !important;
  }

  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__head > strong {
    color: #173b4d !important;
    font-size: 21px !important;
  }

  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__head > strong span,
  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__head > strong em {
    color: #0a9c93 !important;
  }

  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__controls button {
    border-color: rgba(47, 91, 116, 0.46) !important;
    color: #315a70 !important;
    background: transparent !important;
  }

  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__dialog,
  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__questions,
  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__composer {
    width: min(900px, 100%) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__dialog {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding: 0 8px 8px !important;
  }

  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__questions {
    margin-bottom: 12px !important;
  }

  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__question-list {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__question-list button {
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 13px !important;
  }
}

@media (max-width: 900px) {
  body.solution-page .solution-ai-advisor.is-expanded {
    padding: 110px 16px 16px !important;
    background: #f6f9fc !important;
    box-shadow: none !important;
  }

  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__head {
    top: 16px;
    right: 16px;
    left: 16px;
    min-height: 48px;
    padding: 0 0 12px;
    border-bottom: 1px solid rgba(124, 158, 181, 0.2);
    background: transparent !important;
    box-shadow: none !important;
  }

  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__head > strong {
    color: #173b4d !important;
    font-size: 16px;
  }

  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__head > strong span,
  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__head > strong em {
    color: #0a9c93 !important;
  }

  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__controls button {
    border-color: rgba(47, 91, 116, 0.46) !important;
    color: #315a70 !important;
    background: transparent !important;
  }

  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__question-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__questions {
  padding-top: 14px;
  border-top: 1px solid rgba(124, 158, 181, 0.2);
}

body.solution-page .solution-ai-advisor.is-expanded [data-solution-ai-close] {
  width: 34px;
  border: 0;
  border-radius: 0;
  font-size: 25px;
}

body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__questions-head a {
  padding: 5px 9px;
  border: 1px solid #b8dedf;
  border-radius: 999px;
  font-size: 11px;
}

body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__message--assistant:not(.solution-ai-advisor__welcome) {
  padding: 22px 32px;
  background: rgba(255, 255, 255, 0.55) !important;
  box-shadow: none !important;
}

body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__message--assistant:not(.solution-ai-advisor__welcome) > span {
  display: none;
}

body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__message--user {
  box-shadow: none !important;
}

body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__composer {
  min-height: 62px;
}

@media (max-width: 600px) {
  body.solution-page .solution-ai-advisor.is-expanded .solution-ai-advisor__message--assistant:not(.solution-ai-advisor__welcome) {
    padding: 16px;
  }
}