.cr-footer { display:flex; align-items:flex-end; justify-content:space-between; gap:8px 16px; width:100%; min-width:0; flex-wrap:wrap; }
.cr-reactions { display:flex; align-items:center; gap:5px; flex-wrap:wrap; min-width:0; }
.cr-chip { display:inline-flex; align-items:center; height:27px; border:1px solid transparent; border-radius:18px; background:#ffffffbf; color:#55596b; overflow:hidden; }
.cr-chip.is-mine { background:#e5e0ff; border-color:#c9bfff; color:#6554cf; }
.cr-chip button { display:flex; align-items:center; justify-content:center; border:0; background:transparent; color:inherit; padding:0; font:inherit; cursor:pointer; height:100%; }
.cr-chip .cr-chip-emoji { padding:0 2px 0 8px; font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif; font-size:16px; line-height:1; }
.cr-chip .cr-chip-count { min-width:23px; padding:0 8px 0 3px; font-size:11px; font-weight:600; }
.cr-chip button:hover { background:#7162de12; }
.cr-chip button:disabled { cursor:default; }
.cr-chip button:focus-visible { outline:2px solid #7665ed; outline-offset:-2px; }
.cr-action { position:relative; }
.cr-action-plus { position:absolute; top:4px; right:4px; background:#fff; border-radius:50%; }
.ac-bubble:has(.cr-footer), .cc-bubble:has(.cr-footer) { display:grid; grid-template-columns:minmax(0,1fr); row-gap:8px; width:max-content; }
.ac-bubble .cr-footer .ac-inline-time, .cc-bubble .cr-footer .cc-message-meta { margin-left:auto; }
.cr-client-actions { display:flex; gap:2px; position:absolute; left:0; top:-27px; background:#fff; border:1px solid #e9eaf0; border-radius:9px; padding:1px; opacity:0; pointer-events:none; box-shadow:0 3px 12px #20213d08; z-index:3; }
.cc-message.is-own .cr-client-actions { left:auto; right:0; }
.cc-message:hover .cr-client-actions, .cc-message:focus-within .cr-client-actions { opacity:1; pointer-events:auto; }
.cr-client-actions .cc-icon { width:27px; height:25px; }
.cr-popover { position:fixed; z-index:1500; box-sizing:border-box; display:flex; flex-direction:column; overflow:hidden; border:1px solid #e1e2eb; border-radius:15px; background:#fff; color:#20222b; box-shadow:0 8px 32px #26213d18; font-family:'Manrope',sans-serif; font-size:13px; line-height:1.5; }
.cr-popover button, .cr-popover input { font-family:inherit; }
.cr-popover button { cursor:pointer; }
.cr-popover button:focus-visible { outline:2px solid #8271ec; outline-offset:-2px; }
.cr-quick-row { display:flex; justify-content:space-between; align-items:center; padding:5px; gap:2px; }
.cr-quick-emoji, .cr-more, .cr-close { border:0; background:transparent; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.cr-quick-emoji { width:40px; height:40px; border-radius:50%; font-size:24px; line-height:1; font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif!important; }
.cr-quick-emoji:hover, .cr-quick-emoji.is-mine { background:#eeebff; }
.cr-more { border:1px solid #e4e5ee; width:34px; height:34px; border-radius:50%; color:#7f87a2; margin-inline:2px; }
.cr-heading { flex-shrink:0; display:flex; align-items:center; justify-content:space-between; padding:10px 12px 5px; }
.cr-heading strong { font-size:13px; font-weight:650; }
.cr-close { width:30px; height:30px; border-radius:8px; color:#858ba1; }
.cr-close:hover { background:#f5f4fa; }
.cr-popover .chat-emoji-search { margin:7px 12px; }
.cr-popover .chat-emoji-scroll { min-height:0; flex:1; overflow-y:auto; overscroll-behavior:contain; }
.cr-popover .chat-emoji-categories { padding-inline:8px; }
.cr-popover .chat-emoji-grid { grid-template-columns:repeat(auto-fill,minmax(36px,1fr)); }
.cr-popover.cr-compact .chat-emoji-categories { display:none; }
.cr-backdrop { position:fixed; inset:0; background:#20212d20; z-index:1499; }
.cr-details-body { overflow-y:auto; padding:3px 12px 12px; min-height:0; }
.cr-details-summary { display:flex; gap:8px; align-items:center; margin:1px 0 8px; color:#777188; }
.cr-details-summary > span { font-size:23px; }
.cr-participants { list-style:none; margin:0; padding:0; }
.cr-participants li { display:flex; align-items:center; gap:10px; padding:6px 0; overflow-wrap:anywhere; }
.cr-person-avatar { width:30px; height:30px; border-radius:50%; display:flex; justify-content:center; align-items:center; background:#eeebff; color:#726798; font-size:12px; flex-shrink:0; }
.cr-empty { color:#82879b; }
.cr-error { color:#a94850; font-size:11px; width:100%; }
.cr-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media (max-width:760px), (hover:none), (pointer:coarse) {
  .cr-chip { height:44px; }
  .cr-chip .cr-chip-emoji, .cr-chip .cr-chip-count { min-width:44px; box-sizing:border-box; padding:0 8px; }
  .cr-client-actions { position:static; opacity:1; pointer-events:auto; align-self:flex-end; flex-direction:column; background:transparent; border:0; box-shadow:none; }
  .cr-client-actions .cc-icon { width:44px; height:44px; }
  .ac-message-actions:has(.cr-action) { position:static; opacity:1; pointer-events:auto; flex-direction:column; background:transparent; border:0; box-shadow:none; }
  .admin-chats .ac-message-actions .ac-icon-button { width:44px; height:44px; }
  .cr-more, .cr-quick-emoji { width:44px; height:44px; box-sizing:border-box; margin:0; }
  .cr-quick-row { flex-wrap:wrap; justify-content:center; }
  .cr-close { width:44px; height:44px; }
  .cr-action-plus { top:9px; right:9px; }
  .cr-popover .chat-emoji-search input { font-size:16px; }
  .cr-popover .chat-emoji-grid { grid-template-columns:repeat(auto-fill,minmax(44px,1fr)); }
  .cr-popover .chat-emoji-cell, .cr-popover .chat-emoji-category { min-width:44px; height:44px; }
}