/* TerraPlast RAG — собственные стили поверх Pico CSS. */

/* HTMX indicator: показывается только во время request'а */
.htmx-indicator {
  display: none;
}
.htmx-request .htmx-indicator,
.htmx-indicator.htmx-request {
  display: block;
}

/* Карточки ответа */
.answer-card {
  border: 1px solid var(--pico-muted-border-color);
  padding: 1rem 1.5rem;
  border-radius: var(--pico-border-radius);
}
.answer-card.refusal {
  border-left: 4px solid var(--pico-color-yellow-500);
  background: color-mix(in srgb, var(--pico-color-yellow-100) 30%, transparent);
}

/* Ошибки */
.error,
[role="alert"] {
  color: var(--pico-color-red-700);
  background: color-mix(in srgb, var(--pico-color-red-100) 50%, transparent);
  padding: 0.5rem 1rem;
  border-radius: var(--pico-border-radius);
  border-left: 4px solid var(--pico-color-red-600);
}

/* Цитаты sensitive — желтоватый фон */
mark {
  background: var(--pico-color-yellow-300);
  padding: 0.05em 0.3em;
  border-radius: 3px;
}

/* Адаптация на узком экране */
@media (max-width: 600px) {
  .grid {
    grid-template-columns: 1fr !important;
  }
}