/* Rayan AI Connector 0.25.3 — visibilité des trois sélecteurs P7.3.
   La largeur de la fenêtre ne doit jamais forcer les contrôles verrouillés sur
   la même ligne : la modale est une colonne de largeur bornée. */

#rayan-ai-root #rayan-ai-modal .rai-composer-dock.is-tools-open .rai-chat-tools,
#rayan-ai-root #rayan-ai-modal .rai-composer-dock.is-tools-open .rai-chat-tools.is-context-locked {
  display: flex !important;
  flex-flow: column nowrap !important;
  align-items: stretch !important;
  align-content: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

#rayan-ai-root #rayan-ai-modal .rai-composer-dock.is-tools-open .rai-chat-tools > .rai-chat-tools-left,
#rayan-ai-root #rayan-ai-modal .rai-composer-dock.is-tools-open .rai-chat-tools.is-context-locked > .rai-chat-tools-left {
  flex: 0 0 auto !important;
  align-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

#rayan-ai-root #rayan-ai-modal .rai-composer-dock.is-tools-open .rai-chat-tools > .rai-selector-deck,
#rayan-ai-root #rayan-ai-modal .rai-composer-dock.is-tools-open .rai-chat-tools.is-context-locked > .rai-selector-deck {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  order: 0 !important;
  width: min(100%, 560px) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 2px auto 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  box-sizing: border-box !important;
}

#rayan-ai-root #rayan-ai-modal .rai-composer-dock.is-tools-open .rai-selector-deck.has-persona-selector > .rai-response-mode-selector,
#rayan-ai-root #rayan-ai-modal .rai-composer-dock.is-tools-open .rai-selector-deck.has-persona-selector > .rai-privacy-bar,
#rayan-ai-root #rayan-ai-modal .rai-composer-dock.is-tools-open .rai-selector-deck.has-persona-selector > .rai-persona-selector {
  position: relative !important;
  inset: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Le pied Persona reprend la DA de l'onglet Confidentialité, en miroir sous
   la réponse. Le fond et le contour suivent la confidentialité ; seuls le
   point et le nom conservent la couleur du personnage. */
#rayan-ai-root .rai-message-shell > .rai-message-persona-bar {
  justify-content: flex-end !important;
  gap: 6px !important;
  min-height: 27px !important;
  padding: 4px 9px 5px !important;
  border: 1px solid rgba(106, 152, 115, .46) !important;
  border-color: color-mix(in srgb, var(--rai-message-privacy-accent, #6a9873) 62%, transparent) !important;
  border-top: 0 !important;
  border-radius: 0 0 9px 9px !important;
  background: rgba(0, 12, 3, .96) !important;
  color: #b9d5bf !important;
  box-shadow: 0 5px 14px var(--rai-message-privacy-glow, rgba(106, 152, 115, .12)) !important;
  font: 700 9px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  letter-spacing: .055em !important;
  text-align: right !important;
  text-transform: uppercase !important;
}

#rayan-ai-root .rai-message-persona-bar .rai-message-persona-dot {
  width: 6px !important;
  height: 6px !important;
  flex: 0 0 6px !important;
  background: var(--rai-persona-accent) !important;
  box-shadow: 0 0 10px var(--rai-persona-accent) !important;
}

#rayan-ai-root .rai-message-persona-bar span {
  color: #b9d5bf !important;
  font: inherit !important;
  letter-spacing: inherit !important;
}

#rayan-ai-root .rai-message-persona-bar strong {
  color: var(--rai-persona-accent) !important;
  font: inherit !important;
  font-weight: 800 !important;
  letter-spacing: inherit !important;
}

/* Couleurs extraites des pixels lumineux dominants des six images ON. */
#rayan-ai-root .rai-message-persona-bar.is-gold {
  --rai-persona-accent: #e4a932;
  --rai-persona-glow: rgba(228, 169, 50, .4);
}

#rayan-ai-root .rai-message-persona-bar.is-orange {
  --rai-persona-accent: #df7720;
  --rai-persona-glow: rgba(223, 119, 32, .42);
}

#rayan-ai-root .rai-message-persona-bar.is-cyan {
  --rai-persona-accent: #5890d2;
  --rai-persona-glow: rgba(88, 144, 210, .42);
}

#rayan-ai-root .rai-message-persona-bar.is-violet {
  --rai-persona-accent: #a72aee;
  --rai-persona-glow: rgba(167, 42, 238, .42);
}

#rayan-ai-root .rai-message-persona-bar.is-blue {
  --rai-persona-accent: #1ca5f9;
  --rai-persona-glow: rgba(28, 165, 249, .42);
}

#rayan-ai-root .rai-message-persona-bar.is-matrix {
  --rai-persona-accent: #5bf259;
  --rai-persona-glow: rgba(91, 242, 89, .42);
}

@media (max-width: 430px) {
  #rayan-ai-root #rayan-ai-modal .rai-composer-dock.is-tools-open .rai-chat-tools > .rai-selector-deck,
  #rayan-ai-root #rayan-ai-modal .rai-composer-dock.is-tools-open .rai-chat-tools.is-context-locked > .rai-selector-deck {
    width: 100% !important;
  }

  #rayan-ai-root .rai-message-shell > .rai-message-persona-bar {
    min-height: 27px !important;
    padding: 4px 9px 5px !important;
    font-size: 8.5px !important;
  }
}