/* Changes are scoped to saved-view badges, row actions and local review controls. */
.chat-view-sidebar { scrollbar-width: auto; scrollbar-color: auto; }
.chat-view-sidebar::-webkit-scrollbar { width: 3px; height: 3px; }
.chat-view-sidebar::-webkit-scrollbar-track { background: transparent; }
.chat-view-sidebar::-webkit-scrollbar-thumb { background: transparent; border-radius: 3px; transition: background-color .18s; }
.chat-view-sidebar.is-scrolling::-webkit-scrollbar-thumb { background: #dedede; }
.chat-view-sidebar::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
.chat-view-sidebar .chat-saved-row { position: relative; }
.chat-view-sidebar .chat-saved-label { padding-right: 42px; }
.chat-view-sidebar .personal-view-row .chat-saved-label { padding-right: 34px; padding-left: 14px; }
.chat-view-sidebar .personal-view-row:hover .chat-saved-label,
.chat-view-sidebar .personal-view-row:focus-within .chat-saved-label { padding-right: 48px; }
.view-unread-badge {
  position: absolute;
  right: 14px;
  top: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 16px;
  padding: 0 5px;
  border-radius: 10px;
  background: #fff1f0;
  color: #ff4d4f;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  pointer-events: none;
}
.view-row-actions {
  position: absolute;
  right: 6px;
  top: 5px;
  display: none;
  align-items: center;
  gap: 2px;
  height: 26px;
  background: #fcfcfd;
}
.personal-view-row:hover .view-row-actions,
.personal-view-row:focus-within .view-row-actions { display: flex; }
.personal-view-row:hover .view-unread-badge,
.personal-view-row:focus-within .view-unread-badge { visibility: hidden; }
.view-row-actions button { border: 0; background: transparent; cursor: pointer; color: #8c8c8c; font: inherit; }
.view-pin-button, .view-more-button { width: 22px; height: 26px; padding: 4px; border-radius: 4px; }
.view-pin-button svg { display: block; width: 14px; height: 14px; }
.view-row-actions .pinned { color: #ff6600; }
.view-pin-button:hover, .view-more-button:hover { background: #f0f0f0; }
.view-more-wrap { position: relative; }
.view-more-menu {
  position: absolute;
  right: 0;
  top: 25px;
  z-index: 80;
  display: none;
  width: 92px;
  padding: 4px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 4px 16px #0002;
}
.view-more-wrap:hover .view-more-menu, .view-more-menu.open { display: block; }
.view-more-menu button { display: block; width: 100%; height: 30px; text-align: left; padding: 4px 12px; }
.view-more-menu button:hover { background: #f5f5f5; }
.chat-public-views .chat-saved-row { color: rgba(0, 0, 0, .65); }
.conversation-unread-badge {
  position: absolute;
  z-index: 1;
  top: -5px;
  right: -3px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border: 1px solid #fff;
  border-radius: 10px;
  background: #ff7875;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
}
.chat-item [data-row-more] { position: absolute; right: 8px; top: 29px; width: 22px; height: 22px; padding: 4px; border-radius: 4px; opacity: 0; }
.chat-item:hover [data-row-more] { opacity: 1; background: #0001; }
.chat-item [data-row-more] .icon { transform: rotate(90deg); }
.chat-item .grow { padding-right: 22px; }
.conversation-action-menu { position: fixed; z-index: 1800; width: 168px; padding: 4px; border-radius: 6px; background: white; box-shadow: 0 6px 24px #0002; }
.conversation-action-menu button { display: block; width: 100%; height: 32px; padding: 5px 12px; border: 0; border-radius: 4px; background: white; color: #262626; font: inherit; text-align: left; cursor: pointer; }
.conversation-action-menu button:hover { background: #f5f5f5; }
.ordinary-assignment { width: 600px; max-width: calc(100vw - 40px); }
.demo-panel .demo-identity { display: block; margin: 12px 0; }
.demo-panel .demo-identity .control { display: block; width: 100%; margin-top: 6px; }
.demo-panel .demo-buttons { display: flex; flex-wrap: wrap; gap: 6px; }
.demo-panel .demo-state { font-size: 12px; line-height: 20px; color: #8c8c8c; }
.demo-panel .check-row { display: flex; gap: 8px; align-items: center; margin: 14px 0; font-size: 12px; }
.filter-chip-remove { margin-left: 5px; color: #bfbfbf; cursor: pointer; }
.filter-chip-remove:hover { color: #595959; }