.group-history { width:100%; margin:0 0 1.1rem; color:var(--text); }
.group-history[hidden] { display:none; }
.group-history-details { border:1px solid var(--line); border-radius:14px; background:var(--surface); overflow:hidden; }
.group-history-details > summary { cursor:pointer; padding:.85rem 1rem; font-weight:650; }
.group-history-details > summary span { display:inline-block; font-weight:400; margin-inline-start:.5rem; opacity:.8; }
.group-history-content { padding:0 1rem 1rem; }
.group-history-note { font-size:.8rem; opacity:.75; margin:0 0 .75rem; }
.group-history-content label { display:block; margin-bottom:.75rem; }
.group-history-content select { max-width:100%; }
.group-history-messages { max-height:350px; overflow:auto; overscroll-behavior:contain; display:flex; flex-direction:column; gap:.65rem; padding:.5rem 0; }
.group-history-message { max-width:85%; padding:.7rem .9rem; border:1px solid var(--line); border-radius:12px; background:var(--bg); align-self:flex-start; }
.group-history-message.outgoing { align-self:flex-end; }
.group-history-message > small { opacity:.65; font-size:.7rem; }
.group-history-message p { margin:.35rem 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.group-history-message blockquote { margin:.3rem 0; padding:.35rem .65rem; border-inline-start:3px solid var(--accent); opacity:.85; white-space:pre-wrap; overflow-wrap:anywhere; }
.group-history-message footer { display:flex; gap:.75rem; justify-content:space-between; flex-wrap:wrap; font-size:.65rem; opacity:.8; }
.group-history-message a { color:var(--accent); font-size:.8rem; overflow-wrap:anywhere; }
.group-history-checkpoint { display:flex; align-items:center; gap:.65rem; margin:1rem 0; font-size:.8rem; text-align:center; color:var(--muted); }
.group-history-checkpoint::before,.group-history-checkpoint::after { content:""; flex:1; border-top:1px dashed var(--accent); }
.group-history-checkpoint time { display:block; font-size:.7rem; }