/* Generated by scripts/build-dark-theme.mjs from common.css, emoji-picker.css, chat.css — do not edit by hand. */
:root[data-theme='dark']:has(.chat-app) .chat-app,
:root[data-theme='dark']:has(.chat-app) .chat-dialog,
:root[data-theme='dark']:has(.chat-app) .chat-popover,
:root[data-theme='dark']:has(.chat-app) body {
  color-scheme: dark;
}

/* common.css */
:root[data-theme='dark']:has(.chat-app) {
  --paper: hsl(38 3% 12%);
  --white: hsl(0 0% 9%);
  --ink: hsl(155 10% 84%);
  --muted: hsl(140 4% 55%);
  --accent: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
  --accent-light: hsl(120 3% 15%);
  --coral: hsl(13 63% 50%);
  --line: hsl(80 12% 31%);
}
:root[data-theme='dark']:has(.chat-app) input,
:root[data-theme='dark']:has(.chat-app) textarea,
:root[data-theme='dark']:has(.chat-app) select {
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) input:focus,
:root[data-theme='dark']:has(.chat-app) textarea:focus,
:root[data-theme='dark']:has(.chat-app) select:focus {
  box-shadow: 0 0 0 3px hsl(0 0% 0% / 0.186);
}
:root[data-theme='dark']:has(.chat-app) button:focus-visible,
:root[data-theme='dark']:has(.chat-app) a:focus-visible,
:root[data-theme='dark']:has(.chat-app) [tabindex]:focus-visible {
  outline: 3px solid hsl(calc(143deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 30%);
}
:root[data-theme='dark']:has(.chat-app) ::selection {
  background: hsl(calc(138deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 19%);
}
:root[data-theme='dark']:has(.chat-app) .skip-link {
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .btn {
  color: hsl(0 0% 100%);
}
:root[data-theme='dark']:has(.chat-app) .btn:hover {
  background: hsl(calc(147deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
}
:root[data-theme='dark']:has(.chat-app) .btn.secondary {
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .btn.secondary:hover {
  background: hsl(70 3% 13%);
}
:root[data-theme='dark']:has(.chat-app) .btn.danger {
  background: hsl(5 45% 48%);
}
:root[data-theme='dark']:has(.chat-app) .avatar {
  background: var(--avatar-bg, hsl(67 3% 18%));
  color: hsl(120 5% 71%);
}
:root[data-theme='dark']:has(.chat-app) .demo-notice {
  background: hsl(90 3% 15%);
  color: hsl(131 8% 63%);
  border-bottom: 1px solid hsl(90 14% 32%);
}
:root[data-theme='dark']:has(.chat-app) .demo-notice .notice-dot {
  background: hsl(18 39% 50%);
}
:root[data-theme='dark']:has(.chat-app) .app-modal {
  border: 1px solid hsl(75 14% 31%);
  background: hsl(0 0% 9%);
  box-shadow: 0 24px 100px hsl(0 0% 0% / 0.471);
}
:root[data-theme='dark']:has(.chat-app) .app-modal::backdrop {
  background: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42% / 0.396);
}
:root[data-theme='dark']:has(.chat-app) #toast-region {
  background: hsl(calc(147deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
  color: hsl(0 0% 100%);
  box-shadow: 0 8px 35px hsl(0 0% 0% / 0.314);
}
:root[data-theme='dark']:has(.chat-app) .form-error {
  color: hsl(4 45% 66%);
  background: hsl(17 3% 12%);
}
:root[data-theme='dark']:has(.chat-app) .auth-layout {
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .auth-story {
  background: hsl(87 3% 15%);
}
:root[data-theme='dark']:has(.chat-app) .auth-story:after {
  border: 1px solid hsl(92 14% 34%);
}
:root[data-theme='dark']:has(.chat-app) .auth-story p {
  color: hsl(115 6% 57%);
}
:root[data-theme='dark']:has(.chat-app) .auth-mini {
  background: hsl(43 3% 10%);
  box-shadow: 0 20px 50px hsl(0 0% 0% / 0.098);
}
:root[data-theme='dark']:has(.chat-app) .auth-story-footer {
  color: hsl(108 6% 55%);
}
:root[data-theme='dark']:has(.chat-app) .auth-progress i {
  background: hsl(86 3% 17%);
}
:root[data-theme='dark']:has(.chat-app) .org-address {
  background: hsl(75 3% 12%);
}
:root[data-theme='dark']:has(.chat-app) .org-address input {
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .ready-check {
  background: hsl(107 3% 15%);
}
:root[data-theme='dark']:has(.chat-app) .ready-link {
  background: hsl(80 3% 12%);
}
:root[data-theme='dark']:has(.chat-app) .auth-details {
  color: hsl(98 8% 55%);
  background: hsl(83 3% 13%);
}
:root[data-theme='dark']:has(.chat-app) .auth-checklist {
  color: hsl(108 10% 62%);
}
:root[data-theme='dark']:has(.chat-app) .center-card {
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .chat-brand-symbol {
  --brand-cutout: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
}
:root[data-theme='dark']:has(.chat-app) .auth-divider {
  color: var(--muted, hsl(126 4% 55%));
}
:root[data-theme='dark']:has(.chat-app) .auth-workspace {
  background: var(--hsl(0 0% 9%));
}
:root[data-theme='dark']:has(.chat-app) .auth-workspace:hover {
  box-shadow: 0 2px 8px hsl(0 0% 0% / 0.304);
}
:root[data-theme='dark']:has(.chat-app) .auth-workspace-tile {
  background: hsl(calc(149deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
  color: hsl(0 0% 100%);
}
:root[data-theme='dark']:has(.chat-app) .update-banner {
  background: hsl(calc(150deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
  color: hsl(0 0% 100%);
  box-shadow: 0 10px 30px hsl(0 0% 0% / 0.625);
}
:root[data-theme='dark']:has(.chat-app) .update-refresh {
  background: hsl(calc(147deg + var(--accent-shift, 0deg)) calc(55% * var(--accent-sat, 1)) 42%);
  color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .update-later {
  color: hsl(0 0% 100% / 0.69);
}
:root[data-theme='dark']:has(.chat-app) .update-later:hover {
  background: hsl(0 0% 9% / 0.122);
  color: hsl(0 0% 100%);
}

/* emoji-picker.css */
:root[data-theme='dark']:has(.chat-app) .app-modal.merhav-emoji-modal {
  border: 1px solid hsl(120 14% 31%);
  background: hsl(0 0% 9%);
  box-shadow: 0 24px 90px hsl(0 0% 0% / 0.5);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-picker {
  color: hsl(155 10% 84%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-heading p {
  color: hsl(137 6% 55%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-close {
  color: hsl(137 6% 58%);
  background: hsl(96 3% 13%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-close:hover {
  background: hsl(113 3% 16%);
  color: hsl(155 10% 84%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-picker .merhav-emoji-search {
  border: 1px solid hsl(113 14% 32%);
  background: hsl(90 3% 12%);
  color: hsl(134 7% 55%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-search:focus-within {
  border-color: hsl(calc(144deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 45%);
  box-shadow: 0 0 0 3px hsl(0 0% 0% / 0.196);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-search input {
  color: hsl(155 10% 84%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-categories {
  border-bottom: 1px solid hsl(98 14% 30%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-categories button {
  color: hsl(139 7% 57%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-categories button:hover {
  background: hsl(90 3% 13%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-categories button[aria-pressed='true'] {
  background: hsl(108 3% 15%);
  color: hsl(calc(147deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-options {
  color: hsl(134 5% 55%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-options select {
  background: hsl(0 0% 9%);
  color: hsl(136 10% 71%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-scroll {
  scrollbar-color: hsl(102 14% 33%) transparent;
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-choice:hover {
  background: hsl(96 3% 14%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-choice:focus-visible {
  outline: 2px solid hsl(calc(144deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 45%);
  background: hsl(96 3% 14%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-empty {
  color: hsl(136 6% 55%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-more {
  border: 1px solid hsl(104 14% 32%);
  color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
  background: hsl(82 3% 13%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-more:hover {
  background: hsl(92 3% 15%);
}
:root[data-theme='dark']:has(.chat-app) .merhav-emoji-footer {
  border-top: 1px solid hsl(98 14% 30%);
  background: hsl(80 3% 11%);
  color: hsl(125 5% 55%);
}
:root[data-theme='dark']:has(.chat-app) .app-modal.merhav-emoji-modal.merhav-emoji-compact {
  box-shadow: 0 12px 36px hsl(0 0% 0% / 0.45);
}

/* chat.css */
:root[data-theme='dark']:has(.chat-app) .chat-app {
  --chat-ink: hsl(155 10% 84%);
  --chat-muted: hsl(140 4% 55%);
  --chat-line: hsl(100 13% 31%);
  --chat-accent: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
  --chat-light: hsl(111 3% 14%);
  --chat-coral: hsl(13 59% 50%);
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .chat-app button:focus-visible,
:root[data-theme='dark']:has(.chat-app) .chat-dialog button:focus-visible,
:root[data-theme='dark']:has(.chat-app) .chat-app a:focus-visible,
:root[data-theme='dark']:has(.chat-app) .chat-dialog a:focus-visible {
  outline: 2px solid hsl(calc(145deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 45%);
}
:root[data-theme='dark']:has(.chat-app) .chat-app .chat-icon-button,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-icon-button {
  color: hsl(136 4% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-app .chat-icon-button:hover,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-icon-button:hover {
  background: hsl(100 3% 14%);
  color: var(--chat-ink, hsl(155 10% 84%));
}
:root[data-theme='dark']:has(.chat-app) .chat-app .chat-button,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-button,
:root[data-theme='dark']:has(.chat-app) .chat-loading .chat-button {
  border: 1px solid hsl(105 14% 31%);
  background: hsl(0 0% 9%);
  color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-app .chat-button.primary,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-button.primary,
:root[data-theme='dark']:has(.chat-app) .chat-loading .chat-button.primary {
  background: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
  color: hsl(0 0% 100%);
  border-color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 45%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-button.danger {
  background: hsl(8 46% 50%);
  border-color: hsl(8 14% 50%);
  color: hsl(0 0% 100%);
}
:root[data-theme='dark']:has(.chat-app) .chat-loading {
  background: hsl(38 3% 12%);
  color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-rail {
  background: hsl(96 3% 13%);
  border-inline-end: 1px solid hsl(90 14% 31%);
}
:root[data-theme='dark']:has(.chat-app) .chat-brand-symbol i {
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .chat-brand-symbol i:last-child {
  background: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 19%);
}
:root[data-theme='dark']:has(.chat-app) .chat-rail-item {
  color: hsl(127 4% 55%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-rail-item:hover {
  background: hsl(103 3% 15%);
}
:root[data-theme='dark']:has(.chat-app) .chat-rail-item.selected {
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(23% * var(--accent-sat, 1)) 19%);
  color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-rail-dot {
  background: hsl(13 59% 50%);
  border: 2px solid hsl(96 14% 29%);
}
:root[data-theme='dark']:has(.chat-app) .chat-avatar {
  background: var(--avatar-bg, hsl(130 3% 16%));
  color: hsl(145 10% 68%);
}
:root[data-theme='dark']:has(.chat-app) .chat-avatar.has-image {
  background: hsl(130 3% 16%);
}
:root[data-theme='dark']:has(.chat-app) .chat-status-dot {
  border: 2px solid hsl(0 0% 26%);
  background: hsl(120 6% 16%);
}
:root[data-theme='dark']:has(.chat-app) .chat-status-dot.online,
:root[data-theme='dark']:has(.chat-app) .chat-inline-dot.online {
  background: hsl(calc(139deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
}
:root[data-theme='dark']:has(.chat-app) .chat-status-dot.away,
:root[data-theme='dark']:has(.chat-app) .chat-inline-dot.away {
  background: hsl(39 55% 50%);
}
:root[data-theme='dark']:has(.chat-app) .chat-status-dot.offline,
:root[data-theme='dark']:has(.chat-app) .chat-inline-dot.offline {
  background: hsl(120 5% 16%);
}
:root[data-theme='dark']:has(.chat-app) .chat-sidebar {
  background: hsl(80 3% 11%);
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-name small {
  color: hsl(98 6% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-logo {
  background: hsl(38 3% 17%);
  color: hsl(35 10% 56%);
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-header > .chat-icon-button {
  border: 1px solid hsl(90 14% 31%);
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .chat-demo-label {
  color: hsl(92 6% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-demo-label > span {
  background: hsl(36 41% 50%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-trigger {
  background: hsl(86 3% 14%);
  border: 1px solid hsl(90 14% 31%);
  color: hsl(108 5% 55%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-search-trigger kbd {
  color: hsl(96 6% 55%);
  border: 1px solid hsl(90 14% 33%);
}
:root[data-theme='dark']:has(.chat-app) .chat-sidebar-title > span {
  color: hsl(109 5% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-filters button {
  color: hsl(114 5% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-filters button.active {
  border-color: hsl(100 14% 32%);
  background: hsl(90 3% 16%);
  color: hsl(124 10% 65%);
}
:root[data-theme='dark']:has(.chat-app) .chat-filters button span {
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 19%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversations-scroll {
  scrollbar-color: hsl(98 14% 33%) transparent;
}
:root[data-theme='dark']:has(.chat-app) .chat-list-section-label {
  color: hsl(90 8% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-list-section-label .chat-icon-button {
  color: hsl(94 8% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-item:hover {
  background: hsl(82 3% 14%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-item.active {
  background: hsl(90 3% 16%);
  border-color: hsl(90 14% 32%);
}
:root[data-theme='dark']:has(.chat-app) .chat-channel-icon {
  color: hsl(100 8% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-item.active .chat-channel-icon {
  color: hsl(103 10% 64%);
}
:root[data-theme='dark']:has(.chat-app) .chat-channel-icon.announcement {
  color: hsl(32 34% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-item.has-unread .chat-conversation-title {
  color: hsl(140 10% 77%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-preview {
  color: hsl(100 6% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-item.active .chat-conversation-preview {
  color: hsl(97 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-meta time {
  color: hsl(94 8% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-unread-count {
  background: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 19%);
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-item.active .chat-unread-count {
  background: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
  color: hsl(0 0% 100%);
}
:root[data-theme='dark']:has(.chat-app) .chat-list-empty {
  color: hsl(92 8% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-sidebar-empty {
  color: hsl(96 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-invite-button {
  border: 1px dashed hsl(88 14% 33%);
  background: hsl(82 3% 13%);
  color: hsl(90 10% 55%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-invite-button > svg:last-child {
  color: hsl(90 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-main {
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-header {
  border-bottom: 1px solid hsl(77 14% 30%);
}
:root[data-theme='dark']:has(.chat-app) .chat-header-symbol {
  color: hsl(103 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-header-name > span {
  color: hsl(92 8% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-header-name > span > span {
  color: hsl(90 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-header-actions .chat-icon-button {
  color: hsl(88 8% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-header-divider {
  background: hsl(84 3% 17%);
}
:root[data-theme='dark']:has(.chat-app) .chat-members-stack .chat-avatar {
  border: 2px solid hsl(0 0% 26%);
}
:root[data-theme='dark']:has(.chat-app) .chat-members-stack > span:last-child:not(.chat-avatar) {
  border: 2px solid hsl(0 0% 26%);
  background: hsl(80 3% 14%);
  color: hsl(86 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-archived-label {
  color: hsl(36 10% 55%);
  background: hsl(42 3% 15%);
}
:root[data-theme='dark']:has(.chat-app) .chat-messages {
  scrollbar-color: hsl(85 14% 32%) transparent;
}
:root[data-theme='dark']:has(.chat-app) .chat-day-divider {
  color: hsl(87 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-day-divider:before,
:root[data-theme='dark']:has(.chat-app) .chat-day-divider:after {
  background: hsl(80 3% 15%);
}
:root[data-theme='dark']:has(.chat-app) .chat-day-divider > span {
  background: hsl(75 3% 11%);
  border: 1px solid hsl(82 14% 30%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.highlight {
  background: hsl(47 3% 15%);
  box-shadow: 0 0 0 12px hsl(0 0% 0%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-avatar > time {
  color: hsl(90 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-author > strong {
  color: hsl(107 10% 71%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-author > time {
  color: hsl(92 9% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-you-label {
  color: hsl(88 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.own .chat-message-inner {
  background: hsl(82 3% 13%);
  border: 1px solid hsl(82 14% 30%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-text {
  color: hsl(94 10% 65%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-text a {
  color: hsl(128 10% 62%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.deleted .chat-message-text {
  color: hsl(90 9% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-footer {
  color: hsl(90 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-delivery {
  color: hsl(91 10% 55%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-delivery.read {
  color: hsl(124 10% 55%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-message.failed .chat-message-inner {
  border-color: hsl(20 14% 34%);
  background: hsl(24 3% 11%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-actions {
  border: 1px solid hsl(88 14% 31%);
  background: hsl(0 0% 9%);
  box-shadow: 0 3px 9px hsl(0 0% 0% / 0.098);
}
:root[data-theme='dark']:has(.chat-app) .chat-reaction {
  background: hsl(80 3% 12%);
  border: 1px solid hsl(80 14% 30%);
}
:root[data-theme='dark']:has(.chat-app) .chat-reaction > span {
  color: hsl(88 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-reaction.mine {
  background: hsl(86 3% 15%);
  border-color: hsl(91 14% 33%);
}
:root[data-theme='dark']:has(.chat-app) .chat-reply-preview {
  border-inline-start: 3px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 30%);
  background: hsl(82 3% 14%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.own .chat-reply-preview {
  background: hsl(83 3% 16%);
}
:root[data-theme='dark']:has(.chat-app) .chat-reply-preview strong {
  color: hsl(96 10% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-reply-preview > span {
  color: hsl(86 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-forward-note,
:root[data-theme='dark']:has(.chat-app) .chat-pin-note {
  color: hsl(83 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-unread-divider {
  color: hsl(19 43% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-unread-divider:before,
:root[data-theme='dark']:has(.chat-app) .chat-unread-divider:after {
  background: hsl(24 3% 18%);
}
:root[data-theme='dark']:has(.chat-app) .chat-retry {
  color: hsl(15 38% 66%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-attachment {
  border: 1px solid hsl(71 14% 32%);
  background: hsl(75 3% 10%);
  color: hsl(88 10% 55%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-attachment > span:first-child {
  background: hsl(76 3% 15%);
}
:root[data-theme='dark']:has(.chat-app) .chat-attachment small {
  color: hsl(88 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-attachment-image {
  border: 1px solid hsl(71 14% 32%);
  background: hsl(76 3% 15%);
}
:root[data-theme='dark']:has(.chat-app) .chat-attachment-image img:not([src]) {
  background: linear-gradient(100deg, hsl(103 3% 14%) 30%, hsl(90 3% 11%) 50%, hsl(103 3% 14%) 70%) 0 0 / 300% 100%;
}
:root[data-theme='dark']:has(.chat-app) .chat-new-messages {
  background: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
  color: hsl(0 0% 100%) !important;
  box-shadow: 0 3px 20px hsl(0 0% 0% / 0.275);
}
:root[data-theme='dark']:has(.chat-app) .chat-connection {
  background: hsl(35 3% 13%);
  color: hsl(34 45% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-drag-overlay {
  background: hsl(85 3% 13% / 0.929);
  border: 2px dashed hsl(calc(128deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 30%);
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-compose-area {
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .chat-composer {
  border: 1px solid hsl(86 14% 32%);
  box-shadow: 0 2px 4px hsl(0 0% 0% / 0.039);
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .chat-composer:focus-within {
  border-color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 30%);
  box-shadow: 0 0 0 3px hsl(0 0% 0%);
}
:root[data-theme='dark']:has(.chat-app) .chat-composer textarea {
  color: hsl(101 10% 67%);
}
:root[data-theme='dark']:has(.chat-app) .chat-composer textarea::placeholder {
  color: hsl(83 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-composer-tools .chat-icon-button {
  color: hsl(85 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-send {
  background: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
  color: hsl(0 0% 100%) !important;
  box-shadow: 0 2px 3px hsl(0 0% 0% / 0.157);
}
:root[data-theme='dark']:has(.chat-app) .chat-send:hover {
  background: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
}
:root[data-theme='dark']:has(.chat-app) .chat-send:disabled {
  background: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 19%) !important;
  color: hsl(84 33% 97%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-compose-hint {
  color: hsl(84 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-compose-hint kbd {
  color: hsl(88 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-typing {
  color: hsl(93 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-composer-context {
  background: hsl(82 3% 13%);
  border: 1px solid hsl(86 14% 32%);
}
:root[data-theme='dark']:has(.chat-app) .chat-context-copy strong {
  color: hsl(94 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-context-copy > span {
  color: hsl(89 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-context-attachment {
  color: hsl(91 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-upload-progress {
  color: hsl(91 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-composer.is-disabled {
  background: hsl(75 3% 11%);
  border-color: hsl(81 14% 31%);
}
:root[data-theme='dark']:has(.chat-app) .chat-recording {
  color: hsl(17 42% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-composer-tools .is-recording {
  background: hsl(23 3% 15%);
  color: hsl(16 45% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-empty-state,
:root[data-theme='dark']:has(.chat-app) .chat-channel-welcome {
  color: hsl(91 10% 59%);
}
:root[data-theme='dark']:has(.chat-app) .chat-empty-state > span,
:root[data-theme='dark']:has(.chat-app) .chat-channel-welcome > span {
  background: hsl(83 3% 14%);
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-empty-state p,
:root[data-theme='dark']:has(.chat-app) .chat-channel-welcome p {
  color: hsl(89 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-welcome-pills > span {
  color: hsl(90 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-collection-heading {
  color: hsl(94 10% 59%);
}
:root[data-theme='dark']:has(.chat-app) .chat-collection-heading > span {
  background: hsl(81 3% 14%);
}
:root[data-theme='dark']:has(.chat-app) .chat-collection-heading p {
  color: hsl(87 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog {
  color: hsl(155 10% 84%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog > header {
  border-bottom: 1px solid hsl(82 14% 30%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog > header p {
  color: hsl(91 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog-body {
  scrollbar-color: hsl(88 14% 33%) transparent;
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-field {
  color: hsl(99 10% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-field input,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-field select,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-field textarea,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-copy-field input,
:root[data-theme='dark']:has(.chat-app) .chat-search-filters select {
  border: 1px solid hsl(92 14% 33%);
  background: hsl(0 0% 9%);
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-field input:focus,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-field select:focus,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-field textarea:focus,
:root[data-theme='dark']:has(.chat-app) .chat-search-input:focus-within {
  border-color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 30%);
  box-shadow: 0 0 0 3px hsl(0 0% 0%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-field small {
  color: hsl(90 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog input[type='checkbox'],
:root[data-theme='dark']:has(.chat-app) .chat-dialog input[type='radio'] {
  accent-color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog input::placeholder,
:root[data-theme='dark']:has(.chat-app) .chat-dialog textarea::placeholder {
  color: hsl(89 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog-intro {
  color: hsl(91 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog-note {
  color: hsl(87 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-form-error {
  background: hsl(22 3% 12%);
  border: 1px solid hsl(25 14% 33%);
  color: hsl(22 34% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-action-list > button,
:root[data-theme='dark']:has(.chat-app) .chat-action-list > a {
  color: hsl(93 10% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-action-list > button:hover,
:root[data-theme='dark']:has(.chat-app) .chat-action-list > a:hover {
  background: hsl(84 3% 13%);
}
:root[data-theme='dark']:has(.chat-app) .chat-action-list > button svg {
  color: hsl(90 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-action-list .danger-text {
  color: hsl(19 41% 66%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-action-list .danger-text svg {
  color: hsl(19 41% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-emoji-grid > button {
  background: hsl(80 3% 11%);
  border: 1px solid hsl(80 14% 30%);
}
:root[data-theme='dark']:has(.chat-app) .chat-emoji-grid > button:hover {
  background: hsl(86 3% 15%);
}
:root[data-theme='dark']:has(.chat-app) .chat-delete-option {
  border: 1px solid hsl(88 14% 32%);
  background: hsl(84 3% 11%);
}
:root[data-theme='dark']:has(.chat-app) .chat-delete-option strong {
  color: hsl(93 10% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-delete-option span {
  color: hsl(88 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-delete-option.danger {
  background: hsl(36 3% 11%);
  border-color: hsl(33 14% 33%);
}
:root[data-theme='dark']:has(.chat-app) .chat-delete-option.danger strong {
  color: hsl(26 39% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-delete-option.danger span {
  color: hsl(33 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-person-row {
  border-bottom: 1px solid hsl(80 14% 29%);
}
:root[data-theme='dark']:has(.chat-app) .chat-person-row strong {
  color: hsl(92 10% 59%);
}
:root[data-theme='dark']:has(.chat-app) .chat-person-row small {
  color: hsl(88 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-person-row .chat-avatar {
  color: hsl(94 10% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-read-color {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-muted {
  color: hsl(86 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-role-badge {
  background: hsl(83 3% 14%);
  color: hsl(89 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-segmented {
  background: hsl(80 3% 13%);
  border: 1px solid hsl(80 14% 31%);
}
:root[data-theme='dark']:has(.chat-app) .chat-segmented label > span {
  color: hsl(91 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-segmented input:checked + span {
  background: hsl(0 0% 9%);
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
  box-shadow: 0 1px 5px hsl(0 0% 0% / 0.176);
}
:root[data-theme='dark']:has(.chat-app) .chat-segmented input:focus-visible + span {
  outline: 2px solid hsl(calc(128deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 30%);
}
:root[data-theme='dark']:has(.chat-app) .chat-check-row strong {
  color: hsl(94 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-check-row small {
  color: hsl(86 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-member-picker {
  border: 1px solid hsl(84 14% 31%);
}
:root[data-theme='dark']:has(.chat-app) .chat-detail-intro p {
  color: hsl(87 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-detail-symbol {
  background: hsl(81 3% 14%);
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-detail-tabs {
  border-bottom: 1px solid hsl(81 14% 31%);
}
:root[data-theme='dark']:has(.chat-app) .chat-detail-tabs > button {
  color: hsl(87 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-detail-tabs > button.active {
  border-bottom-color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 45%);
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-detail-tabs > button span {
  color: hsl(84 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-input {
  border: 1px solid hsl(87 14% 33%);
  color: hsl(88 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-input input {
  color: hsl(91 10% 57%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-filters select {
  color: hsl(86 10% 55%);
  background: hsl(80 3% 11%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-empty {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-empty p {
  color: hsl(89 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-empty small {
  color: hsl(88 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-result {
  background: hsl(84 3% 11%);
  border: 1px solid hsl(84 14% 31%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-result:hover {
  background: hsl(84 3% 14%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-result > span {
  color: hsl(86 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-result p {
  color: hsl(91 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-result small {
  color: hsl(87 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-result-count {
  color: hsl(87 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-invite-illustration {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
  background: hsl(76 3% 12%);
}
:root[data-theme='dark']:has(.chat-app) .chat-success-inline > span {
  background: hsl(84 3% 15%);
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-success-inline h3 {
  color: hsl(91 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-success-inline p {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-success-inline small {
  color: hsl(86 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-copy-field input {
  background: hsl(80 3% 11%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-people-toolbar > span {
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-subtitle {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-subtitle > span {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-pending-avatar {
  background: hsl(60 3% 13%);
  color: hsl(54 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-text-button {
  color: hsl(85 10% 55%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-person-card strong {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-person-card > span:last-child {
  color: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-card > span {
  background: hsl(47 3% 18%);
  color: hsl(47 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-card h3 {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-card p {
  color: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-profile-settings strong {
  color: hsl(calc(127deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-profile-settings small {
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-storage-row {
  background: hsl(75 3% 12%);
  border: 1px solid hsl(77 14% 30%);
}
:root[data-theme='dark']:has(.chat-app) .chat-storage-row > span {
  color: hsl(calc(125deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-storage-row strong {
  color: hsl(calc(126deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-logout-button {
  color: hsl(79 10% 55%) !important;
}
@media (max-width: 600px), (max-width: 800px) and (pointer: coarse) {
  :root[data-theme='dark']:has(.chat-app) .chat-message-actions .chat-icon-button[data-action='message-menu'] {
    color: hsl(89 10% 55%);
  }
}
:root[data-theme='dark']:has(.chat-app) .chat-load-history {
  border: 1px solid hsl(84 14% 31%);
  background: hsl(80 3% 11%);
  color: hsl(87 10% 55%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-message-text {
  color: hsl(100 10% 68%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-preview {
  color: hsl(95 7% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-author > time {
  color: hsl(94 9% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-header-name > span {
  color: hsl(92 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-compose-hint {
  color: hsl(92 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-field small,
:root[data-theme='dark']:has(.chat-app) .chat-dialog-note {
  color: hsl(93 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-field > span {
  color: hsl(98 10% 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-person-row strong {
  color: hsl(98 10% 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-person-row small {
  color: hsl(90 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-action-list > button,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-action-list > a {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-check-row strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-check-row small {
  color: hsl(90 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-search-result p {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-search-result > span {
  color: hsl(90 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-copy-field input {
  color: hsl(99 10% 63%);
}
:root[data-theme='dark']:has(.chat-app) .chat-app {
  --chat-muted: hsl(125 5% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-rail-item {
  color: hsl(124 6% 55%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-name small,
:root[data-theme='dark']:has(.chat-app) .chat-demo-label {
  color: hsl(103 8% 57%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-trigger {
  color: hsl(105 9% 58%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-search-trigger kbd {
  color: hsl(98 8% 56%);
}
:root[data-theme='dark']:has(.chat-app) .chat-sidebar-title > span {
  color: hsl(95 10% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-filters button {
  color: hsl(99 10% 59%);
}
:root[data-theme='dark']:has(.chat-app) .chat-list-section-label {
  color: hsl(95 10% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-title {
  color: hsl(104 10% 73%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-preview {
  color: hsl(92 10% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-item.active .chat-conversation-preview {
  color: hsl(96 10% 61%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-meta time {
  color: hsl(89 10% 56%);
}
:root[data-theme='dark']:has(.chat-app) .chat-list-empty,
:root[data-theme='dark']:has(.chat-app) .chat-sidebar-empty p {
  color: hsl(92 10% 57%);
}
:root[data-theme='dark']:has(.chat-app) .chat-invite-button {
  color: hsl(93 10% 61%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-header-name > span {
  color: hsl(95 10% 59%);
}
:root[data-theme='dark']:has(.chat-app) .chat-header-actions .chat-icon-button {
  color: hsl(98 10% 60%);
}
:root[data-theme='dark']:has(.chat-app) .chat-archived-label {
  color: hsl(38 10% 62%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-text {
  color: hsl(103 10% 74%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-author > strong {
  color: hsl(calc(133deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-author > time,
:root[data-theme='dark']:has(.chat-app) .chat-message-avatar > time {
  color: hsl(94 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-you-label {
  color: hsl(98 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-footer {
  color: hsl(98 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-delivery {
  color: hsl(99 10% 55%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-day-divider {
  color: hsl(94 10% 57%);
}
:root[data-theme='dark']:has(.chat-app) .chat-reaction > span {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-reply-preview strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-reply-preview > span {
  color: hsl(94 10% 59%);
}
:root[data-theme='dark']:has(.chat-app) .chat-pin-note,
:root[data-theme='dark']:has(.chat-app) .chat-forward-note {
  color: hsl(93 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-unread-divider {
  color: hsl(20 32% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-attachment strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-attachment small {
  color: hsl(94 10% 59%);
}
:root[data-theme='dark']:has(.chat-app) .chat-attachment > span:first-child {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-composer textarea {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-composer textarea::placeholder {
  color: hsl(93 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-composer-tools .chat-icon-button {
  color: hsl(94 10% 56%);
}
:root[data-theme='dark']:has(.chat-app) .chat-compose-hint,
:root[data-theme='dark']:has(.chat-app) .chat-compose-hint kbd {
  color: hsl(94 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-typing {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-context-copy strong,
:root[data-theme='dark']:has(.chat-app) .chat-context-copy > span,
:root[data-theme='dark']:has(.chat-app) .chat-context-attachment > span,
:root[data-theme='dark']:has(.chat-app) .chat-upload-progress {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-empty-state p,
:root[data-theme='dark']:has(.chat-app) .chat-channel-welcome p {
  color: hsl(99 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-welcome-pills > span {
  color: hsl(96 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-channel-welcome p.chat-welcome-pending {
  color: hsl(102 10% 60%);
}
:root[data-theme='dark']:has(.chat-app) .chat-collection-heading p {
  color: hsl(98 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog > header p {
  color: hsl(95 10% 57%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-field > span,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-field input,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-field select,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-field textarea {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-field small,
:root[data-theme='dark']:has(.chat-app) .chat-dialog-note,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-form-error {
  color: hsl(96 10% 59%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog-intro {
  color: hsl(95 10% 60%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-button {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-button.primary,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-button.danger {
  color: hsl(0 0% 100%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-action-list > button,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-action-list > a {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-action-list > button svg {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-delete-option strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-delete-option span {
  color: hsl(94 10% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-delete-option.danger strong {
  color: hsl(22 44% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-delete-option.danger span {
  color: hsl(27 10% 56%);
}
:root[data-theme='dark']:has(.chat-app) .chat-person-row strong,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-person-row strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-person-row small,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-person-row small {
  color: hsl(93 10% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-role-badge {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-segmented label > span {
  color: hsl(92 10% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-check-row strong,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-check-row strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-check-row small,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-check-row small {
  color: hsl(93 10% 59%);
}
:root[data-theme='dark']:has(.chat-app) .chat-detail-intro p {
  color: hsl(94 10% 59%);
}
:root[data-theme='dark']:has(.chat-app) .chat-detail-tabs > button {
  color: hsl(91 10% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-detail-tabs > button.active {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-detail-tabs > button span {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-input input {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-filters select {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-empty p {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-empty small {
  color: hsl(91 10% 57%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-result > span,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-search-result > span {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-result p,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-search-result p {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-result small {
  color: hsl(93 10% 59%);
}
:root[data-theme='dark']:has(.chat-app) .chat-result-count {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-invite-illustration {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-success-inline h3 {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-success-inline p {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-success-inline small {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-copy-field input,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-copy-field input {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-people-toolbar > span {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-subtitle {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-subtitle > span {
  color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-text-button {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-person-card strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-person-card > span:last-child {
  color: hsl(93 10% 57%);
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-card h3 {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-card p {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-profile-settings strong {
  color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-profile-settings small {
  color: hsl(93 10% 59%);
}
:root[data-theme='dark']:has(.chat-app) .chat-storage-row strong {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-logout-button {
  color: hsl(93 10% 59%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-load-history {
  color: hsl(calc(129deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%) !important;
}
@media (max-width: 600px), (max-width: 800px) and (pointer: coarse) {
  :root[data-theme='dark']:has(.chat-app) .chat-message-actions .chat-icon-button[data-action='message-menu'] {
    color: hsl(91 10% 55%);
  }
}
:root[data-theme='dark']:has(.chat-app) .chat-avatar {
  color: var(--avatar-fg, hsl(145 10% 68%));
}
:root[data-theme='dark']:has(.chat-app) .chat-messages {
  background: hsl(80 3% 11%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-author > strong {
  color: var(--member-accent, hsl(calc(133deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%));
}
:root[data-theme='dark']:has(.chat-app) .chat-message-author > time {
  color: hsl(90 7% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-inner,
:root[data-theme='dark']:has(.chat-app) .chat-message.own .chat-message-inner {
  border: 1px solid hsl(90 14% 31%);
  background: var(--member-bubble, hsl(0 0% 9%));
  box-shadow: 0 1px 2px hsl(0 0% 0% / 0.049);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.own .chat-message-inner {
  background: hsl(97 3% 14%);
  border-color: hsl(96 14% 32%);
}
:root[data-theme='dark']: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(28% * var(--accent-sat, 1)) 30%));
}
:root[data-theme='dark']:has(.chat-app) .chat-message-text {
  color: hsl(127 10% 78%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-text a {
  color: hsl(calc(150deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-footer {
  color: hsl(98 10% 59%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.deleted .chat-message-inner {
  border: 1px dashed hsl(86 14% 33%);
  background: hsl(80 3% 12%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.deleted .chat-message-text {
  color: hsl(94 9% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.failed .chat-message-inner {
  background: hsl(20 3% 11%);
  border-color: hsl(15 14% 41%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.highlight .chat-message-inner {
  box-shadow: 0 0 0 3px hsl(0 0% 0%);
  background: hsl(47 3% 14%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message:focus-visible .chat-message-inner {
  outline: 2px solid hsl(calc(133deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 45%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.selected-message .chat-message-inner {
  outline: 2px solid hsl(calc(133deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 45%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-actions {
  border-color: hsl(96 14% 33%);
  box-shadow: 0 3px 10px hsl(0 0% 0% / 0.176);
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .chat-reaction {
  background: hsl(0 0% 9%);
  border-color: hsl(92 14% 32%);
}
:root[data-theme='dark']:has(.chat-app) .chat-reaction.mine {
  background: hsl(92 3% 16%);
  border-color: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 30%);
}
:root[data-theme='dark']:has(.chat-app) .chat-reply-preview,
:root[data-theme='dark']:has(.chat-app) .chat-message.own .chat-reply-preview {
  border-inline-start-color: var(--member-accent, hsl(calc(130deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 45%));
  background: hsl(90 3% 16% / 0.502);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.own .chat-reply-preview {
  background: hsl(calc(132deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 19% / 0.502);
}
:root[data-theme='dark']:has(.chat-app) .chat-reply-preview > span {
  color: hsl(91 10% 63%);
}
:root[data-theme='dark']:has(.chat-app) .chat-reply-preview strong {
  color: var(--member-accent, hsl(calc(130deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%));
}
:root[data-theme='dark']:has(.chat-app) .chat-attachment {
  background: hsl(0 0% 9% / 0.702);
  border-color: hsl(88 14% 32%);
}
:root[data-theme='dark']:has(.chat-app) .chat-day-divider {
  color: hsl(96 10% 57%);
}
:root[data-theme='dark']:has(.chat-app) .chat-day-divider > span {
  background: hsl(86 3% 13%);
  border-color: hsl(83 14% 31%);
}
:root[data-theme='dark']:has(.chat-app) .chat-unread-divider {
  color: hsl(23 35% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-unread-divider > span {
  background: hsl(27 3% 13%);
}
:root[data-theme='dark']:has(.chat-app) .chat-compose-area {
  border-top: 1px solid hsl(82 14% 30%);
}
:root[data-theme='dark']:has(.chat-app) .chat-shortcuts > div {
  border-bottom: 1px solid hsl(87 14% 30%);
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-shortcuts kbd {
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
  background: hsl(84 3% 13%);
  border: 1px solid hsl(92 14% 33%);
}
:root[data-theme='dark']:has(.chat-app) .chat-shortcut-hint {
  color: hsl(95 10% 58%) !important;
}
:root[data-theme='dark']:has(.chat-app) .chat-shortcut-hint:hover {
  color: hsl(calc(133deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%) !important;
}
@media (max-width: 600px), (max-width: 800px) and (pointer: coarse) {
  :root[data-theme='dark']:has(.chat-app) .chat-message-actions .chat-icon-button[data-action='message-menu'] {
    color: hsl(95 10% 55%);
  }
  :root[data-theme='dark']:has(.chat-app) .chat-message-actions .chat-icon-button[data-action='message-menu']:hover {
    background: hsl(90 3% 17%);
  }
}
:root[data-theme='dark']:has(.chat-app) .chat-billing-notice {
  border: 1px solid hsl(43 14% 35%);
  background: hsl(44 3% 14%);
  color: hsl(40 10% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-billing-notice button {
  color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-billing-notice button:focus-visible {
  outline: 2px solid hsl(calc(148deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 45%);
}
:root[data-theme='dark']:has(.chat-app) .chat-account-link {
  border: 1px solid hsl(90 14% 32%);
  background: hsl(80 3% 12%);
  color: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-account-link small {
  color: hsl(96 10% 57%);
}
:root[data-theme='dark']:has(.chat-app) .chat-account-link:hover {
  background: hsl(85 3% 15%);
  border-color: hsl(calc(128deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 30%);
}
:root[data-theme='dark']:has(.chat-app) .chat-account-link:focus-visible {
  outline: 2px solid hsl(calc(129deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 45%);
}
:root[data-theme='dark']:has(.chat-app) .chat-popover {
  border: 1px solid hsl(93 14% 31%);
  background: hsl(0 0% 9%);
  color: hsl(155 10% 84%);
  box-shadow: 0 10px 30px hsl(0 0% 0% / 0.4);
}
:root[data-theme='dark']:has(.chat-app) .chat-popover hr {
  border-top: 1px solid hsl(90 14% 29%);
}
:root[data-theme='dark']:has(.chat-app) .chat-popover > button svg {
  color: hsl(125 5% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-popover > button:hover,
:root[data-theme='dark']:has(.chat-app) .chat-popover > button:focus-visible {
  background: hsl(111 3% 14%);
}
:root[data-theme='dark']:has(.chat-app) .chat-popover > button.danger-text,
:root[data-theme='dark']:has(.chat-app) .chat-popover > button.danger-text svg {
  color: hsl(11 45% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-popover > button.danger-text:hover {
  background: hsl(15 3% 13%);
}
:root[data-theme='dark']:has(.chat-app) .chat-popover-reactions button,
:root[data-theme='dark']:has(.chat-app) .chat-popover-emoji-grid button {
  color: hsl(125 5% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-popover-reactions button:hover,
:root[data-theme='dark']:has(.chat-app) .chat-popover-reactions button:focus-visible,
:root[data-theme='dark']:has(.chat-app) .chat-popover-emoji-grid button:hover,
:root[data-theme='dark']:has(.chat-app) .chat-popover-emoji-grid button:focus-visible {
  background: hsl(111 3% 14%);
}
:root[data-theme='dark']:has(.chat-app) .chat-popover-header small {
  color: hsl(125 5% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-profile-emoji {
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .chat-status-input {
  border: 1px solid hsl(93 14% 32%);
}
:root[data-theme='dark']:has(.chat-app) .chat-status-emoji-button {
  background: hsl(96 3% 13%);
}
:root[data-theme='dark']:has(.chat-app) .chat-status-presets button:hover,
:root[data-theme='dark']:has(.chat-app) .chat-status-presets button:focus-visible {
  background: hsl(111 3% 14%);
}
:root[data-theme='dark']:has(.chat-app) .chat-status-badge {
  background: hsl(96 3% 13%);
  color: hsl(129 7% 63%);
}
:root[data-theme='dark']:has(.chat-app) .chat-status-dot.dnd {
  background: hsl(0 0% 9%);
  color: hsl(11 45% 66%);
  border: 1.5px solid hsl(0 0% 26%);
  box-shadow: 0 0 0 1px hsl(0 0% 0%);
}
:root[data-theme='dark']:has(.chat-app) .chat-messages {
  background: linear-gradient(180deg, hsl(200 3% 12%) 0%, hsl(204 3% 14%) 100%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-inner,
:root[data-theme='dark']:has(.chat-app) .chat-message.own .chat-message-inner {
  background: hsl(0 0% 9%);
  box-shadow: 0 1px 0.5px hsl(0 0% 0% / 0.325);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.own .chat-message-inner {
  background: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 19%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message:not(.grouped):not(.own) .chat-message-inner::before {
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.own:not(.grouped) .chat-message-inner::before {
  background: hsl(calc(131deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 19%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-inner > .chat-message-author > strong {
  color: var(--member-accent, hsl(calc(133deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%));
}
:root[data-theme='dark']:has(.chat-app) .chat-message-text {
  color: hsl(203 10% 92%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-footer {
  color: hsl(202 10% 57%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-footer > time {
  color: hsl(202 10% 57%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message-footer .chat-delivery.read,
:root[data-theme='dark']:has(.chat-app) .chat-message-footer .chat-delivery.read svg {
  color: hsl(204 45% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.deleted .chat-message-inner {
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.highlight .chat-message-inner {
  box-shadow: 0 0 0 3px hsl(0 0% 0%);
}
:root[data-theme='dark']:has(.chat-app) .chat-status-badge::after {
  background: hsl(calc(151deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
  color: hsl(0 0% 100%);
}
:root[data-theme='dark']:has(.chat-app) .chat-status-dot.away,
:root[data-theme='dark']:has(.chat-app) .chat-inline-dot.away {
  border: 1.5px solid hsl(120 3% 48%);
  box-shadow: 0 0 0 1.5px hsl(0 0% 0%);
  background: linear-gradient(45deg, transparent 41%, hsl(120 3% 36%) 41%, hsl(120 3% 36%) 59%, transparent 59%),
    linear-gradient(-45deg, transparent 41%, hsl(120 3% 36%) 41%, hsl(120 3% 36%) 59%, transparent 59%), hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .chat-notify-offer {
  background: hsl(103 3% 14%);
  color: hsl(140 10% 73%);
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-bar {
  background: hsl(calc(149deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-tile {
  background: hsl(calc(133deg + var(--accent-shift, 0deg)) calc(22% * var(--accent-sat, 1)) 19%);
  color: hsl(calc(149deg + var(--accent-shift, 0deg)) calc(42% * var(--accent-sat, 1)) 70%);
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-bar .chat-workspace-tile:hover {
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-bar .chat-workspace-tile.current {
  background: hsl(0 0% 9%);
  box-shadow: 0 0 0 3px hsl(0 0% 0%),
    0 0 0 5px hsl(0 0% 0%);
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-bar .chat-workspace-tile.add {
  color: hsl(105 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-bar .chat-workspace-tile.add:hover {
  background: hsl(0 0% 9% / 0.122);
}
:root[data-theme='dark']:has(.chat-app) .chat-rail {
  background: linear-gradient(180deg, hsl(103 3% 12%) 0%, hsl(103 3% 16%) 100%);
}
:root[data-theme='dark']:has(.chat-app) .chat-rail-item.selected {
  background: hsl(calc(132deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 19%);
  box-shadow: inset 0 0 0 1px hsl(0 0% 0%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-item.active {
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(30% * var(--accent-sat, 1)) 19%);
  border-color: hsl(101 14% 34%);
}
:root[data-theme='dark']:has(.chat-app) .chat-message.own .chat-message-inner {
  background: hsl(98 3% 15%);
  border-color: hsl(100 14% 34%);
}
:root[data-theme='dark']:has(.chat-app) .chat-send {
  background: linear-gradient(140deg, hsl(calc(146deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%), hsl(calc(147deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%));
  box-shadow: 0 3px 8px hsl(0 0% 0% / 0.627);
}
:root[data-theme='dark']:has(.chat-app) .chat-send:hover {
  background: linear-gradient(140deg, hsl(calc(146deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%), hsl(calc(148deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%));
}
:root[data-theme='dark']:has(.chat-app) .chat-app .chat-button.primary,
:root[data-theme='dark']:has(.chat-app) .chat-dialog .chat-button.primary,
:root[data-theme='dark']:has(.chat-app) .chat-loading .chat-button.primary {
  background: linear-gradient(140deg, hsl(calc(146deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%), hsl(calc(148deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%));
  border-color: hsl(calc(148deg + var(--accent-shift, 0deg)) calc(28% * var(--accent-sat, 1)) 45%);
  box-shadow: 0 2px 6px hsl(0 0% 0% / 0.5);
}
:root[data-theme='dark']:has(.chat-app) .chat-self-tag {
  color: hsl(132 4% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-section-toggle:hover {
  background: hsl(93 3% 14%);
}
:root[data-theme='dark']:has(.chat-app) .chat-row-hide {
  background: hsl(95 3% 17%);
  color: hsl(102 10% 63%);
}
:root[data-theme='dark']:has(.chat-app) .chat-row-hide:hover {
  background: hsl(calc(130deg + var(--accent-shift, 0deg)) calc(25% * var(--accent-sat, 1)) 19%);
  color: hsl(102 10% 75%);
}
:root[data-theme='dark']:has(.chat-app) .chat-typing-dots {
  background: hsl(0 0% 9%);
  box-shadow: 0 0 0 2px hsl(0 0% 0%);
}
:root[data-theme='dark']:has(.chat-app) .chat-typing-dots i {
  background: hsl(calc(146deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-heading {
  color: hsl(95 10% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-person:hover,
:root[data-theme='dark']:has(.chat-app) .chat-search-person:focus-visible {
  background: hsl(84 3% 14%);
  border-color: hsl(87 14% 32%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-person strong {
  color: hsl(104 10% 73%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-person small {
  color: hsl(98 8% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-search-person > svg {
  color: hsl(100 8% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-dialog-actions.chat-preferences-actions {
  background: hsl(0 0% 9%);
  border-top: 1px solid hsl(87 14% 30%);
}
:root[data-theme='dark']:has(.chat-app) .chat-preferences-actions.changed {
  box-shadow: 0 -6px 14px hsl(0 0% 0% / 0.196);
}
:root[data-theme='dark']:has(.chat-app) .chat-unsaved {
  color: hsl(29 45% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-typing-avatars .chat-avatar {
  box-shadow: 0 0 0 2px hsl(0 0% 0%);
}
:root[data-theme='dark']:has(.chat-app) .chat-typing-bubble .chat-typing-dots {
  background: hsl(87 3% 14%);
  box-shadow: 0 1px 3px hsl(0 0% 0% / 0.304);
}
:root[data-theme='dark']:has(.chat-app) .chat-topbar {
  background: hsl(calc(149deg + var(--accent-shift, 0deg)) calc(40% * var(--accent-sat, 1)) 42%);
}
:root[data-theme='dark']:has(.chat-app) .chat-top-search {
  border: 1px solid hsl(0 0% 26% / 0.22);
  background: hsl(0 0% 9% / 0.122);
  color: hsl(0 0% 100% / 0.851);
}
:root[data-theme='dark']:has(.chat-app) .chat-top-search:hover,
:root[data-theme='dark']:has(.chat-app) .chat-top-search:focus-visible {
  background: hsl(0 0% 9% / 0.18);
}
:root[data-theme='dark']:has(.chat-app) .chat-detail-footer {
  background: hsl(0 0% 9%);
  border-top: 1px solid hsl(87 14% 30%);
}
:root[data-theme='dark']:has(.chat-app) .chat-detail-footer .chat-button.primary {
  color: hsl(0 0% 100%);
}
:root[data-theme='dark']:has(.chat-app) .chat-workspace-count {
  border: 2px solid hsl(calc(149deg + var(--accent-shift, 0deg)) calc(33% * var(--accent-sat, 1)) 45%);
  background: hsl(3 74% 50%);
  color: hsl(0 0% 100%);
}
:root[data-theme='dark']:has(.chat-app) .chat-audience-people {
  border: 1px solid hsl(100 13% 31%);
}
:root[data-theme='dark']:has(.chat-app) .chat-audience-person:hover {
  background: hsl(84 3% 14%);
}
:root[data-theme='dark']:has(.chat-app) .chat-mention-suggest {
  border: 1px solid hsl(90 14% 32%);
  background: hsl(0 0% 9%);
  box-shadow: 0 8px 24px hsl(0 0% 0% / 0.353);
}
:root[data-theme='dark']:has(.chat-app) .chat-mention-option {
  color: hsl(155 10% 84%);
}
:root[data-theme='dark']:has(.chat-app) .chat-mention-option.active,
:root[data-theme='dark']:has(.chat-app) .chat-mention-option:hover {
  background: hsl(90 3% 16%);
}
:root[data-theme='dark']:has(.chat-app) .chat-profile-presence {
  color: hsl(125 5% 58%);
}
:root[data-theme='dark']:has(.chat-app) .chat-profile-status {
  background: hsl(86 3% 13%);
}
:root[data-theme='dark']:has(.chat-app) .chat-profile-line {
  color: hsl(103 9% 64%);
}
:root[data-theme='dark']:has(.chat-app) .chat-new-badge {
  background: hsl(39 3% 16%);
  color: hsl(34 45% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-unread-count.important {
  background: hsl(3 74% 50%);
  color: hsl(0 0% 100%);
  box-shadow: 0 0 0 2px hsl(0 0% 0%);
}
:root[data-theme='dark']:has(.chat-app) .chat-conversation-item.active .chat-unread-count.important {
  background: hsl(3 71% 45%);
}
:root[data-theme='dark']:has(.chat-app) .chat-important-star {
  color: hsl(43 45% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-important-toggle span {
  color: hsl(43 45% 66%);
}
:root[data-theme='dark']:has(.chat-app) .chat-important-toggle.on {
  border-color: hsl(45 14% 43%);
  background: hsl(44 3% 13%);
}
:root[data-theme='dark']:has(.chat-app) .chat-important-hint {
  color: hsl(98 8% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-observer-notice {
  background: hsl(216 3% 12%);
  color: hsl(213 10% 74%);
}
:root[data-theme='dark']:has(.chat-app) .chat-observer-notice svg {
  color: hsl(212 10% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-observing-label {
  background: hsl(216 3% 14%);
  color: hsl(211 10% 62%);
}
:root[data-theme='dark']:has(.chat-app) .chat-observing-hint {
  color: hsl(211 9% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-direct-picker > input {
  border: 1px solid hsl(96 14% 33%);
  background: hsl(0 0% 9%);
}
:root[data-theme='dark']:has(.chat-app) .chat-direct-option small {
  color: hsl(94 9% 55%);
}
:root[data-theme='dark']:has(.chat-app) .chat-direct-option:hover,
:root[data-theme='dark']:has(.chat-app) .chat-direct-option.active {
  background: hsl(90 3% 14%);
}
