/* Rayan AI Connector 0.25.8 — P12.2 jonctions UIX et confidentialité adaptative. */

/* Les anciennes dimensions P12 restent inchangées. Cette règle porte une
   spécificité supérieure à la teinte Matrix historique du conteneur Persona. */
#rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-selector-deck.has-persona-selector > .rai-persona-selector.is-persona-gold,
#rayan-ai-root #rayan-ai-modal .rai-selector-surface .rai-persona-panel.is-persona-gold {
  --rai-selector-accent: #fabf05 !important;
  --rai-selector-rgb: 250, 191, 5 !important;
}

#rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-selector-deck.has-persona-selector > .rai-persona-selector.is-persona-orange,
#rayan-ai-root #rayan-ai-modal .rai-selector-surface .rai-persona-panel.is-persona-orange {
  --rai-selector-accent: #f87818 !important;
  --rai-selector-rgb: 248, 120, 24 !important;
}

#rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-selector-deck.has-persona-selector > .rai-persona-selector.is-persona-cyan,
#rayan-ai-root #rayan-ai-modal .rai-selector-surface .rai-persona-panel.is-persona-cyan {
  --rai-selector-accent: #85aad0 !important;
  --rai-selector-rgb: 133, 170, 208 !important;
}

#rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-selector-deck.has-persona-selector > .rai-persona-selector.is-persona-violet,
#rayan-ai-root #rayan-ai-modal .rai-selector-surface .rai-persona-panel.is-persona-violet {
  --rai-selector-accent: #eb11f9 !important;
  --rai-selector-rgb: 235, 17, 249 !important;
}

#rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-selector-deck.has-persona-selector > .rai-persona-selector.is-persona-blue,
#rayan-ai-root #rayan-ai-modal .rai-selector-surface .rai-persona-panel.is-persona-blue {
  --rai-selector-accent: #0490fb !important;
  --rai-selector-rgb: 4, 144, 251 !important;
}

#rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-selector-deck.has-persona-selector > .rai-persona-selector.is-persona-matrix,
#rayan-ai-root #rayan-ai-modal .rai-selector-surface .rai-persona-panel.is-persona-matrix {
  --rai-selector-accent: #19f219 !important;
  --rai-selector-rgb: 25, 242, 25 !important;
}

#rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-selector-deck.has-persona-selector > .rai-persona-selector .rai-persona-summary {
  border-color: rgba(var(--rai-selector-rgb), .78) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(var(--rai-selector-rgb), .20), transparent 58%),
    linear-gradient(155deg, rgba(var(--rai-selector-rgb), .095), rgba(0, 9, 4, .99) 72%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 8px 24px rgba(0, 0, 0, .30),
    0 0 17px rgba(var(--rai-selector-rgb), .16) !important;
}

#rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-selector-deck.has-persona-selector > .rai-persona-selector .rai-context-selector-kicker,
#rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-selector-deck.has-persona-selector > .rai-persona-selector .rai-context-selector-action,
#rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-selector-deck.has-persona-selector > .rai-persona-selector .rai-context-selector-action b,
#rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-selector-deck.has-persona-selector > .rai-persona-selector .rai-context-selector-action i {
  color: var(--rai-selector-accent) !important;
  text-shadow: 0 0 8px rgba(var(--rai-selector-rgb), .22) !important;
}

#rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-selector-deck.has-persona-selector > .rai-persona-selector .rai-context-selector-action {
  border-color: rgba(var(--rai-selector-rgb), .56) !important;
  background: rgba(var(--rai-selector-rgb), .09) !important;
  box-shadow: inset 0 0 10px rgba(var(--rai-selector-rgb), .035), 0 0 9px rgba(var(--rai-selector-rgb), .08) !important;
}

#rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-selector-deck.has-persona-selector > .rai-persona-selector.is-locked .rai-persona-summary:disabled {
  border-color: rgba(var(--rai-selector-rgb), .64) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .04),
    0 7px 20px rgba(0, 0, 0, .27),
    0 0 13px rgba(var(--rai-selector-rgb), .12) !important;
}

/* La réponse et le choix explicite LLM forment une seule carte : même largeur,
   aucun espace et aucun arrondi intermédiaire sur les bords extérieurs. */
#rayan-ai-root .rayan-ai-message-row.assistant.has-model-fallback > .rai-message-shell,
#rayan-ai-root .rayan-ai-message-row.assistant.has-model-fallback > .rai-model-fallback-offer {
  width: min(88%, 920px) !important;
  max-width: min(88%, 920px) !important;
  min-width: 0;
  box-sizing: border-box !important;
  align-self: flex-start;
}

#rayan-ai-root .rayan-ai-message-row.assistant.has-model-fallback > .rai-message-shell > .rayan-ai-bubble:last-child,
#rayan-ai-root .rayan-ai-message-row.assistant.has-model-fallback > .rai-message-shell > .rai-message-persona-bar:last-child {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-color: rgba(255, 64, 93, .50) !important;
}

#rayan-ai-root .rayan-ai-message-row.assistant.has-model-fallback > .rai-model-fallback-offer {
  margin: -1px 0 0 !important;
  border: 1px solid rgba(255, 64, 93, .58) !important;
  border-top-color: rgba(255, 64, 93, .38) !important;
  border-radius: 0 0 11px 11px !important;
  background: rgba(34, 5, 11, .90) !important;
  box-shadow: 0 7px 18px rgba(255, 32, 66, .08), 0 8px 20px rgba(0, 0, 0, .24) !important;
}

/* Hors état compact, Confidentialité et son mode restent sur une seule ligne.
   Le JavaScript active la grille historique à deux lignes seulement lorsque
   leur largeur rend réellement cette ligne impossible. */
#rayan-ai-root .rai-message-shell:not(.is-privacy-compact) > .rai-message-privacy-tab {
  display: inline-flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  white-space: nowrap !important;
}

#rayan-ai-root .rai-message-shell:not(.is-privacy-compact) > .rai-message-privacy-tab span,
#rayan-ai-root .rai-message-shell:not(.is-privacy-compact) > .rai-message-privacy-tab strong {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  #rayan-ai-root .rayan-ai-message-row.assistant.has-model-fallback > .rai-message-shell,
  #rayan-ai-root .rayan-ai-message-row.assistant.has-model-fallback > .rai-model-fallback-offer {
    width: 94% !important;
    max-width: 94% !important;
  }
}