body {
  background-image: url("/static/images/mountain3.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* chat-container: genomskinlig, centrerad och scroll */
.chat-container {
  background: rgba(255, 255, 255, 1);
  backdrop-filter: blur(8px);
  border-radius: 1rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 1);
  max-height: 80vh;
  overflow-y: auto;
}

/* Chatbubblor */
.chat-bubble {
  display: flex;
  margin-bottom: 0.5rem;
}

.bubble {
  padding: 0.75rem 1rem;
  border-radius: 1rem;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  max-width: 80%;
}

/* Assistentbubbla */
.bubble-assistant {
  background: #f1f1f1;
  color: #222;
  align-self: flex-start;
}

/* Användarbubbla */
.bubble-user {
  background: #2563eb;
  color: #fff;
  align-self: flex-end;
  margin-left: auto;
}

/* Laddningsstil */
.loading {
  opacity: 1;
  font-style: italic;
}