/* Rayan AI Connector 0.25.7 — fallback privé, teinte Persona et historique. */

/* La carte et le panneau Persona héritent de la teinte lumineuse exacte du
   bouton actif. Les dimensions P12 restent strictement inchangées. */
#rayan-ai-root #rayan-ai-modal .rai-persona-selector.is-persona-gold,
#rayan-ai-root #rayan-ai-modal .rai-persona-panel.is-persona-gold {
  --rai-selector-accent: #fabf05;
  --rai-selector-rgb: 250, 191, 5;
}

#rayan-ai-root #rayan-ai-modal .rai-persona-selector.is-persona-orange,
#rayan-ai-root #rayan-ai-modal .rai-persona-panel.is-persona-orange {
  --rai-selector-accent: #f87818;
  --rai-selector-rgb: 248, 120, 24;
}

#rayan-ai-root #rayan-ai-modal .rai-persona-selector.is-persona-cyan,
#rayan-ai-root #rayan-ai-modal .rai-persona-panel.is-persona-cyan {
  --rai-selector-accent: #85aad0;
  --rai-selector-rgb: 133, 170, 208;
}

#rayan-ai-root #rayan-ai-modal .rai-persona-selector.is-persona-violet,
#rayan-ai-root #rayan-ai-modal .rai-persona-panel.is-persona-violet {
  --rai-selector-accent: #eb11f9;
  --rai-selector-rgb: 235, 17, 249;
}

#rayan-ai-root #rayan-ai-modal .rai-persona-selector.is-persona-blue,
#rayan-ai-root #rayan-ai-modal .rai-persona-panel.is-persona-blue {
  --rai-selector-accent: #0490fb;
  --rai-selector-rgb: 4, 144, 251;
}

#rayan-ai-root #rayan-ai-modal .rai-persona-selector.is-persona-matrix,
#rayan-ai-root #rayan-ai-modal .rai-persona-panel.is-persona-matrix {
  --rai-selector-accent: #19f219;
  --rai-selector-rgb: 25, 242, 25;
}

#rayan-ai-root #rayan-ai-modal .rai-persona-selector .rai-persona-summary {
  border-color: rgba(var(--rai-selector-rgb), .74) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(var(--rai-selector-rgb), .18), transparent 58%),
    linear-gradient(155deg, rgba(var(--rai-selector-rgb), .085), rgba(0, 10, 4, .99) 72%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .045),
    0 8px 24px rgba(0, 0, 0, .30),
    0 0 16px rgba(var(--rai-selector-rgb), .13) !important;
}

#rayan-ai-root #rayan-ai-modal .rai-persona-selector .rai-context-selector-action {
  border-color: rgba(var(--rai-selector-rgb), .46) !important;
  background: rgba(var(--rai-selector-rgb), .075) !important;
  color: var(--rai-selector-accent) !important;
  text-shadow: 0 0 8px rgba(var(--rai-selector-rgb), .18) !important;
}

#rayan-ai-root #rayan-ai-modal .rai-persona-selector .rai-context-selector-kicker {
  color: var(--rai-selector-accent) !important;
  text-shadow: 0 0 8px rgba(var(--rai-selector-rgb), .20) !important;
}

#rayan-ai-root #rayan-ai-modal .rai-persona-selector.is-locked .rai-persona-summary:disabled {
  border-color: rgba(var(--rai-selector-rgb), .60) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    0 7px 20px rgba(0, 0, 0, .27),
    0 0 12px rgba(var(--rai-selector-rgb), .10) !important;
}

/* Les actions d'historique forment deux commandes distinctes : création
   Matrix et suppression bornée, rouge, des lignes réellement visibles. */
#rayan-ai-root #rayan-ai-modal .rai-chat-drawer .rai-history-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
}

#rayan-ai-root #rayan-ai-modal .rai-chat-drawer .rai-history-delete-visible {
  appearance: none !important;
  min-width: 0 !important;
  min-height: 46px !important;
  padding: 9px 12px !important;
  border: 1px solid rgba(255, 70, 94, .68) !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, rgba(78, 7, 18, .46), rgba(37, 3, 9, .72)) !important;
  color: #ff8b9c !important;
  box-shadow: inset 0 0 14px rgba(255, 76, 101, .035), 0 0 9px rgba(255, 76, 101, .07) !important;
  font: 800 9px/1.3 "Courier New", ui-monospace, monospace !important;
  letter-spacing: .025em !important;
  cursor: pointer !important;
  transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

#rayan-ai-root #rayan-ai-modal .rai-chat-drawer .rai-history-delete-visible:hover,
#rayan-ai-root #rayan-ai-modal .rai-chat-drawer .rai-history-delete-visible:focus-visible {
  border-color: #ff7185 !important;
  background: linear-gradient(180deg, rgba(121, 8, 24, .60), rgba(64, 4, 14, .82)) !important;
  color: #ffe5e9 !important;
  box-shadow: 0 0 15px rgba(255, 82, 105, .22), inset 0 0 14px rgba(255, 82, 105, .05) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

#rayan-ai-root #rayan-ai-modal .rai-chat-drawer .rai-history-delete-visible:disabled {
  cursor: not-allowed !important;
  opacity: .44 !important;
  transform: none !important;
  box-shadow: none !important;
}

@media (max-width: 430px) {
  #rayan-ai-root #rayan-ai-modal .rai-chat-drawer .rai-history-actions {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #rayan-ai-root #rayan-ai-modal .rai-chat-drawer .rai-history-delete-visible {
    transition: none !important;
  }
}