aside[data-gq-ai-assistant] form,
aside[class*="w-[340px]"] form[data-gq-ai-assistant-form="true"] {
  position: relative;
}

aside[class*="w-[340px]"] form[data-gq-ai-assistant-form="true"] input,
aside[class*="w-[340px]"] form[data-gq-ai-assistant-form="true"] textarea {
  min-height: 40px;
  color: #0f172a;
  caret-color: #155eef;
}

aside[class*="w-[340px]"] form[data-gq-ai-assistant-form="true"] input::placeholder,
aside[class*="w-[340px]"] form[data-gq-ai-assistant-form="true"] textarea::placeholder {
  color: #64748b;
  opacity: 1;
}

aside[class*="w-[340px]"] form[data-gq-ai-assistant-form="true"] input:focus-visible,
aside[class*="w-[340px]"] form[data-gq-ai-assistant-form="true"] textarea:focus-visible {
  outline: 2px solid #7aa7ff;
  outline-offset: 2px;
}

aside[class*="w-[340px]"] button[data-gq-ai-assistant-send="true"] {
  min-width: 36px;
  min-height: 36px;
  border-radius: 9px;
}

aside[class*="w-[340px]"] form[data-gq-ai-assistant-form="true"] [data-gq-ai-send-state] {
  display: block;
  min-height: 18px;
  margin: 7px 2px 0;
  overflow: hidden;
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

aside[class*="w-[340px]"] form[data-gq-ai-assistant-form="true"] [data-gq-ai-send-state="sending"] {
  color: #2563eb;
}

aside[class*="w-[340px]"] form[data-gq-ai-assistant-form="true"] [data-gq-ai-send-state="success"] {
  color: #047857;
}

aside[class*="w-[340px]"] form[data-gq-ai-assistant-form="true"] [data-gq-ai-send-state="error"] {
  color: #b91c1c;
  white-space: normal;
}
