/* Generated by scripts/build-dark-theme.mjs from common.css, emoji-picker.css, chat.css — do not edit by hand. */

/* common.css */
:root[data-accent]:has(.chat-app) {
  --ink: hsl(calc(151deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 18%);
  --accent: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 33%);
  --accent-light: hsl(calc(138deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 93%);
  --line: hsl(calc(124deg + var(--accent-shift, 0deg)) calc(12% * var(--accent-sat, 1)) 90%);
}
:root[data-accent]:has(.chat-app) input:focus,
:root[data-accent]:has(.chat-app) textarea:focus,
:root[data-accent]:has(.chat-app) select:focus {
  box-shadow: 0 0 0 3px hsl(calc(148deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 33% / 0.075);
}
:root[data-accent]:has(.chat-app) button:focus-visible,
:root[data-accent]:has(.chat-app) a:focus-visible,
:root[data-accent]:has(.chat-app) [tabindex]:focus-visible {
  outline: 3px solid hsl(calc(143deg + var(--accent-shift, 0deg)) calc(15% * var(--accent-sat, 1)) 71%);
}
:root[data-accent]:has(.chat-app) ::selection {
  background: hsl(calc(138deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 88%);
}
:root[data-accent]:has(.chat-app) .btn:hover {
  background: hsl(calc(147deg + var(--accent-shift, 0deg)) calc(26% * var(--accent-sat, 1)) 26%);
}
:root[data-accent]:has(.chat-app) .demo-notice {
  background: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 93%);
  border-bottom: 1px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 87%);
}
:root[data-accent]:has(.chat-app) .app-modal {
  box-shadow: 0 24px 100px hsl(calc(146deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 12% / 0.188);
}
:root[data-accent]:has(.chat-app) .app-modal::backdrop {
  background: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 18% / 0.396);
}
:root[data-accent]:has(.chat-app) #toast-region {
  background: hsl(calc(147deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 20%);
  box-shadow: 0 8px 35px hsl(calc(146deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 12% / 0.125);
}
:root[data-accent]:has(.chat-app) .auth-story {
  background: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 93%);
}
:root[data-accent]:has(.chat-app) .auth-story:after {
  border: 1px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 84%);
}
:root[data-accent]:has(.chat-app) .auth-mini {
  box-shadow: 0 20px 50px hsl(calc(130deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 28% / 0.039);
}
:root[data-accent]:has(.chat-app) .auth-progress i {
  background: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 90%);
}
:root[data-accent]:has(.chat-app) .org-address {
  background: hsl(calc(122deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 97%);
}
:root[data-accent]:has(.chat-app) .ready-check {
  background: hsl(calc(134deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 93%);
}
:root[data-accent]:has(.chat-app) .ready-link {
  background: hsl(calc(124deg + var(--accent-shift, 0deg)) calc(27% * var(--accent-sat, 1)) 96%);
}
:root[data-accent]:has(.chat-app) .auth-details {
  background: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(29% * var(--accent-sat, 1)) 95%);
}
:root[data-accent]:has(.chat-app) .chat-brand-symbol {
  --brand-cutout: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 33%);
}
:root[data-accent]:has(.chat-app) .auth-workspace:hover {
  box-shadow: 0 2px 8px hsl(calc(148deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 33% / 0.122);
}
:root[data-accent]:has(.chat-app) .auth-workspace-tile {
  background: hsl(calc(149deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 17%);
}
:root[data-accent]:has(.chat-app) .update-banner {
  background: hsl(calc(150deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 15%);
}
:root[data-accent]:has(.chat-app) .update-refresh {
  background: hsl(calc(147deg + var(--accent-shift, 0deg)) calc(55% * var(--accent-sat, 1)) 59%);
  color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(27% * var(--accent-sat, 1)) 8%);
}

/* emoji-picker.css */
:root[data-accent]:has(.chat-app) .app-modal.merhav-emoji-modal {
  border: 1px solid hsl(calc(138deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 90%);
  box-shadow: 0 24px 90px hsl(calc(151deg + var(--accent-shift, 0deg)) calc(27% * var(--accent-sat, 1)) 19% / 0.2);
}
:root[data-accent]:has(.chat-app) .merhav-emoji-picker {
  color: hsl(calc(151deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 18%);
}
:root[data-accent]:has(.chat-app) .merhav-emoji-close {
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 95%);
}
:root[data-accent]:has(.chat-app) .merhav-emoji-close:hover {
  background: hsl(calc(136deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 91%);
  color: hsl(calc(151deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 18%);
}
:root[data-accent]:has(.chat-app) .merhav-emoji-picker .merhav-emoji-search {
  border: 1px solid hsl(calc(136deg + var(--accent-shift, 0deg)) calc(15% * var(--accent-sat, 1)) 88%);
  background: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 97%);
}
:root[data-accent]:has(.chat-app) .merhav-emoji-search:focus-within {
  border-color: hsl(calc(144deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 46%);
  box-shadow: 0 0 0 3px hsl(calc(148deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 33% / 0.078);
}
:root[data-accent]:has(.chat-app) .merhav-emoji-search input {
  color: hsl(calc(151deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 18%);
}
:root[data-accent]:has(.chat-app) .merhav-emoji-categories {
  border-bottom: 1px solid hsl(calc(130deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 92%);
}
:root[data-accent]:has(.chat-app) .merhav-emoji-categories button:hover {
  background: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 95%);
}
:root[data-accent]:has(.chat-app) .merhav-emoji-categories button[aria-pressed='true'] {
  background: hsl(calc(134deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 92%);
  color: hsl(calc(147deg + var(--accent-shift, 0deg)) calc(26% * var(--accent-sat, 1)) 26%);
}
:root[data-accent]:has(.chat-app) .merhav-emoji-options select {
  color: hsl(calc(144deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 31%);
}
:root[data-accent]:has(.chat-app) .merhav-emoji-scroll {
  scrollbar-color: hsl(calc(132deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 86%) transparent;
}
:root[data-accent]:has(.chat-app) .merhav-emoji-choice:hover {
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(29% * var(--accent-sat, 1)) 93%);
}
:root[data-accent]:has(.chat-app) .merhav-emoji-choice:focus-visible {
  outline: 2px solid hsl(calc(144deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 46%);
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(29% * var(--accent-sat, 1)) 93%);
}
:root[data-accent]:has(.chat-app) .merhav-emoji-more {
  border: 1px solid hsl(calc(132deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 88%);
  color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 33%);
  background: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 95%);
}
:root[data-accent]:has(.chat-app) .merhav-emoji-more:hover {
  background: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(32% * var(--accent-sat, 1)) 92%);
}
:root[data-accent]:has(.chat-app) .merhav-emoji-footer {
  border-top: 1px solid hsl(calc(130deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 92%);
}
:root[data-accent]:has(.chat-app) .app-modal.merhav-emoji-modal.merhav-emoji-compact {
  box-shadow: 0 12px 36px hsl(calc(151deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 18% / 0.18);
}

/* chat.css */
:root[data-accent]:has(.chat-app) .chat-app {
  --chat-ink: hsl(calc(151deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 18%);
  --chat-line: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(13% * var(--accent-sat, 1)) 91%);
  --chat-accent: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 33%);
  --chat-light: hsl(calc(135deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 94%);
}
:root[data-accent]:has(.chat-app) .chat-app button:focus-visible,
:root[data-accent]:has(.chat-app) .chat-dialog button:focus-visible,
:root[data-accent]:has(.chat-app) .chat-app a:focus-visible,
:root[data-accent]:has(.chat-app) .chat-dialog a:focus-visible {
  outline: 2px solid hsl(calc(145deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 57%);
}
:root[data-accent]:has(.chat-app) .chat-app .chat-icon-button:hover,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-icon-button:hover {
  background: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 94%);
  color: var(--chat-ink, hsl(calc(151deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 18%));
}
:root[data-accent]:has(.chat-app) .chat-app .chat-button,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-button,
:root[data-accent]:has(.chat-app) .chat-loading .chat-button {
  border: 1px solid hsl(calc(133deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 89%);
  color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 33%);
}
:root[data-accent]:has(.chat-app) .chat-app .chat-button.primary,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-button.primary,
:root[data-accent]:has(.chat-app) .chat-loading .chat-button.primary {
  background: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 33%);
  border-color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 33%);
}
:root[data-accent]:has(.chat-app) .chat-loading {
  color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 33%);
}
:root[data-accent]:has(.chat-app) .chat-rail {
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 95%);
  border-inline-end: 1px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 90%);
}
:root[data-accent]:has(.chat-app) .chat-brand-symbol i:last-child {
  background: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(31% * var(--accent-sat, 1)) 84%);
}
:root[data-accent]:has(.chat-app) .chat-rail-item:hover {
  background: hsl(calc(132deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 92%);
}
:root[data-accent]:has(.chat-app) .chat-rail-item.selected {
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 89%);
  color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 33%) !important;
}
:root[data-accent]:has(.chat-app) .chat-rail-dot {
  border: 2px solid hsl(calc(130deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 95%);
}
:root[data-accent]:has(.chat-app) .chat-avatar {
  background: var(--avatar-bg, hsl(calc(142deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 92%));
  color: hsl(calc(147deg + var(--accent-shift, 0deg)) calc(11% * var(--accent-sat, 1)) 34%);
}
:root[data-accent]:has(.chat-app) .chat-avatar.has-image {
  background: hsl(calc(142deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 92%);
}
:root[data-accent]:has(.chat-app) .chat-status-dot.online,
:root[data-accent]:has(.chat-app) .chat-inline-dot.online {
  background: hsl(calc(139deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 56%);
}
:root[data-accent]:has(.chat-app) .chat-workspace-header > .chat-icon-button {
  border: 1px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(15% * var(--accent-sat, 1)) 89%);
}
:root[data-accent]:has(.chat-app) .chat-search-trigger {
  background: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 94%);
  border: 1px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 90%);
}
:root[data-accent]:has(.chat-app) .chat-search-trigger kbd {
  border: 1px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 87%);
}
:root[data-accent]:has(.chat-app) .chat-filters button.active {
  border-color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 88%);
  background: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(29% * var(--accent-sat, 1)) 92%);
  color: hsl(calc(140deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 37%);
}
:root[data-accent]:has(.chat-app) .chat-filters button span {
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 88%);
}
:root[data-accent]:has(.chat-app) .chat-conversations-scroll {
  scrollbar-color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 87%) transparent;
}
:root[data-accent]:has(.chat-app) .chat-conversation-item:hover {
  background: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 94%);
}
:root[data-accent]:has(.chat-app) .chat-conversation-item.active {
  background: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(29% * var(--accent-sat, 1)) 92%);
  border-color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 88%);
}
:root[data-accent]:has(.chat-app) .chat-conversation-item.active .chat-channel-icon {
  color: hsl(calc(132deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 38%);
}
:root[data-accent]:has(.chat-app) .chat-conversation-item.has-unread .chat-conversation-title {
  color: hsl(calc(145deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 25%);
}
:root[data-accent]:has(.chat-app) .chat-conversation-item.active .chat-conversation-preview {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(11% * var(--accent-sat, 1)) 52%);
}
:root[data-accent]:has(.chat-app) .chat-unread-count {
  background: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 85%);
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 36%);
}
:root[data-accent]:has(.chat-app) .chat-conversation-item.active .chat-unread-count {
  background: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 42%);
}
:root[data-accent]:has(.chat-app) .chat-sidebar-empty {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(10% * var(--accent-sat, 1)) 48%);
}
:root[data-accent]:has(.chat-app) .chat-invite-button {
  border: 1px dashed hsl(calc(127deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 86%);
  background: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 95%);
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(11% * var(--accent-sat, 1)) 54%) !important;
}
:root[data-accent]:has(.chat-app) .chat-invite-button > svg:last-child {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 62%);
}
:root[data-accent]:has(.chat-app) .chat-conversation-header {
  border-bottom: 1px solid hsl(calc(123deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 93%);
}
:root[data-accent]:has(.chat-app) .chat-header-symbol {
  color: hsl(calc(132deg + var(--accent-shift, 0deg)) calc(12% * var(--accent-sat, 1)) 51%);
}
:root[data-accent]:has(.chat-app) .chat-header-name > span > span {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(10% * var(--accent-sat, 1)) 77%);
}
:root[data-accent]:has(.chat-app) .chat-header-divider {
  background: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 90%);
}
:root[data-accent]:has(.chat-app) .chat-members-stack > span:last-child:not(.chat-avatar) {
  background: hsl(calc(124deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 94%);
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(12% * var(--accent-sat, 1)) 58%);
}
:root[data-accent]:has(.chat-app) .chat-messages {
  scrollbar-color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 88%) transparent;
}
:root[data-accent]:has(.chat-app) .chat-day-divider {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(11% * var(--accent-sat, 1)) 63%);
}
:root[data-accent]:has(.chat-app) .chat-day-divider:before,
:root[data-accent]:has(.chat-app) .chat-day-divider:after {
  background: hsl(calc(124deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 92%);
}
:root[data-accent]:has(.chat-app) .chat-day-divider > span {
  border: 1px solid hsl(calc(125deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 92%);
}
:root[data-accent]:has(.chat-app) .chat-message-avatar > time {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(12% * var(--accent-sat, 1)) 74%);
}
:root[data-accent]:has(.chat-app) .chat-message-author > strong {
  color: hsl(calc(134deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 31%);
}
:root[data-accent]:has(.chat-app) .chat-you-label {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(13% * var(--accent-sat, 1)) 64%);
}
:root[data-accent]:has(.chat-app) .chat-message.own .chat-message-inner {
  background: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 95%);
  border: 1px solid hsl(calc(125deg + var(--accent-shift, 0deg)) calc(27% * var(--accent-sat, 1)) 92%);
}
:root[data-accent]:has(.chat-app) .chat-message-text {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(13% * var(--accent-sat, 1)) 37%);
}
:root[data-accent]:has(.chat-app) .chat-message-text a {
  color: hsl(calc(141deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 40%);
}
:root[data-accent]:has(.chat-app) .chat-message-footer {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(11% * var(--accent-sat, 1)) 66%);
}
:root[data-accent]:has(.chat-app) .chat-delivery {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(13% * var(--accent-sat, 1)) 61%) !important;
}
:root[data-accent]:has(.chat-app) .chat-delivery.read {
  color: hsl(calc(140deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 53%) !important;
}
:root[data-accent]:has(.chat-app) .chat-message-actions {
  border: 1px solid hsl(calc(127deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 89%);
  box-shadow: 0 3px 9px hsl(calc(132deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 22% / 0.039);
}
:root[data-accent]:has(.chat-app) .chat-reaction {
  background: hsl(calc(124deg + var(--accent-shift, 0deg)) calc(37% * var(--accent-sat, 1)) 97%);
  border: 1px solid hsl(calc(124deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 92%);
}
:root[data-accent]:has(.chat-app) .chat-reaction > span {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(12% * var(--accent-sat, 1)) 59%);
}
:root[data-accent]:has(.chat-app) .chat-reaction.mine {
  background: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(37% * var(--accent-sat, 1)) 93%);
  border-color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(31% * var(--accent-sat, 1)) 85%);
}
:root[data-accent]:has(.chat-app) .chat-reply-preview {
  border-inline-start: 3px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 66%);
  background: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 94%);
}
:root[data-accent]:has(.chat-app) .chat-message.own .chat-reply-preview {
  background: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(35% * var(--accent-sat, 1)) 91%);
}
:root[data-accent]:has(.chat-app) .chat-reply-preview strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 44%);
}
:root[data-accent]:has(.chat-app) .chat-reply-preview > span {
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 56%);
}
:root[data-accent]:has(.chat-app) .chat-attachment {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 50%) !important;
}
:root[data-accent]:has(.chat-app) .chat-attachment > span:first-child {
  background: hsl(calc(123deg + var(--accent-shift, 0deg)) calc(37% * var(--accent-sat, 1)) 92%);
}
:root[data-accent]:has(.chat-app) .chat-attachment small {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 63%);
}
:root[data-accent]:has(.chat-app) .chat-attachment-image {
  background: hsl(calc(123deg + var(--accent-shift, 0deg)) calc(37% * var(--accent-sat, 1)) 92%);
}
:root[data-accent]:has(.chat-app) .chat-attachment-image img:not([src]) {
  background: linear-gradient(100deg, hsl(calc(132deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 94%) 30%, #f8faf6 50%, hsl(calc(132deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 94%) 70%) 0 0 / 300% 100%;
}
:root[data-accent]:has(.chat-app) .chat-new-messages {
  background: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 33%);
  box-shadow: 0 3px 20px hsl(calc(151deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 18% / 0.11);
}
:root[data-accent]:has(.chat-app) .chat-drag-overlay {
  background: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(46% * var(--accent-sat, 1)) 95% / 0.929);
  border: 2px dashed hsl(calc(128deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 61%);
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 41%);
}
:root[data-accent]:has(.chat-app) .chat-composer {
  border: 1px solid hsl(calc(126deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 87%);
  box-shadow: 0 2px 4px hsl(calc(129deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 28% / 0.016);
}
:root[data-accent]:has(.chat-app) .chat-composer:focus-within {
  border-color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 66%);
  box-shadow: 0 0 0 3px hsl(calc(125deg + var(--accent-shift, 0deg)) calc(35% * var(--accent-sat, 1)) 93%);
}
:root[data-accent]:has(.chat-app) .chat-composer textarea {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 35%);
}
:root[data-accent]:has(.chat-app) .chat-composer textarea::placeholder {
  color: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(13% * var(--accent-sat, 1)) 64%);
}
:root[data-accent]:has(.chat-app) .chat-composer-tools .chat-icon-button {
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 64%);
}
:root[data-accent]:has(.chat-app) .chat-send {
  background: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(26% * var(--accent-sat, 1)) 45%);
  box-shadow: 0 2px 3px hsl(calc(129deg + var(--accent-shift, 0deg)) calc(38% * var(--accent-sat, 1)) 22% / 0.063);
}
:root[data-accent]:has(.chat-app) .chat-send:hover {
  background: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 37%);
}
:root[data-accent]:has(.chat-app) .chat-send:disabled {
  background: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 85%) !important;
}
:root[data-accent]:has(.chat-app) .chat-compose-hint {
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(12% * var(--accent-sat, 1)) 68%);
}
:root[data-accent]:has(.chat-app) .chat-compose-hint kbd {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 63%);
}
:root[data-accent]:has(.chat-app) .chat-typing {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 55%);
}
:root[data-accent]:has(.chat-app) .chat-composer-context {
  background: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 95%);
  border: 1px solid hsl(calc(126deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 89%);
}
:root[data-accent]:has(.chat-app) .chat-context-copy strong {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 48%);
}
:root[data-accent]:has(.chat-app) .chat-context-copy > span {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 62%);
}
:root[data-accent]:has(.chat-app) .chat-context-attachment {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 55%);
}
:root[data-accent]:has(.chat-app) .chat-upload-progress {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 56%);
}
:root[data-accent]:has(.chat-app) .chat-composer.is-disabled {
  border-color: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 90%);
}
:root[data-accent]:has(.chat-app) .chat-empty-state,
:root[data-accent]:has(.chat-app) .chat-channel-welcome {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-empty-state > span,
:root[data-accent]:has(.chat-app) .chat-channel-welcome > span {
  background: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(37% * var(--accent-sat, 1)) 93%);
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 57%);
}
:root[data-accent]:has(.chat-app) .chat-empty-state p,
:root[data-accent]:has(.chat-app) .chat-channel-welcome p {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(13% * var(--accent-sat, 1)) 64%);
}
:root[data-accent]:has(.chat-app) .chat-welcome-pills > span {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 61%);
}
:root[data-accent]:has(.chat-app) .chat-collection-heading {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-collection-heading > span {
  background: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(41% * var(--accent-sat, 1)) 93%);
}
:root[data-accent]:has(.chat-app) .chat-collection-heading p {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(15% * var(--accent-sat, 1)) 62%);
}
:root[data-accent]:has(.chat-app) .chat-dialog {
  color: hsl(calc(151deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 18%);
}
:root[data-accent]:has(.chat-app) .chat-dialog > header {
  border-bottom: 1px solid hsl(calc(125deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 93%);
}
:root[data-accent]:has(.chat-app) .chat-dialog > header p {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(11% * var(--accent-sat, 1)) 57%);
}
:root[data-accent]:has(.chat-app) .chat-dialog-body {
  scrollbar-color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 86%) transparent;
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-field {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 36%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-field input,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-field select,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-field textarea,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-copy-field input,
:root[data-accent]:has(.chat-app) .chat-search-filters select {
  border: 1px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 86%);
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 36%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-field input:focus,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-field select:focus,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-field textarea:focus,
:root[data-accent]:has(.chat-app) .chat-search-input:focus-within {
  border-color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 63%);
  box-shadow: 0 0 0 3px hsl(calc(125deg + var(--accent-shift, 0deg)) calc(39% * var(--accent-sat, 1)) 94%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-field small {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 60%);
}
:root[data-accent]:has(.chat-app) .chat-dialog input[type='checkbox'],
:root[data-accent]:has(.chat-app) .chat-dialog input[type='radio'] {
  accent-color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 40%);
}
:root[data-accent]:has(.chat-app) .chat-dialog input::placeholder,
:root[data-accent]:has(.chat-app) .chat-dialog textarea::placeholder {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 68%);
}
:root[data-accent]:has(.chat-app) .chat-dialog-intro {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(13% * var(--accent-sat, 1)) 55%);
}
:root[data-accent]:has(.chat-app) .chat-dialog-note {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 61%);
}
:root[data-accent]:has(.chat-app) .chat-action-list > button,
:root[data-accent]:has(.chat-app) .chat-action-list > a {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 44%);
}
:root[data-accent]:has(.chat-app) .chat-action-list > button:hover,
:root[data-accent]:has(.chat-app) .chat-action-list > a:hover {
  background: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(38% * var(--accent-sat, 1)) 95%);
}
:root[data-accent]:has(.chat-app) .chat-action-list > button svg {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 64%);
}
:root[data-accent]:has(.chat-app) .chat-emoji-grid > button {
  border: 1px solid hsl(calc(124deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 92%);
}
:root[data-accent]:has(.chat-app) .chat-emoji-grid > button:hover {
  background: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 93%);
}
:root[data-accent]:has(.chat-app) .chat-delete-option {
  border: 1px solid hsl(calc(127deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 88%);
}
:root[data-accent]:has(.chat-app) .chat-delete-option strong {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 44%);
}
:root[data-accent]:has(.chat-app) .chat-delete-option span {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 60%);
}
:root[data-accent]:has(.chat-app) .chat-person-row {
  border-bottom: 1px solid hsl(calc(124deg + var(--accent-shift, 0deg)) calc(27% * var(--accent-sat, 1)) 94%);
}
:root[data-accent]:has(.chat-app) .chat-person-row strong {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-person-row small {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 62%);
}
:root[data-accent]:has(.chat-app) .chat-person-row .chat-avatar {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 44%);
}
:root[data-accent]:has(.chat-app) .chat-read-color {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 52%);
}
:root[data-accent]:has(.chat-app) .chat-muted {
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 77%);
}
:root[data-accent]:has(.chat-app) .chat-role-badge {
  background: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(39% * var(--accent-sat, 1)) 94%);
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 57%);
}
:root[data-accent]:has(.chat-app) .chat-segmented {
  background: hsl(calc(124deg + var(--accent-shift, 0deg)) calc(36% * var(--accent-sat, 1)) 95%);
  border: 1px solid hsl(calc(124deg + var(--accent-shift, 0deg)) calc(29% * var(--accent-sat, 1)) 90%);
}
:root[data-accent]:has(.chat-app) .chat-segmented label > span {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 63%);
}
:root[data-accent]:has(.chat-app) .chat-segmented input:checked + span {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 44%);
  box-shadow: 0 1px 5px hsl(calc(126deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 31% / 0.071);
}
:root[data-accent]:has(.chat-app) .chat-segmented input:focus-visible + span {
  outline: 2px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 60%);
}
:root[data-accent]:has(.chat-app) .chat-check-row strong {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 47%);
}
:root[data-accent]:has(.chat-app) .chat-check-row small {
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 63%);
}
:root[data-accent]:has(.chat-app) .chat-member-picker {
  border: 1px solid hsl(calc(126deg + var(--accent-shift, 0deg)) calc(29% * var(--accent-sat, 1)) 90%);
}
:root[data-accent]:has(.chat-app) .chat-detail-intro p {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 61%);
}
:root[data-accent]:has(.chat-app) .chat-detail-symbol {
  background: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(41% * var(--accent-sat, 1)) 93%);
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 55%);
}
:root[data-accent]:has(.chat-app) .chat-detail-tabs {
  border-bottom: 1px solid hsl(calc(125deg + var(--accent-shift, 0deg)) calc(35% * var(--accent-sat, 1)) 90%);
}
:root[data-accent]:has(.chat-app) .chat-detail-tabs > button {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 65%);
}
:root[data-accent]:has(.chat-app) .chat-detail-tabs > button.active {
  border-bottom-color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 50%);
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 45%);
}
:root[data-accent]:has(.chat-app) .chat-detail-tabs > button span {
  color: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 69%);
}
:root[data-accent]:has(.chat-app) .chat-search-input {
  border: 1px solid hsl(calc(127deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 86%);
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 63%);
}
:root[data-accent]:has(.chat-app) .chat-search-input input {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 45%);
}
:root[data-accent]:has(.chat-app) .chat-search-filters select {
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 58%);
}
:root[data-accent]:has(.chat-app) .chat-search-empty {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 75%);
}
:root[data-accent]:has(.chat-app) .chat-search-empty p {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 58%);
}
:root[data-accent]:has(.chat-app) .chat-search-empty small {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 69%);
}
:root[data-accent]:has(.chat-app) .chat-search-result {
  border: 1px solid hsl(calc(126deg + var(--accent-shift, 0deg)) calc(29% * var(--accent-sat, 1)) 90%);
}
:root[data-accent]:has(.chat-app) .chat-search-result:hover {
  background: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(45% * var(--accent-sat, 1)) 94%);
}
:root[data-accent]:has(.chat-app) .chat-search-result > span {
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 63%);
}
:root[data-accent]:has(.chat-app) .chat-search-result p {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 49%);
}
:root[data-accent]:has(.chat-app) .chat-search-result small {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 69%);
}
:root[data-accent]:has(.chat-app) .chat-result-count {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 64%);
}
:root[data-accent]:has(.chat-app) .chat-invite-illustration {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 58%);
  background: hsl(calc(123deg + var(--accent-shift, 0deg)) calc(52% * var(--accent-sat, 1)) 96%);
}
:root[data-accent]:has(.chat-app) .chat-success-inline > span {
  background: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(50% * var(--accent-sat, 1)) 92%);
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(29% * var(--accent-sat, 1)) 60%);
}
:root[data-accent]:has(.chat-app) .chat-success-inline h3 {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 50%);
}
:root[data-accent]:has(.chat-app) .chat-success-inline p {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 63%);
}
:root[data-accent]:has(.chat-app) .chat-success-inline small {
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 68%);
}
:root[data-accent]:has(.chat-app) .chat-people-toolbar > span {
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 66%);
}
:root[data-accent]:has(.chat-app) .chat-subtitle {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 52%);
}
:root[data-accent]:has(.chat-app) .chat-subtitle > span {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 69%);
}
:root[data-accent]:has(.chat-app) .chat-text-button {
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 60%) !important;
}
:root[data-accent]:has(.chat-app) .chat-person-card strong {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 54%);
}
:root[data-accent]:has(.chat-app) .chat-person-card > span:last-child {
  color: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 72%);
}
:root[data-accent]:has(.chat-app) .chat-workspace-card h3 {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 51%);
}
:root[data-accent]:has(.chat-app) .chat-workspace-card p {
  color: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 67%);
}
:root[data-accent]:has(.chat-app) .chat-profile-settings strong {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 54%);
}
:root[data-accent]:has(.chat-app) .chat-profile-settings small {
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 70%);
}
:root[data-accent]:has(.chat-app) .chat-storage-row {
  border: 1px solid hsl(calc(123deg + var(--accent-shift, 0deg)) calc(32% * var(--accent-sat, 1)) 91%);
}
:root[data-accent]:has(.chat-app) .chat-storage-row > span {
  color: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 68%);
}
:root[data-accent]:has(.chat-app) .chat-storage-row strong {
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 63%);
}
:root[data-accent]:has(.chat-app) .chat-logout-button {
  color: hsl(calc(124deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 69%) !important;
}
@media (max-width: 600px), (max-width: 800px) and (pointer: coarse) {
  :root[data-accent]:has(.chat-app) .chat-message-actions .chat-icon-button[data-action='message-menu'] {
    color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 73%);
  }
}
:root[data-accent]:has(.chat-app) .chat-load-history {
  border: 1px solid hsl(calc(126deg + var(--accent-shift, 0deg)) calc(27% * var(--accent-sat, 1)) 89%);
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 55%) !important;
}
:root[data-accent]:has(.chat-app) .chat-message-text {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(12% * var(--accent-sat, 1)) 34%);
}
:root[data-accent]:has(.chat-app) .chat-compose-hint {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(11% * var(--accent-sat, 1)) 55%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-field small,
:root[data-accent]:has(.chat-app) .chat-dialog-note {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 49%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-field > span {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 32%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-person-row strong {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 32%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-person-row small {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(13% * var(--accent-sat, 1)) 52%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-action-list > button,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-action-list > a {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 34%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-check-row strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 36%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-check-row small {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 52%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-search-result p {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 38%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-search-result > span {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(15% * var(--accent-sat, 1)) 54%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-copy-field input {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 39%);
}
:root[data-accent]:has(.chat-app) .chat-sidebar-title > span {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(11% * var(--accent-sat, 1)) 44%);
}
:root[data-accent]:has(.chat-app) .chat-filters button {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(10% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-conversation-title {
  color: hsl(calc(133deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 29%);
}
:root[data-accent]:has(.chat-app) .chat-conversation-preview {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(12% * var(--accent-sat, 1)) 44%);
}
:root[data-accent]:has(.chat-app) .chat-conversation-item.active .chat-conversation-preview {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 41%);
}
:root[data-accent]:has(.chat-app) .chat-conversation-meta time {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(11% * var(--accent-sat, 1)) 46%);
}
:root[data-accent]:has(.chat-app) .chat-list-empty,
:root[data-accent]:has(.chat-app) .chat-sidebar-empty p {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(12% * var(--accent-sat, 1)) 45%);
}
:root[data-accent]:has(.chat-app) .chat-invite-button {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 41%) !important;
}
:root[data-accent]:has(.chat-app) .chat-header-name > span {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(11% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-header-actions .chat-icon-button {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(15% * var(--accent-sat, 1)) 42%);
}
:root[data-accent]:has(.chat-app) .chat-message-text {
  color: hsl(calc(132deg + var(--accent-shift, 0deg)) calc(15% * var(--accent-sat, 1)) 28%);
}
:root[data-accent]:has(.chat-app) .chat-message-author > strong {
  color: hsl(calc(133deg + var(--accent-shift, 0deg)) calc(26% * var(--accent-sat, 1)) 24%);
}
:root[data-accent]:has(.chat-app) .chat-message-author > time,
:root[data-accent]:has(.chat-app) .chat-message-avatar > time {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(10% * var(--accent-sat, 1)) 47%);
}
:root[data-accent]:has(.chat-app) .chat-you-label {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(11% * var(--accent-sat, 1)) 47%);
}
:root[data-accent]:has(.chat-app) .chat-message-footer {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(11% * var(--accent-sat, 1)) 47%);
}
:root[data-accent]:has(.chat-app) .chat-delivery {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(11% * var(--accent-sat, 1)) 49%) !important;
}
:root[data-accent]:has(.chat-app) .chat-day-divider {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(13% * var(--accent-sat, 1)) 45%);
}
:root[data-accent]:has(.chat-app) .chat-reaction > span {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 41%);
}
:root[data-accent]:has(.chat-app) .chat-reply-preview strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(32% * var(--accent-sat, 1)) 32%);
}
:root[data-accent]:has(.chat-app) .chat-reply-preview > span {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-pin-note,
:root[data-accent]:has(.chat-app) .chat-forward-note {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(15% * var(--accent-sat, 1)) 48%);
}
:root[data-accent]:has(.chat-app) .chat-attachment strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(29% * var(--accent-sat, 1)) 31%);
}
:root[data-accent]:has(.chat-app) .chat-attachment small {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-attachment > span:first-child {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 45%);
}
:root[data-accent]:has(.chat-app) .chat-composer textarea {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 29%);
}
:root[data-accent]:has(.chat-app) .chat-composer textarea::placeholder {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(13% * var(--accent-sat, 1)) 49%);
}
:root[data-accent]:has(.chat-app) .chat-composer-tools .chat-icon-button {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 46%);
}
:root[data-accent]:has(.chat-app) .chat-compose-hint,
:root[data-accent]:has(.chat-app) .chat-compose-hint kbd {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 47%);
}
:root[data-accent]:has(.chat-app) .chat-typing {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 44%);
}
:root[data-accent]:has(.chat-app) .chat-context-copy strong,
:root[data-accent]:has(.chat-app) .chat-context-copy > span,
:root[data-accent]:has(.chat-app) .chat-context-attachment > span,
:root[data-accent]:has(.chat-app) .chat-upload-progress {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 41%);
}
:root[data-accent]:has(.chat-app) .chat-empty-state p,
:root[data-accent]:has(.chat-app) .chat-channel-welcome p {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(13% * var(--accent-sat, 1)) 47%);
}
:root[data-accent]:has(.chat-app) .chat-welcome-pills > span {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 47%);
}
:root[data-accent]:has(.chat-app) .chat-channel-welcome p.chat-welcome-pending {
  color: hsl(calc(132deg + var(--accent-shift, 0deg)) calc(12% * var(--accent-sat, 1)) 42%);
}
:root[data-accent]:has(.chat-app) .chat-collection-heading p {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 49%);
}
:root[data-accent]:has(.chat-app) .chat-dialog > header p {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 45%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-field > span,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-field input,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-field select,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-field textarea {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(32% * var(--accent-sat, 1)) 28%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-field small,
:root[data-accent]:has(.chat-app) .chat-dialog-note,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-form-error {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(15% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-dialog-intro {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 42%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-button {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 32%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-action-list > button,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-action-list > a {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 31%);
}
:root[data-accent]:has(.chat-app) .chat-dialog .chat-action-list > button svg {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 44%);
}
:root[data-accent]:has(.chat-app) .chat-delete-option strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 33%);
}
:root[data-accent]:has(.chat-app) .chat-delete-option span {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 44%);
}
:root[data-accent]:has(.chat-app) .chat-person-row strong,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-person-row strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(29% * var(--accent-sat, 1)) 29%);
}
:root[data-accent]:has(.chat-app) .chat-person-row small,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-person-row small {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 44%);
}
:root[data-accent]:has(.chat-app) .chat-role-badge {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 36%);
}
:root[data-accent]:has(.chat-app) .chat-segmented label > span {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 44%);
}
:root[data-accent]:has(.chat-app) .chat-check-row strong,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-check-row strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 33%);
}
:root[data-accent]:has(.chat-app) .chat-check-row small,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-check-row small {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-detail-intro p {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-detail-tabs > button {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 44%);
}
:root[data-accent]:has(.chat-app) .chat-detail-tabs > button.active {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(35% * var(--accent-sat, 1)) 32%);
}
:root[data-accent]:has(.chat-app) .chat-detail-tabs > button span {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 45%);
}
:root[data-accent]:has(.chat-app) .chat-search-input input {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(35% * var(--accent-sat, 1)) 31%);
}
:root[data-accent]:has(.chat-app) .chat-search-filters select {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(32% * var(--accent-sat, 1)) 36%);
}
:root[data-accent]:has(.chat-app) .chat-search-empty p {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 42%);
}
:root[data-accent]:has(.chat-app) .chat-search-empty small {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 45%);
}
:root[data-accent]:has(.chat-app) .chat-search-result > span,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-search-result > span {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-search-result p,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-search-result p {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(38% * var(--accent-sat, 1)) 31%);
}
:root[data-accent]:has(.chat-app) .chat-search-result small {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-result-count {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-invite-illustration {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-success-inline h3 {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 33%);
}
:root[data-accent]:has(.chat-app) .chat-success-inline p {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-success-inline small {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 45%);
}
:root[data-accent]:has(.chat-app) .chat-copy-field input,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-copy-field input {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(34% * var(--accent-sat, 1)) 36%);
}
:root[data-accent]:has(.chat-app) .chat-people-toolbar > span {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 44%);
}
:root[data-accent]:has(.chat-app) .chat-subtitle {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(35% * var(--accent-sat, 1)) 33%);
}
:root[data-accent]:has(.chat-app) .chat-subtitle > span {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 44%);
}
:root[data-accent]:has(.chat-app) .chat-text-button {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(35% * var(--accent-sat, 1)) 35%) !important;
}
:root[data-accent]:has(.chat-app) .chat-person-card strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(34% * var(--accent-sat, 1)) 34%);
}
:root[data-accent]:has(.chat-app) .chat-person-card > span:last-child {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 45%);
}
:root[data-accent]:has(.chat-app) .chat-workspace-card h3 {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(35% * var(--accent-sat, 1)) 33%);
}
:root[data-accent]:has(.chat-app) .chat-workspace-card p {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 44%);
}
:root[data-accent]:has(.chat-app) .chat-profile-settings strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(32% * var(--accent-sat, 1)) 32%);
}
:root[data-accent]:has(.chat-app) .chat-profile-settings small {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(20% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-storage-row strong {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(27% * var(--accent-sat, 1)) 39%);
}
:root[data-accent]:has(.chat-app) .chat-logout-button {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 43%) !important;
}
:root[data-accent]:has(.chat-app) .chat-load-history {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(27% * var(--accent-sat, 1)) 39%) !important;
}
@media (max-width: 600px), (max-width: 800px) and (pointer: coarse) {
  :root[data-accent]:has(.chat-app) .chat-message-actions .chat-icon-button[data-action='message-menu'] {
    color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(13% * var(--accent-sat, 1)) 48%);
  }
}
:root[data-accent]:has(.chat-app) .chat-avatar {
  color: var(--avatar-fg, hsl(calc(147deg + var(--accent-shift, 0deg)) calc(11% * var(--accent-sat, 1)) 34%));
}
:root[data-accent]:has(.chat-app) .chat-message-author > strong {
  color: var(--member-accent, hsl(calc(133deg + var(--accent-shift, 0deg)) calc(26% * var(--accent-sat, 1)) 24%));
}
:root[data-accent]:has(.chat-app) .chat-message-inner,
:root[data-accent]:has(.chat-app) .chat-message.own .chat-message-inner {
  border: 1px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 89%);
  box-shadow: 0 1px 2px hsl(calc(151deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 18% / 0.02);
}
:root[data-accent]:has(.chat-app) .chat-message.own .chat-message-inner {
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(39% * var(--accent-sat, 1)) 94%);
  border-color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 87%);
}
:root[data-accent]:has(.chat-app) .chat-message:not(.own) .chat-message-inner {
  border-left: 2px solid var(--member-accent, hsl(calc(132deg + var(--accent-shift, 0deg)) calc(12% * var(--accent-sat, 1)) 68%));
}
:root[data-accent]:has(.chat-app) .chat-message-text {
  color: hsl(calc(141deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 24%);
}
:root[data-accent]:has(.chat-app) .chat-message-text a {
  color: hsl(calc(150deg + var(--accent-shift, 0deg)) calc(32% * var(--accent-sat, 1)) 28%);
}
:root[data-accent]:has(.chat-app) .chat-message-footer {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(15% * var(--accent-sat, 1)) 43%);
}
:root[data-accent]:has(.chat-app) .chat-message.deleted .chat-message-inner {
  border: 1px dashed hsl(calc(126deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 86%);
  background: hsl(calc(124deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 96%);
}
:root[data-accent]:has(.chat-app) .chat-message:focus-visible .chat-message-inner {
  outline: 2px solid hsl(calc(133deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 51%);
}
:root[data-accent]:has(.chat-app) .chat-message.selected-message .chat-message-inner {
  outline: 2px solid hsl(calc(133deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 51%);
}
:root[data-accent]:has(.chat-app) .chat-message-actions {
  border-color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 87%);
  box-shadow: 0 3px 10px hsl(calc(133deg + var(--accent-shift, 0deg)) calc(27% * var(--accent-sat, 1)) 22% / 0.071);
}
:root[data-accent]:has(.chat-app) .chat-reaction {
  border-color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 88%);
}
:root[data-accent]:has(.chat-app) .chat-reaction.mine {
  background: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(36% * var(--accent-sat, 1)) 91%);
  border-color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(27% * var(--accent-sat, 1)) 74%);
}
:root[data-accent]:has(.chat-app) .chat-reply-preview,
:root[data-accent]:has(.chat-app) .chat-message.own .chat-reply-preview {
  border-inline-start-color: var(--member-accent, hsl(calc(130deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 52%));
  background: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 91% / 0.502);
}
:root[data-accent]:has(.chat-app) .chat-message.own .chat-reply-preview {
  background: hsl(calc(132deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 88% / 0.502);
}
:root[data-accent]:has(.chat-app) .chat-reply-preview > span {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(15% * var(--accent-sat, 1)) 39%);
}
:root[data-accent]:has(.chat-app) .chat-reply-preview strong {
  color: var(--member-accent, hsl(calc(130deg + var(--accent-shift, 0deg)) calc(32% * var(--accent-sat, 1)) 32%));
}
:root[data-accent]:has(.chat-app) .chat-attachment {
  border-color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 88%);
}
:root[data-accent]:has(.chat-app) .chat-day-divider {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(13% * var(--accent-sat, 1)) 45%);
}
:root[data-accent]:has(.chat-app) .chat-day-divider > span {
  background: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 95%);
  border-color: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 90%);
}
:root[data-accent]:has(.chat-app) .chat-compose-area {
  border-top: 1px solid hsl(calc(125deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 93%);
}
:root[data-accent]:has(.chat-app) .chat-shortcuts > div {
  border-bottom: 1px solid hsl(calc(127deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 91%);
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(26% * var(--accent-sat, 1)) 29%);
}
:root[data-accent]:has(.chat-app) .chat-shortcuts kbd {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 33%);
  background: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(36% * var(--accent-sat, 1)) 95%);
  border: 1px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 86%);
}
:root[data-accent]:has(.chat-app) .chat-shortcut-hint {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 44%) !important;
}
:root[data-accent]:has(.chat-app) .chat-shortcut-hint:hover {
  color: hsl(calc(133deg + var(--accent-shift, 0deg)) calc(32% * var(--accent-sat, 1)) 29%) !important;
}
@media (max-width: 600px), (max-width: 800px) and (pointer: coarse) {
  :root[data-accent]:has(.chat-app) .chat-message-actions .chat-icon-button[data-action='message-menu'] {
    color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(10% * var(--accent-sat, 1)) 49%);
  }
  :root[data-accent]:has(.chat-app) .chat-message-actions .chat-icon-button[data-action='message-menu']:hover {
    background: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 91%);
  }
}
:root[data-accent]:has(.chat-app) .chat-billing-notice button {
  color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 33%);
}
:root[data-accent]:has(.chat-app) .chat-billing-notice button:focus-visible {
  outline: 2px solid hsl(calc(148deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 33%);
}
:root[data-accent]:has(.chat-app) .chat-account-link {
  border: 1px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 88%);
  background: hsl(calc(124deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 96%);
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(26% * var(--accent-sat, 1)) 29%);
}
:root[data-accent]:has(.chat-app) .chat-account-link small {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(13% * var(--accent-sat, 1)) 45%);
}
:root[data-accent]:has(.chat-app) .chat-account-link:hover {
  background: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 93%);
  border-color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 74%);
}
:root[data-accent]:has(.chat-app) .chat-account-link:focus-visible {
  outline: 2px solid hsl(calc(129deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 42%);
}
:root[data-accent]:has(.chat-app) .chat-popover {
  border: 1px solid hsl(calc(129deg + var(--accent-shift, 0deg)) calc(16% * var(--accent-sat, 1)) 89%);
  color: hsl(calc(151deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 18%);
  box-shadow: 0 10px 30px hsl(calc(151deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 18% / 0.16);
}
:root[data-accent]:has(.chat-app) .chat-popover hr {
  border-top: 1px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 93%);
}
:root[data-accent]:has(.chat-app) .chat-popover > button:hover,
:root[data-accent]:has(.chat-app) .chat-popover > button:focus-visible {
  background: hsl(calc(135deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 94%);
}
:root[data-accent]:has(.chat-app) .chat-popover-reactions button:hover,
:root[data-accent]:has(.chat-app) .chat-popover-reactions button:focus-visible,
:root[data-accent]:has(.chat-app) .chat-popover-emoji-grid button:hover,
:root[data-accent]:has(.chat-app) .chat-popover-emoji-grid button:focus-visible {
  background: hsl(calc(135deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 94%);
}
:root[data-accent]:has(.chat-app) .chat-status-input {
  border: 1px solid hsl(calc(129deg + var(--accent-shift, 0deg)) calc(17% * var(--accent-sat, 1)) 88%);
}
:root[data-accent]:has(.chat-app) .chat-status-emoji-button {
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 95%);
}
:root[data-accent]:has(.chat-app) .chat-status-presets button:hover,
:root[data-accent]:has(.chat-app) .chat-status-presets button:focus-visible {
  background: hsl(calc(135deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 94%);
}
:root[data-accent]:has(.chat-app) .chat-status-badge {
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 95%);
}
:root[data-accent]:has(.chat-app) .chat-message.own .chat-message-inner {
  background: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(65% * var(--accent-sat, 1)) 89%);
}
:root[data-accent]:has(.chat-app) .chat-message.own:not(.grouped) .chat-message-inner::before {
  background: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(65% * var(--accent-sat, 1)) 89%);
}
:root[data-accent]:has(.chat-app) .chat-message-inner > .chat-message-author > strong {
  color: var(--member-accent, hsl(calc(133deg + var(--accent-shift, 0deg)) calc(26% * var(--accent-sat, 1)) 24%));
}
:root[data-accent]:has(.chat-app) .chat-status-badge::after {
  background: hsl(calc(151deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 18%);
}
:root[data-accent]:has(.chat-app) .chat-notify-offer {
  background: hsl(calc(132deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 94%);
  color: hsl(calc(145deg + var(--accent-shift, 0deg)) calc(14% * var(--accent-sat, 1)) 29%);
}
:root[data-accent]:has(.chat-app) .chat-workspace-bar {
  background: hsl(calc(149deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 17%);
}
:root[data-accent]:has(.chat-app) .chat-workspace-tile {
  background: hsl(calc(133deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 89%);
  color: hsl(calc(149deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 17%);
}
:root[data-accent]:has(.chat-app) .chat-workspace-bar .chat-workspace-tile.current {
  box-shadow: 0 0 0 3px hsl(calc(149deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 17%),
    0 0 0 5px hsl(calc(130deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 96%);
}
:root[data-accent]:has(.chat-app) .chat-workspace-bar .chat-workspace-tile.add {
  color: hsl(calc(133deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 89%);
}
:root[data-accent]:has(.chat-app) .chat-rail {
  background: linear-gradient(180deg, hsl(calc(132deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 96%) 0%, hsl(calc(132deg + var(--accent-shift, 0deg)) calc(32% * var(--accent-sat, 1)) 91%) 100%);
}
:root[data-accent]:has(.chat-app) .chat-rail-item.selected {
  background: hsl(calc(132deg + var(--accent-shift, 0deg)) calc(34% * var(--accent-sat, 1)) 87%);
  box-shadow: inset 0 0 0 1px hsl(calc(132deg + var(--accent-shift, 0deg)) calc(31% * var(--accent-sat, 1)) 80%);
}
:root[data-accent]:has(.chat-app) .chat-conversation-item.active {
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(37% * var(--accent-sat, 1)) 90%);
  border-color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 83%);
}
:root[data-accent]:has(.chat-app) .chat-message.own .chat-message-inner {
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(46% * var(--accent-sat, 1)) 92%);
  border-color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(38% * var(--accent-sat, 1)) 85%);
}
:root[data-accent]:has(.chat-app) .chat-send {
  background: linear-gradient(140deg, hsl(calc(146deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 49%), hsl(calc(147deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 34%));
  box-shadow: 0 3px 8px hsl(calc(147deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 34% / 0.251);
}
:root[data-accent]:has(.chat-app) .chat-send:hover {
  background: linear-gradient(140deg, hsl(calc(146deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 44%), hsl(calc(148deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 29%));
}
:root[data-accent]:has(.chat-app) .chat-app .chat-button.primary,
:root[data-accent]:has(.chat-app) .chat-dialog .chat-button.primary,
:root[data-accent]:has(.chat-app) .chat-loading .chat-button.primary {
  background: linear-gradient(140deg, hsl(calc(146deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 42%), hsl(calc(148deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 32%));
  border-color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 32%);
  box-shadow: 0 2px 6px hsl(calc(148deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 32% / 0.2);
}
:root[data-accent]:has(.chat-app) .chat-section-toggle:hover {
  background: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(27% * var(--accent-sat, 1)) 94%);
}
:root[data-accent]:has(.chat-app) .chat-row-hide {
  background: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 91%);
  color: hsl(calc(132deg + var(--accent-shift, 0deg)) calc(12% * var(--accent-sat, 1)) 39%);
}
:root[data-accent]:has(.chat-app) .chat-row-hide:hover {
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 86%);
  color: hsl(calc(132deg + var(--accent-shift, 0deg)) calc(19% * var(--accent-sat, 1)) 27%);
}
:root[data-accent]:has(.chat-app) .chat-typing-dots {
  box-shadow: 0 0 0 2px hsl(calc(126deg + var(--accent-shift, 0deg)) calc(26% * var(--accent-sat, 1)) 96%);
}
:root[data-accent]:has(.chat-app) .chat-typing-dots i {
  background: hsl(calc(146deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 42%);
}
:root[data-accent]:has(.chat-app) .chat-search-person:hover,
:root[data-accent]:has(.chat-app) .chat-search-person:focus-visible {
  background: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(45% * var(--accent-sat, 1)) 94%);
  border-color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(32% * var(--accent-sat, 1)) 88%);
}
:root[data-accent]:has(.chat-app) .chat-search-person strong {
  color: hsl(calc(133deg + var(--accent-shift, 0deg)) calc(21% * var(--accent-sat, 1)) 29%);
}
:root[data-accent]:has(.chat-app) .chat-dialog-actions.chat-preferences-actions {
  border-top: 1px solid hsl(calc(127deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 93%);
}
:root[data-accent]:has(.chat-app) .chat-preferences-actions.changed {
  box-shadow: 0 -6px 14px hsl(calc(142deg + var(--accent-shift, 0deg)) calc(15% * var(--accent-sat, 1)) 20% / 0.078);
}
:root[data-accent]:has(.chat-app) .chat-typing-bubble .chat-typing-dots {
  background: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(31% * var(--accent-sat, 1)) 94%);
  box-shadow: 0 1px 3px hsl(calc(142deg + var(--accent-shift, 0deg)) calc(15% * var(--accent-sat, 1)) 20% / 0.122);
}
:root[data-accent]:has(.chat-app) .chat-topbar {
  background: hsl(calc(149deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 17%);
}
:root[data-accent]:has(.chat-app) .chat-detail-footer {
  border-top: 1px solid hsl(calc(127deg + var(--accent-shift, 0deg)) calc(24% * var(--accent-sat, 1)) 93%);
}
:root[data-accent]:has(.chat-app) .chat-workspace-count {
  border: 2px solid hsl(calc(149deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 17%);
}
:root[data-accent]:has(.chat-app) .chat-audience-people {
  border: 1px solid hsl(calc(131deg + var(--accent-shift, 0deg)) calc(13% * var(--accent-sat, 1)) 91%);
}
:root[data-accent]:has(.chat-app) .chat-audience-person:hover {
  background: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(45% * var(--accent-sat, 1)) 94%);
}
:root[data-accent]:has(.chat-app) .chat-mention-suggest {
  border: 1px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 88%);
  box-shadow: 0 8px 24px hsl(calc(142deg + var(--accent-shift, 0deg)) calc(15% * var(--accent-sat, 1)) 20% / 0.141);
}
:root[data-accent]:has(.chat-app) .chat-mention-option {
  color: hsl(calc(151deg + var(--accent-shift, 0deg)) calc(18% * var(--accent-sat, 1)) 18%);
}
:root[data-accent]:has(.chat-app) .chat-mention-option.active,
:root[data-accent]:has(.chat-app) .chat-mention-option:hover {
  background: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(29% * var(--accent-sat, 1)) 92%);
}
:root[data-accent]:has(.chat-app) .chat-profile-status {
  background: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 95%);
}
:root[data-accent]:has(.chat-app) .chat-direct-picker > input {
  border: 1px solid hsl(calc(130deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 87%);
}
:root[data-accent]:has(.chat-app) .chat-direct-option:hover,
:root[data-accent]:has(.chat-app) .chat-direct-option.active {
  background: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(35% * var(--accent-sat, 1)) 93%);
}