/* Additive shared component styles; existing chat density and navigation stay intact. */
.rr-check { appearance:none; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:24px; height:24px; margin:-4px -3px; padding:0; border:0; border-radius:5px; background:transparent; color:#949ab1; cursor:pointer; vertical-align:middle; line-height:1; }
.rr-check:hover, .rr-check[aria-expanded="true"] { background:#6a62ee12; }
.ac-inline-time .rr-check svg, .cc-message-meta .rr-check svg { color:#949ab1; }
.ac-inline-time .rr-check.is-read svg, .cc-message-meta .rr-check.is-read svg { color:#6862ee; }
.rr-check:focus-visible, .rr-close:focus-visible { outline:2px solid #6862ee; outline-offset:3px; }
.rr-popover { display:flex; flex-direction:column; position:fixed; z-index:1100; box-sizing:border-box; padding:12px; border:1px solid #e9eaf0; border-radius:12px; background:#fff; color:#17171c; box-shadow:0 8px 30px #20213b14,0 2px 6px #20213b05; font-family:Manrope,system-ui,sans-serif; font-size:13px; line-height:1.5; text-align:left; max-width:calc(100vw - 20px); max-height:min(var(--rr-max-height,calc(100dvh - 20px)),calc(100dvh - 20px)); }
.rr-popover *, .rr-popover *::before, .rr-popover *::after { box-sizing:border-box; }
.rr-popover-arrow { position:absolute; top:-6px; left:calc(var(--rr-arrow-left) - 6px); width:10px; height:10px; border-top:1px solid #e9eaf0; border-left:1px solid #e9eaf0; background:#fff; transform:rotate(45deg); }
.rr-popover.is-above .rr-popover-arrow { top:auto; bottom:-6px; transform:rotate(225deg); }
.rr-popover-heading { flex-shrink:0; display:flex; align-items:center; gap:8px; margin:0 0 7px; }
.rr-popover-heading > strong { font-size:13px; font-weight:700; flex:1; }
.rr-close { appearance:none; border:0; background:transparent; color:#80869e; width:26px; height:26px; padding:4px; display:flex; align-items:center; justify-content:center; border-radius:6px; cursor:pointer; }
.rr-close:hover { background:#f2f3f5; }
.rr-popover-body { min-height:0; max-height:300px; overflow-y:auto; overscroll-behavior:contain; }
.rr-recipients { list-style:none; padding:0; margin:0; }
.rr-recipients > li { display:flex; align-items:center; gap:10px; min-height:54px; padding:7px 0; }
.rr-avatar { width:34px; height:34px; flex-shrink:0; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#eeeffa; color:#36394d; font-size:12px; }
.rr-recipient-copy { display:flex; flex-direction:column; min-width:0; flex:1; gap:2px; }
.rr-recipient-copy > strong { font-size:12px; font-weight:600; overflow-wrap:anywhere; }
.rr-recipient-copy > span { color:#80869e; font-size:11px; line-height:1.45; }
.rr-recipients svg { flex-shrink:0; }
.rr-read-icon { color:#6862ee; }
.rr-sent-icon { color:#949ab1; }
.rr-state { margin:8px 0 4px; color:#80869e; font-size:12px; }
@media (pointer:coarse) { .rr-check { width:30px; height:30px; margin:-7px -4px; } .rr-close { width:36px; height:36px; } }