@import url('https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css');
@import "themes/villach-mckK1D-.css";
@import "themes/klagenfurt-pW7PnoH.css";

:root {
  --brand-primary: #2f5bea;
  --brand-secondary: #6c8cff;
  --brand-text: #1f2937;
  --brand-logo-text: 'AI Analytics Tool';
}

.hero.is-primary {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));
}

body {
  color: var(--brand-text);
}

/* Visual branding badge without template changes */
.hero .subtitle::before {
  content: var(--brand-logo-text) ' \2014 ';
  font-weight: 700;
}

/* Home page quick-link card */
.quick-link-card {
  display: block;
  text-decoration: none;
}

.quick-link-card .box {
  transition: box-shadow .15s;
}

.chart-preview {
  height: 220px;
  pointer-events: none;
}

/* Statistics page charts */
.stat-chart {
  height: 260px;
}

/* KI Management conversations page */
.conversation-row:focus {
  outline: 2px solid var(--brand-primary);
  outline-offset: -2px;
}

.ki-conversation-modal .modal-card {
  --bulma-modal-content-width: min(1100px, 95vw);
}

.preserve-whitespace {
  white-space: pre-wrap;
}

/* Nachrichten view: highlights the clicked message when its conversation modal opens scrolled
   to it; stays lit until a different message is opened (see scrollToMessage() in conversations.html.twig) */
.is-message-highlighted {
  outline: 3px solid var(--brand-primary);
  outline-offset: 2px;
  background-color: rgba(47, 91, 234, 0.08);
}