/* Rayan AI Connector 0.25.6 — P12 images immuables, proportions et modes. */

/* La carte Persona conserve exactement sa largeur et son centrage, mais sa
   hauteur passe de 204 px à 143 px : réduction arrondie de 30 %. */
#rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-selector-deck.has-persona-selector > .rai-persona-selector {
  flex: 0 0 143px !important;
  width: 204px !important;
  min-width: 204px !important;
  max-width: 204px !important;
  height: 143px !important;
  min-height: 143px !important;
  max-height: 143px !important;
  aspect-ratio: auto !important;
}

#rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-persona-summary {
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  flex: 0 0 143px !important;
  width: 204px !important;
  min-width: 204px !important;
  max-width: 204px !important;
  height: 143px !important;
  min-height: 143px !important;
  max-height: 143px !important;
  aspect-ratio: auto !important;
  padding: 7px 10px !important;
}

#rayan-ai-root #rayan-ai-modal .rai-persona-image-cue {
  width: 180px !important;
  height: 73px !important;
  margin: -2px auto -3px !important;
}

#rayan-ai-root #rayan-ai-modal .rai-persona-image-cue img {
  width: 180px !important;
  height: auto !important;
  max-width: 100% !important;
  aspect-ratio: 300 / 121 !important;
  object-fit: contain !important;
}

#rayan-ai-root #rayan-ai-modal .rai-persona-summary .rai-context-selector-action {
  min-height: 26px !important;
  padding: 4px 11px !important;
}

/* Le masque était optiquement trop bas au centre de la carte. Le déplacement
   porte sur le conteneur visuel, pas sur le PNG et pas sur les autres cartes. */
#rayan-ai-root #rayan-ai-modal .rai-privacy-image-cue.rai-context-selector-visual {
  transform: translate(-50%, -7px) !important;
}

/* Le connecteur reflète la politique serveur du Rédacteur : RAG Only reste
   visible pour expliquer la règle, mais ne peut pas être sélectionné. */
#rayan-ai-root #rayan-ai-modal .rai-response-persona-policy {
  margin: 2px auto 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(248, 120, 24, .42) !important;
  border-radius: 7px !important;
  background: rgba(62, 22, 1, .56) !important;
  color: #ffc48b !important;
  font: 700 9.5px/1.45 "Courier New", ui-monospace, monospace !important;
  text-align: center !important;
}

#rayan-ai-root #rayan-ai-modal .rai-response-persona-policy[hidden] {
  display: none !important;
}

#rayan-ai-root #rayan-ai-modal .rai-response-mode-options > button.is-incompatible,
#rayan-ai-root #rayan-ai-modal .rai-response-mode-options > button.is-incompatible:disabled {
  cursor: not-allowed !important;
  opacity: .46 !important;
  filter: grayscale(.45) saturate(.55) !important;
  transform: none !important;
}

#rayan-ai-root #rayan-ai-modal .rai-response-mode-options > button.is-incompatible .rai-selector-choice-state {
  border-color: rgba(255, 105, 79, .38) !important;
  background: rgba(91, 16, 8, .24) !important;
  color: #ff9d8e !important;
}

@media (max-width: 420px) {
  #rayan-ai-root #rayan-ai-modal .rai-privacy-image-cue.rai-context-selector-visual {
    transform: translate(-50%, -5px) !important;
  }
}

@media (max-width: 360px) {
  #rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-selector-deck.has-persona-selector > .rai-persona-selector,
  #rayan-ai-root #rayan-ai-modal .rai-chat-tools .rai-persona-summary {
    flex-basis: 123px !important;
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
    height: 123px !important;
    min-height: 123px !important;
    max-height: 123px !important;
  }

  #rayan-ai-root #rayan-ai-modal .rai-persona-image-cue,
  #rayan-ai-root #rayan-ai-modal .rai-persona-image-cue img {
    width: 158px !important;
    height: auto !important;
  }

  #rayan-ai-root #rayan-ai-modal .rai-persona-summary .rai-context-selector-action {
    min-height: 24px !important;
    padding-block: 3px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #rayan-ai-root #rayan-ai-modal .rai-response-mode-options > button.is-incompatible {
    transition: none !important;
  }
}