/* === Chainlit 2.10.0 | Подтверждено инспектором DOM === */

/* КНОПКА ОТПРАВКИ
   ID: #chat-submit — подтверждён DevTools */
#chat-submit {
  background-color: #6b7280 !important;
}
#chat-submit:hover {
  background-color: #4b5563 !important;
}

/* WATERMARK
   ID: #watermark — подтверждён */
#watermark {
  display: none !important;
}

/* NEW CHAT BUTTON
   ID: #new-chat-button — подтверждён */
#new-chat-button {
  display: none !important;
}

/* README BUTTON
   ID: #readme-button — подтверждён */
#readme-button {
  display: none !important;
}

/* 6. Stop button — neutral grey */
#stop-button {
  background-color: #6b7280 !important;
}
#stop-button:hover {
  background-color: #4b5563 !important;
}

/* THEME TOGGLE BUTTON
   ID: #theme-toggle — подтверждён DevTools */
#theme-toggle {
  display: none !important;
}

/* УБРАТЬ СИНЮЮ РАМКУ
   Точный элемент: div[role="presentation"][tabindex="0"]
   Подтверждён через console focusin event */
div[role="presentation"][tabindex="0"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* УБРАТЬ АВАТАР В ЧАТЕ
   Родитель .ai-message — класс Chainlit, не зависит от названия проекта
   Подтверждён DevTools */
.ai-message span:has(img[src="/public/avatar.png"]) {
  display: none !important;
}

/* МОБИЛЬНЫЙ ЛОГОТИП — уменьшение шрифта
   На экранах < 480px текст 20px не влезает в одну строку
   15px подобрано в DevTools (iPhone 12 Pro, 390px) */
@media (max-width: 480px) {
  #welcome-screen div[style] span {
    font-size: 15px !important;
  }
  #welcome-screen div[style] div {
    font-size: 15px !important;
  }
}

/* АВАТАР ПОЛЬЗОВАТЕЛЯ (кружок в хедере)
   ID: #user-nav-button — подтверждён DevTools */
#user-nav-button {
  display: none !important;
}

/* YANDEX SMARTCAPTCHA SHIELD (баннер "Политика обработки данных")
   data-testid: shield — подтверждён DevTools
   Класс: SmartCaptcha-Shield — подтверждён DevTools */
[data-testid="shield"],
.SmartCaptcha-Shield {
  display: none !important;
}

/* ─── Анти-моргание: скрыть всё до загрузки чата ─── */
body {
  opacity: 0;
  transition: opacity 0.3s ease;
}

body.cl-ready {
  opacity: 1;
}

/* ─── Бледный placeholder в поле ввода ─── */
textarea::placeholder {
  color: #b0b0b0 !important;
  opacity: 1 !important;
}