/* beryllium-components.css */

/* Icones generiques */
.beryllium-icon {
  font-size: 16px;
  line-height: 1;
}

/* Messages - structure commune */
.beryllium-message {
  margin-bottom: 8px;
  font-size: 15px;
}

/* Message utilisateur */
.beryllium-message-user {
  display: flex;
  justify-content: flex-end;
}

.beryllium-bubble-user {
  max-width: 75%;
  padding: 8px 12px;
  border-radius: var(--bery-radius-soft);
  border-bottom-right-radius: 2px;
  background-color: var(--bery-user-bubble-bg);
  color: var(--bery-user-bubble-text);
  font-size: 14px;
  line-height: 1.4;
}

/* Message assistant */
.beryllium-message-assistant {
  display: block;
}

.beryllium-assistant-text {
  max-width: 100%;
  padding: 4px 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--bery-assistant-text);
}

/* Message systeme */
.beryllium-message-system {
  display: flex;
  justify-content: center;
}

.beryllium-system-text {
  max-width: 90%;
  font-size: 13px;
  line-height: 1.4;
  color: var(--bery-text-system);
  text-align: center;
}

/* Etats disabled sur les boutons */
.beryllium-composer-button:disabled,
.beryllium-header-button:disabled {
  opacity: 0.4;
  cursor: default;
}

/* Petite nuance sur les placeholders "neutres" */
.beryllium-opening-message p {
  margin: 0;
}

/* CSS minimal pour la modale du menu A propos */
#oranea-beryllium-app .beryllium-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50; /* au-dessus du header et du menu */
}

#oranea-beryllium-app .beryllium-modal {
  background-color: var(--bery-bg-elevated);
  color: var(--bery-text-main);
  max-width: 360px;
  width: calc(100% - 32px);
  border-radius: 16px;
  padding: 16px 16px 12px;
  box-shadow: var(--bery-shadow-soft);
}

#oranea-beryllium-app .beryllium-modal-content h2 {
  margin: 0 0 8px;
  font-size: 18px;
}

#oranea-beryllium-app .beryllium-modal-content h3 {
  margin: 12px 0 4px;
  font-size: 15px;
}

#oranea-beryllium-app .beryllium-modal-content p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

#oranea-beryllium-app .beryllium-modal-close {
  margin-top: 12px;
  width: 100%;
  border: none;
  border-radius: 999px;
  padding: 10px 12px;
  font-size: 14px;
  cursor: pointer;
  background: var(--bery-text-accent);
  color: #fff;
}

.beryllium-thread h3 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 16px;
  margin-bottom: 4px;
}

/* Titres plus lisibles en mode sombre dans le thread */
#oranea-beryllium-app[data-theme="dark"] .oranea-welcome h2,
#oranea-beryllium-app[data-theme="dark"] .oranea-welcome h3 {
  color: #e0f7fa;
}