/* Ask AI widget: make the message input stand out. Class names are Scalar internals. */

/* Light-mode teal is darkened to keep 3:1 contrast on white; dark mode uses the brand color */
body.light-mode {
  --cm-accent: #009b80;
  --cm-accent-soft: rgba(0, 155, 128, 0.18);
}
body.dark-mode {
  --cm-accent: #00ffb2;
  --cm-accent-soft: rgba(0, 255, 178, 0.16);
}

.chat-composer-input {
  box-shadow:
    inset 0 0 0 1.5px var(--cm-accent),
    0 0 0 4px var(--cm-accent-soft),
    0 8px 28px var(--cm-accent-soft) !important;
}
.chat-composer-input:focus-within {
  box-shadow:
    inset 0 0 0 2px var(--cm-accent),
    0 0 0 6px var(--cm-accent-soft),
    0 8px 28px var(--cm-accent-soft) !important;
}

.chat-composer-send:not([disabled]) {
  background: var(--cm-accent) !important;
  color: #0f0f0f !important;
}

.chat-composer-field::placeholder {
  opacity: 1;
}
body.light-mode .chat-composer-field::placeholder {
  color: #6b6b6b;
}
body.dark-mode .chat-composer-field::placeholder {
  color: #a0a0a0;
}