/* ========================================================================== */
/* RAG AI Connector 0.20.4 — Workspace: conversations, scopes, personas, debug */
/* ========================================================================== */

/* Reprise rapide sur le portail */
#rayan-ai-root .rayan-ai-resume-latest {
  display:flex; align-items:center; justify-content:flex-start; gap:10px;
  width:min(100%,460px); margin:12px auto 0; padding:9px 12px;
  border:1px solid rgba(88,255,114,.28); border-radius:11px;
  background:linear-gradient(180deg,rgba(6,46,17,.40),rgba(1,21,7,.74));
  color:#dfffe5; font-family:"Courier New",monospace; text-align:left; cursor:pointer;
  box-shadow:inset 0 0 18px rgba(88,255,114,.03); transition:.16s ease;
}
#rayan-ai-root .rayan-ai-resume-latest:hover { border-color:#72ff89; box-shadow:0 0 15px rgba(88,255,114,.12); transform:translateY(-1px); }
#rayan-ai-root .rayan-ai-resume-icon { display:grid; place-items:center; width:28px; height:28px; border:1px solid rgba(88,255,114,.38); border-radius:8px; color:#72ff89; }
#rayan-ai-root .rayan-ai-resume-latest strong,#rayan-ai-root .rayan-ai-resume-latest small { display:block; }
#rayan-ai-root .rayan-ai-resume-latest strong { color:#8dffa0; font-size:9px; letter-spacing:.08em; }
#rayan-ai-root .rayan-ai-resume-latest small { max-width:360px; margin-top:2px; color:rgba(217,255,224,.55); font-size:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Barre outils enrichie */
#rayan-ai-root .rai-workspace-tools { align-items:flex-start; flex-wrap:wrap; }
#rayan-ai-root .rai-context-controls { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
#rayan-ai-root .rai-scope-control { display:flex; align-items:center; gap:8px; margin:0; color:rgba(217,255,224,.68); font:700 9px/1 "Courier New",monospace; text-transform:uppercase; letter-spacing:.12em; }
#rayan-ai-root .rai-scope-control select { min-width:170px; margin:0; border:1px solid rgba(88,255,114,.30); border-radius:8px; background:#021006; color:#dcffe2; padding:7px 30px 7px 9px; font:600 10px/1.2 "Courier New",monospace; }
#rayan-ai-root .rai-scope-control select:disabled { opacity:.60; cursor:not-allowed; }
#rayan-ai-root .rai-context-preview { flex-basis:100%; display:flex; justify-content:flex-end; flex-wrap:wrap; gap:6px; min-height:0; }
#rayan-ai-root .rai-context-preview span { display:inline-flex; padding:4px 7px; border:1px solid rgba(88,255,114,.13); border-radius:999px; background:rgba(15,68,27,.12); color:rgba(217,255,224,.48); font:8px/1.2 "Courier New",monospace; }
#rayan-ai-root .rai-context-preview b { color:#8dffa0; }

/* Historique : recherche + filtre */
#rayan-ai-root .rai-history-toolbar { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:8px; margin-bottom:10px; }
#rayan-ai-root .rai-history-search,#rayan-ai-root .rai-history-persona-filter { width:100%; min-width:0; border:1px solid rgba(88,255,114,.28); border-radius:9px; background:#021006; color:#e3ffe8; padding:9px 10px; font:9px/1.2 "Courier New",monospace; outline:none; }
#rayan-ai-root .rai-history-search:focus,#rayan-ai-root .rai-history-persona-filter:focus { border-color:#72ff89; box-shadow:0 0 10px rgba(88,255,114,.10); }
#rayan-ai-root .rai-history-actions { margin-bottom:10px; }
#rayan-ai-root .rai-empty-state { padding:18px; border:1px dashed rgba(88,255,114,.16); border-radius:10px; color:rgba(217,255,224,.46); text-align:center; font:9px/1.5 "Courier New",monospace; }

/* Messages : Copier / Supprimer */
#rayan-ai-root .rai-message-actions { display:flex; align-items:center; gap:6px; margin-top:2px; opacity:.55; transition:opacity .15s ease; }
#rayan-ai-root .rayan-ai-message-row:hover .rai-message-actions { opacity:1; }
#rayan-ai-root .rai-message-actions button { appearance:none; border:1px solid rgba(88,255,114,.18); border-radius:8px; background:rgba(10,55,20,.14); color:#9dffad; padding:5px 8px; font:700 8px/1 "Courier New",monospace; cursor:pointer; }
#rayan-ai-root .rai-message-actions button:hover { border-color:#72ff89; color:#eaffee; box-shadow:0 0 10px rgba(88,255,114,.09); }
#rayan-ai-root .rai-message-actions .rai-message-delete { border-color:rgba(255,80,105,.35); background:rgba(68,5,14,.24); color:#ff7186; }
#rayan-ai-root .rai-message-actions .rai-message-delete:hover { border-color:#ff6178; color:#ffdce1; box-shadow:0 0 11px rgba(255,75,100,.14); }

/* Stop génération */
#rayan-ai-root #rayan-ai-stop { appearance:none !important; flex:0 0 50px; width:50px; height:50px; min-width:50px; margin:0; padding:0; border:1px solid rgba(255,83,106,.78); border-radius:9px; background:linear-gradient(145deg,#5c0b19,#33050d); color:#ffdce2; box-shadow:0 0 16px rgba(255,70,95,.20); font-size:16px; cursor:pointer; }
#rayan-ai-root #rayan-ai-stop[hidden] { display:none !important; }
#rayan-ai-root #rayan-ai-stop:hover { background:#7b1022; box-shadow:0 0 22px rgba(255,70,95,.32); }

/* Filtres médias */
#rayan-ai-root .rai-media-upload small { display:block; margin-top:3px; color:rgba(217,255,224,.42); font-size:8px; }
#rayan-ai-root .rai-media-filters { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 10px; }
#rayan-ai-root .rai-media-filters button { appearance:none; border:1px solid rgba(88,255,114,.22); border-radius:999px; background:rgba(10,55,20,.12); color:rgba(217,255,224,.58); padding:5px 8px; font:700 8px/1 "Courier New",monospace; cursor:pointer; }
#rayan-ai-root .rai-media-filters button:hover,#rayan-ai-root .rai-media-filters button.is-active { border-color:#72ff89; background:rgba(13,94,31,.28); color:#eaffee; box-shadow:0 0 10px rgba(88,255,114,.10); }

/* Diagnostic Élu */
#rayan-ai-root .rai-diagnostic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
#rayan-ai-root .rai-diagnostic-card { padding:10px; border:1px solid rgba(88,255,114,.16); border-radius:10px; background:rgba(4,30,10,.25); }
#rayan-ai-root .rai-diagnostic-card span,#rayan-ai-root .rai-diagnostic-card strong { display:block; }
#rayan-ai-root .rai-diagnostic-card span { color:rgba(217,255,224,.45); font:8px/1.2 "Courier New",monospace; text-transform:uppercase; letter-spacing:.08em; }
#rayan-ai-root .rai-diagnostic-card strong { margin-top:4px; color:#8dffa0; font:700 10px/1.3 "Courier New",monospace; word-break:break-word; }
#rayan-ai-root .rai-diagnostic-raw { margin-top:12px; border:1px solid rgba(88,255,114,.15); border-radius:9px; padding:9px; color:#baffc5; }
#rayan-ai-root .rai-diagnostic-raw summary { cursor:pointer; font:700 9px "Courier New",monospace; }
#rayan-ai-root .rai-diagnostic-raw pre { white-space:pre-wrap; word-break:break-word; color:rgba(217,255,224,.58); font:8px/1.45 "Courier New",monospace; }

/* Backoffice personas V2 */
.rai-persona-advanced { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:12px; border:1px solid #d4e6d8; border-radius:8px; background:#f7fbf8; }
.rai-persona-advanced label { font-size:12px; }
.rai-persona-advanced select,.rai-persona-advanced input { width:100%; }

@media (max-width:900px) {
  #rayan-ai-root .rai-context-controls { width:100%; justify-content:space-between; }
  #rayan-ai-root .rai-persona-control,#rayan-ai-root .rai-scope-control { flex:1; }
  #rayan-ai-root .rai-persona-control select,#rayan-ai-root .rai-scope-control select { width:100%; min-width:0; }
  .rai-persona-advanced { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  #rayan-ai-root .rayan-ai-resume-latest { width:100%; }
  #rayan-ai-root .rai-context-controls { flex-direction:column; align-items:stretch; }
  #rayan-ai-root .rai-persona-control,#rayan-ai-root .rai-scope-control { width:100%; justify-content:space-between; }
  #rayan-ai-root .rai-context-preview { justify-content:flex-start; }
  #rayan-ai-root .rai-history-toolbar { grid-template-columns:1fr; }
  #rayan-ai-root .rai-diagnostic-grid { grid-template-columns:1fr; }
  #rayan-ai-root .rai-message-actions { opacity:1; }
  #rayan-ai-root #rayan-ai-stop { flex-basis:46px; width:46px; min-width:46px; height:46px; }
  .rai-persona-advanced { grid-template-columns:1fr; }
}