/* ========================================================================== */
/* RAG AI Connector 0.20.9 — outils alignés + contexte verrouillé lisible    */
/* ========================================================================== */

/* Poignée : les trois traits restent parfaitement centrés et superposés. */
#rayan-ai-root #rayan-ai-modal .rai-mobile-tools-grip{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
}
#rayan-ai-root #rayan-ai-modal .rai-mobile-tools-grip i,
#rayan-ai-root #rayan-ai-modal .rai-mobile-tools-grip i:nth-child(2),
#rayan-ai-root #rayan-ai-modal .rai-mobile-tools-grip i:nth-child(3){
  display:block!important;
  width:24px!important;
  height:1px!important;
  margin:0 auto!important;
  opacity:.78!important;
  transform:none!important;
}

/* Formats intermédiaires : poignée stable au centre, sans décalage. */
@media(min-width:431px) and (max-width:1100px){
  #rayan-ai-root #rayan-ai-modal .rai-mobile-tools-grip{
    width:30px!important;
    min-width:30px!important;
  }
  #rayan-ai-root #rayan-ai-modal .rai-mobile-tools-grip i,
  #rayan-ai-root #rayan-ai-modal .rai-mobile-tools-grip i:nth-child(2),
  #rayan-ai-root #rayan-ai-modal .rai-mobile-tools-grip i:nth-child(3){
    width:24px!important;
  }
}

/* Après démarrage d'une conversation, les selects disparaissent :
   seul le contexte réellement verrouillé reste affiché. */
#rayan-ai-root #rayan-ai-modal .rai-chat-tools.is-context-locked .rai-context-controls{
  display:none!important;
}

/* Le résumé Persona / Périmètre reste lisible partout. */
#rayan-ai-root #rayan-ai-modal .rai-context-preview{
  display:flex!important;
  width:100%!important;
  flex-basis:100%!important;
  justify-content:flex-end!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  min-height:0!important;
}

#rayan-ai-root #rayan-ai-modal .rai-context-preview span{
  display:inline-flex!important;
  align-items:center!important;
  padding:5px 8px!important;
  border:1px solid rgba(88,255,114,.18)!important;
  border-radius:999px!important;
  background:rgba(15,68,27,.13)!important;
  color:#f4fff6!important;
  font:500 9.5px/1.3 "Courier New",monospace!important;
  letter-spacing:.015em!important;
  opacity:1!important;
}

#rayan-ai-root #rayan-ai-modal .rai-context-preview b{
  color:#9dffad!important;
  font-weight:700!important;
}

/* Une fois verrouillé, le résumé devient le seul repère de contexte et prend
   une place propre au centre/droite selon la largeur. */
#rayan-ai-root #rayan-ai-modal .rai-chat-tools.is-context-locked .rai-context-preview{
  justify-content:flex-end!important;
  padding-top:2px!important;
}

@media(max-width:760px){
  #rayan-ai-root #rayan-ai-modal .rai-context-preview,
  #rayan-ai-root #rayan-ai-modal .rai-chat-tools.is-context-locked .rai-context-preview{
    justify-content:flex-start!important;
  }
  #rayan-ai-root #rayan-ai-modal .rai-context-preview span{
    font-size:9px!important;
    line-height:1.32!important;
    white-space:normal!important;
  }
}

@media(max-width:430px){
  #rayan-ai-root #rayan-ai-modal .rai-mobile-tools-grip i,
  #rayan-ai-root #rayan-ai-modal .rai-mobile-tools-grip i:nth-child(2),
  #rayan-ai-root #rayan-ai-modal .rai-mobile-tools-grip i:nth-child(3){
    width:21px!important;
  }
  #rayan-ai-root #rayan-ai-modal .rai-context-preview span{
    font-size:8.7px!important;
    padding:4px 7px!important;
  }
}