/* ARTEX: сообщения пользователя справа в пузыре, без имени и аватара.
   Рассчитано на разметку LibreChat v0.8.7. Если после обновления метки изменятся,
   правила просто перестанут срабатывать и вид вернётся к стандартному. */
.message-render:has(> .user-turn){justify-content:flex-end}
.message-render:has(> .user-turn) > div:first-child:not(.user-turn){display:none}
.message-render > .user-turn{width:auto;max-width:85%;min-width:0;margin-left:auto;align-items:flex-end}
.user-turn > h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.user-turn > .flex.flex-col{align-items:flex-end;max-width:100%;min-width:0}
.user-turn .text-message{
  width:fit-content;max-width:100%;padding:10px 14px;
  background:#4F46E5;color:#fff;border-radius:18px 18px 4px 18px;
  overflow-wrap:anywhere;
}
.user-turn .text-message .message-content,
.user-turn .text-message .message-content *{color:#fff}
.user-turn .text-message .message-content{--tw-prose-body:#fff;--tw-prose-invert-body:#fff}
.user-turn .text-message p:last-child{margin-bottom:0}
.user-turn .text-message a{text-decoration:underline}
.user-turn .text-message ::selection{background:#fff;color:#4F46E5}
.user-turn .mt-1.flex.justify-start{justify-content:flex-end}
/* при редактировании поле ввода занимает всю ширину */
.message-render > .user-turn:has(textarea){width:100%;max-width:100%}
.user-turn:has(textarea) > .flex.flex-col{width:100%;align-items:stretch}
.user-turn .text-message:has(textarea){width:100%;padding:0;background:none;color:inherit;border-radius:0;overflow-wrap:normal}
.user-turn .text-message:has(textarea) div:has(> button){flex-wrap:wrap}