/* Финансовый ассистент · демо — небольшие ручные стили поверх daisyUI/Tailwind */

html, body {
  height: 100%;
}

/* Немного плотнее шапка на маленьких экранах */
.navbar {
  min-height: auto;
}

/* Чат: скрываем полосу прокрутки, но оставляем прокрутку */
[x-ref="chatBox"] {
  scroll-behavior: smooth;
}

/* Компактный моноширинный текст трассы MCP */
.font-mono {
  font-variant-ligatures: none;
}

/* Раскрытые JSON-блоки трассы MCP */
pre {
  white-space: pre-wrap;
  word-break: break-word;
}

/* Индикатор набора текста ботом уже даёт daisyUI (loading-dots) */

/* Бейдж "написал сам" над проактивным сообщением */
.proactive-badge {
  animation: fin-fade-in 0.4s ease-out;
}

/* Мягкая подсветка проактивного сообщения, угасающая через несколько секунд */
.proactive-highlight {
  animation: fin-fade-in 0.4s ease-out, fin-highlight-fade 6s ease-out forwards;
}

@keyframes fin-fade-in {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fin-highlight-fade {
  0% { box-shadow: 0 0 0 2px color-mix(in oklch, var(--color-primary, #6366f1) 35%, transparent); }
  100% { box-shadow: 0 0 0 0 transparent; }
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background: color-mix(in oklch, currentColor 25%, transparent);
  border-radius: 8px;
}