/* Toolbar appearance only; keep existing order, states and hit areas. */
.chat-input:not(.chat-composer):has(.chat-composer) > .chat-ai-toolbar-container {
  padding: 6px 16px 0;
  background: transparent;
}

.chat-input:not(.chat-composer):has(.chat-composer) .chat-ai-toolbar {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.chat-input:not(.chat-composer):has(.chat-composer) .chat-ai-toolbar__button {
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.14);
}

.chat-input:not(.chat-composer):has(.chat-composer) .chat-ai-toolbar__button:not(.chat-ai-toolbar__toggle) {
  color: #687687;
  background: rgba(255, 255, 255, 0.6);
}

.chat-input:not(.chat-composer):has(.chat-composer) .chat-ai-toolbar__button:not(.chat-ai-toolbar__toggle):not(:disabled):hover {
  color: #46586a;
  background: rgba(255, 255, 255, 0.94);
}

.chat-input:not(.chat-composer):has(.chat-composer) .chat-ai-toolbar__button svg {
  stroke-width: 1.7;
}

html.dark .chat-input:not(.chat-composer) > div:has(.chat-composer),
html.dark .chat-input:not(.chat-composer):has(.chat-composer) .chat-ai-toolbar {
  background: transparent;
}

html.dark .chat-input:not(.chat-composer):has(.chat-composer) .chat-ai-toolbar__button {
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.14);
}

html.dark .chat-input:not(.chat-composer):has(.chat-composer) .chat-ai-toolbar__button:not(.chat-ai-toolbar__toggle) {
  background: rgba(30, 41, 54, 0.72);
  color: #b9c5d1;
}

html.dark .chat-input:not(.chat-composer):has(.chat-composer) .chat-ai-toolbar__button:not(.chat-ai-toolbar__toggle):not(:disabled):hover {
  background: rgba(47, 62, 78, 0.94);
  color: #e5edf5;
}


@media (max-width: 767px) {
  .chat-input:not(.chat-composer):has(.chat-composer) > .chat-ai-toolbar-container {
    padding: 6px 10px 0;
  }

}