/* KOVRA IA — high-contrast chat typing fields.
 * Loaded AFTER the shared theme stylesheet and the older chat layout rules.
 * Limit scope to support chat composers; do not recolor other inputs,
 * change navigation/safe-area positioning, or override theme palettes.
 */

/* Préstamos: the visible editor background belongs to the enclosing shell.
   iOS Safari can otherwise leave the text fill color from a previous theme. */
body.kovra-more-support-view [data-kovra-support-chatbot] .kovra-chat-input-shell {
  background: var(--theme-input, #06100c) !important;
  border-color: var(--theme-border-strong, var(--theme-border, #506858)) !important;
}
body.kovra-more-support-view [data-kovra-support-chatbot] .kovra-chat-input-shell :is(textarea, input) {
  background: transparent !important;
  color: var(--theme-text, #f4f7f5) !important;
  -webkit-text-fill-color: var(--theme-text, #f4f7f5) !important;
  caret-color: var(--theme-accent, #35e86a) !important;
  opacity: 1 !important;
}
body.kovra-more-support-view [data-kovra-support-chatbot] .kovra-chat-input-shell :is(textarea, input)::placeholder {
  color: var(--theme-muted, #a1ada5) !important;
  -webkit-text-fill-color: var(--theme-muted, #a1ada5) !important;
  opacity: 1 !important;
}
body.kovra-more-support-view [data-kovra-support-chatbot] .kovra-chat-input-shell:focus-within {
  border-color: var(--theme-accent, #35e86a) !important;
}

/* Negocios: its input is a single element, so both its surface and typing
   color must use the same active theme (light, dark, Agua 2, Rosmeri, etc.). */
#businessAiSupport #businessAiForm #businessAiInput {
  background: var(--theme-input, #06100c) !important;
  color: var(--theme-text, #f4f7f5) !important;
  -webkit-text-fill-color: var(--theme-text, #f4f7f5) !important;
  caret-color: var(--theme-accent, #35e86a) !important;
  border-color: var(--theme-border-strong, var(--theme-border, #506858)) !important;
  opacity: 1 !important;
}
#businessAiSupport #businessAiForm #businessAiInput::placeholder {
  color: var(--theme-muted, #a1ada5) !important;
  -webkit-text-fill-color: var(--theme-muted, #a1ada5) !important;
  opacity: 1 !important;
}
#businessAiSupport #businessAiForm #businessAiInput:focus {
  border-color: var(--theme-accent, #35e86a) !important;
}