/* Fluvo — densite d'affichage. Charge apres style.css, ne remplace rien. */
:root { --fs-msg: 13.5px; }

/* --- bulles compactes --- */
#vue .msg, .msg {
  font-size: var(--fs-msg);
  line-height: 1.38;
  padding: 5px 10px 4px;
  border-radius: 13px !important;
  border-bottom-left-radius: 5px !important;
  box-shadow: 0 1px 3px var(--ombre, rgba(0,0,0,.18)) !important;
  max-width: min(620px, 74%);
}
.msg.moi {
  border-radius: 13px !important;
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 13px !important;
  box-shadow: 0 1px 4px color-mix(in srgb, var(--accent) 24%, transparent) !important;
}

/* --- espacement du fil : de l'air sur les cotes, du rythme entre messages --- */
.fil {
  padding: 14px 22px 10px !important;
  gap: 3px !important;
}
.msg + .msg { margin-top: 0; }
/* un vrai blanc quand l'interlocuteur change */
.msg + .msg.moi, .msg.moi + .msg:not(.moi) { margin-top: 9px; }

.msg .exp { font-size: .8em; margin-bottom: 1px; line-height: 1.2; }
.msg .h   { font-size: .72em; margin-top: 1px; line-height: 1.1; gap: 4px; }
.msg .react { font-size: .82em; padding: 1px 6px; }
.msg .reacts { gap: 3px; margin-top: 3px; }
.msg .cite { padding: 3px 7px; margin-bottom: 3px; border-radius: 6px; }
.msg .cite .qui { font-size: .82em; }
.msg .cite .txt { font-size: .85em; }
.msg .fil3 { font-size: .85em; padding: 2px 8px; margin-top: 4px; }
.msg img { margin-top: 3px; border-radius: 9px; }

/* --- liste de gauche, un peu plus dense --- */
.liste .chat { padding-top: 7px; padding-bottom: 7px; }

/* --- ascenseurs aux couleurs du theme --- */
* { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--accent) 55%, transparent) transparent; }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--accent) 45%, transparent);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: content-box;
}
*::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--accent) 75%, transparent); background-clip: content-box; }
*::-webkit-scrollbar-corner { background: transparent; }
#rail::-webkit-scrollbar { display: none; }