/* mnemo16-ui chat add-on: reply time, branch button, per-bot accent */
[data-testid="transcript"] [data-message-id] { position: relative; }
.mnemo-rtime { display: inline-flex; gap: .4em; margin: 2px 0 0; font: 500 11px/1.4 var(--xeme-mono, ui-monospace, monospace); color: var(--muted-foreground); }
.mnemo-branch { opacity: 0; margin: 2px 0 0 .6em; padding: 1px 8px; border: 1px solid var(--border); border-radius: 999px; background: var(--background); color: var(--muted-foreground); font: 500 11px/1.6 inherit; cursor: pointer; transition: opacity .12s; }
[data-message-id]:hover > .mnemo-branch, .mnemo-branch:focus-visible { opacity: 1; }
.mnemo-branch:hover { color: var(--foreground); border-color: var(--mnemo-bot-accent, var(--ring)); }
.mnemo-branch:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
@media (hover: none) { .mnemo-branch { opacity: .8; } }
html[data-mnemo-bot-look] [data-testid="composer-bar"] { border-top: 2px solid var(--mnemo-bot-accent); }
html[data-mnemo-bot-look] .mnemo-chat-running i { background: var(--mnemo-bot-accent); }
.mnemo-look-chip { width: 14px; height: 14px; border-radius: 50%; flex: none; box-shadow: 0 0 0 2px var(--mnemo-bot-accent, transparent); }
/* user messages sit on the right, so their add-ons do too */
[data-message-id]:has(> .justify-end) > :is(.mnemo-branch, .mnemo-rtime) { display: flex; width: max-content; margin-left: auto; }