/* Rayan AI Connector 0.25.4 — contour continu dynamique des réponses P7.4.
   La couleur du moteur structure toute la réponse ; les fonds existants des
   barres restent intacts pour conserver leur hiérarchie fonctionnelle. */

#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode {
  --rai-response-mode-accent: #48ff65;
  --rai-response-mode-border: rgba(72, 255, 101, .72);
  --rai-response-mode-separator: rgba(72, 255, 101, .46);
  --rai-response-mode-glow: rgba(72, 255, 101, .13);
}

#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode.is-mode-green {
  --rai-response-mode-accent: #48ff65;
  --rai-response-mode-border: rgba(72, 255, 101, .72);
  --rai-response-mode-separator: rgba(72, 255, 101, .46);
  --rai-response-mode-glow: rgba(72, 255, 101, .13);
}

#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode.is-mode-yellow {
  --rai-response-mode-accent: #facc15;
  --rai-response-mode-border: rgba(250, 204, 21, .74);
  --rai-response-mode-separator: rgba(250, 204, 21, .48);
  --rai-response-mode-glow: rgba(250, 204, 21, .14);
}

#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode.is-mode-orange {
  --rai-response-mode-accent: #ff8a1f;
  --rai-response-mode-border: rgba(255, 138, 31, .82);
  --rai-response-mode-separator: rgba(255, 138, 31, .52);
  --rai-response-mode-glow: rgba(255, 138, 31, .15);
}

#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode.is-mode-red {
  --rai-response-mode-accent: #ff405d;
  --rai-response-mode-border: rgba(255, 64, 93, .8);
  --rai-response-mode-separator: rgba(255, 64, 93, .5);
  --rai-response-mode-glow: rgba(255, 64, 93, .15);
}

#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode.is-mode-neutral {
  --rai-response-mode-accent: #a6b4ab;
  --rai-response-mode-border: rgba(166, 180, 171, .58);
  --rai-response-mode-separator: rgba(166, 180, 171, .38);
  --rai-response-mode-glow: rgba(166, 180, 171, .1);
}

/* Un même contour relie Confidentialité, moteur, texte et pied Persona. */
#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode .rai-message-shell > .rai-message-privacy-tab,
#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode .rai-message-shell > .rai-knowledge-mode-notice,
#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode .rai-message-shell > .rayan-ai-bubble,
#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode .rai-message-shell > .rai-message-persona-bar {
  border-left-color: var(--rai-response-mode-border) !important;
  border-right-color: var(--rai-response-mode-border) !important;
}

/* L'onglet Confidentialité conserve son fond et ses couleurs de contenu ;
   son périmètre devient simplement le début du contour du moteur. */
#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode .rai-message-shell > .rai-message-privacy-tab {
  border-top-color: var(--rai-response-mode-border) !important;
  border-bottom: 1px solid var(--rai-response-mode-separator) !important;
  box-shadow: 0 -5px 14px var(--rai-response-mode-glow) !important;
}

/* Le bandeau du moteur garde son propre fond vert, jaune, orange ou rouge. */
#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode .rai-message-shell > .rai-knowledge-mode-notice {
  border-color: var(--rai-response-mode-border) !important;
}

#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode .rai-message-shell > .rai-message-privacy-tab + .rai-knowledge-mode-notice {
  border-top: 0 !important;
}

#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode .rai-knowledge-mode-detail {
  border-top-color: var(--rai-response-mode-separator) !important;
}

/* Le corps garde son fond actuel, notamment le rouge éphémère de Sensible. */
#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode .rai-message-shell > .rayan-ai-bubble {
  border-color: var(--rai-response-mode-border) !important;
  box-shadow: 0 0 14px var(--rai-response-mode-glow) !important;
}

#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode .rai-message-shell.has-persona-attribution > .rayan-ai-bubble {
  border-bottom-color: var(--rai-response-mode-separator) !important;
}

/* Le pied Persona reste noir ; seuls son point et son nom utilisent toujours
   la palette du personnage. Son contour extérieur termine celui du moteur. */
#rayan-ai-root .rayan-ai-message-row.assistant.is-knowledge-mode .rai-message-shell > .rai-message-persona-bar {
  border-left-color: var(--rai-response-mode-border) !important;
  border-right-color: var(--rai-response-mode-border) !important;
  border-bottom-color: var(--rai-response-mode-border) !important;
  border-top: 0 !important;
  box-shadow: 0 5px 14px var(--rai-response-mode-glow) !important;
}
