/* Dark theme colors */
body[data-theme="dark"] {
  --bg-main: #071a2f;
  --bg-main-accent: #041423;
  --bg-panel: #0f243a;
  --bg-panel-2: #102942;
  --bg-hover: #173451;
  --bg-active: #1f4061;
  --line: #1f3e5a;
  --text: #edf5ff;
  --muted: #89a8c3;
  --text-soft: #9bb8d1;
  --primary: #4a9fff;
  --primary-2: #3e82ef;
  --danger: #e66a82;
}
body[data-theme="dark"] {
  --bg-main: #141214;
  --bg-main-accent: #090809;
  --bg-panel: #1a181b;
  --bg-panel-2: #252126;
  --bg-hover: #2c2730;
  --bg-active: #38313a;
  --line: #443d45;
  --text: #f2eee9;
  --muted: #b4aca4;
  --text-soft: #cbc3bc;
  --primary: #d49a62;
  --primary-2: #a2673b;
  --danger: #cf747c;
  --shadow: 0 24px 56px rgba(2, 1, 2, 0.5);
  --fox-surface-0: #0a090a;
  --fox-surface-1: #151316;
  --fox-surface-2: #1f1c21;
  --fox-surface-3: #2c262d;
  --fox-silver: #cdc5be;
  --fox-silver-soft: #9b948d;
  --fox-silver-bright: #f5efe8;
  --fox-ember: #d49a62;
  --fox-ember-strong: #a2673b;
}
body[data-theme="dark"] {
  background: linear-gradient(170deg, var(--bg-main), var(--bg-main-accent));
}
body[data-theme="dark"].auth-smoke-active {
  background: radial-gradient(circle at 24% 72%, rgba(212, 154, 98, 0.12), transparent 28%),
    radial-gradient(circle at 72% 24%, rgba(205, 197, 190, 0.1), transparent 24%),
    linear-gradient(180deg, #0b0a0b 0%, #131114 46%, #1c181d 100%);
}
body[data-theme="dark"] .auth-screen::before {
  background: radial-gradient(circle, rgba(212, 154, 98, 0.2) 0%, rgba(212, 154, 98, 0) 72%);
}
body[data-theme="dark"] .auth-screen::after {
  background: radial-gradient(circle, rgba(205, 197, 190, 0.14) 0%, rgba(205, 197, 190, 0) 74%);
}
body[data-theme="dark"] .brand p {
  color: var(--fox-silver-soft);
}
body[data-theme="dark"] .brand-mark-fox {
  filter: drop-shadow(0 12px 26px rgba(212, 154, 98, 0.22))
    drop-shadow(0 4px 12px rgba(205, 197, 190, 0.18));
}
body[data-theme="dark"] .auth-card {
  border-color: rgba(152, 143, 136, 0.3);
  background: radial-gradient(circle at top left, rgba(205, 197, 190, 0.08), transparent 34%),
    radial-gradient(circle at 88% 108%, rgba(212, 154, 98, 0.12), transparent 36%),
    linear-gradient(180deg, rgba(31, 28, 33, 0.94), rgba(18, 16, 19, 0.97));
  box-shadow: 0 34px 80px rgba(2, 1, 2, 0.56),
    inset 0 1px 0 rgba(239, 232, 226, 0.05);
}
body[data-theme="dark"] .auth-card::before {
  background: linear-gradient(180deg, rgba(255, 250, 244, 0.04), transparent 28%),
    radial-gradient(circle at 18% 110%, rgba(212, 154, 98, 0.12), transparent 34%);
}
body[data-theme="dark"] .auth-card::after {
  background: radial-gradient(circle, rgba(212, 154, 98, 0.16), rgba(212, 154, 98, 0) 72%);
}
body[data-theme="dark"] .auth-card.auth-card-tilt-active {
  border-color: rgba(179, 168, 159, 0.42);
  box-shadow: 0 38px 84px rgba(1, 1, 1, 0.6),
    0 12px 28px rgba(205, 197, 190, 0.12),
    0 18px 42px rgba(212, 154, 98, 0.14);
}
body[data-theme="dark"] .tab-btn {
  border-color: rgba(132, 123, 117, 0.26);
  background: rgba(34, 30, 35, 0.52);
}
body[data-theme="dark"] .tab-btn.active {
  border-color: rgba(191, 180, 170, 0.44);
  background: linear-gradient(180deg, rgba(64, 56, 51, 0.82), rgba(44, 38, 35, 0.88));
  box-shadow: inset 0 0 0 1px rgba(245, 239, 232, 0.04);
}
body[data-theme="dark"] .auth-public-profile {
  border-color: rgba(132, 123, 117, 0.26);
  background: linear-gradient(180deg, rgba(40, 35, 40, 0.76), rgba(24, 21, 25, 0.82));
}
body[data-theme="dark"] label {
  color: var(--fox-silver-soft);
}
body[data-theme="dark"] input:not([type="checkbox"]):not([type="range"]),
body[data-theme="dark"] textarea,
body[data-theme="dark"] select {
  border-color: rgba(124, 116, 111, 0.34);
  background: linear-gradient(180deg, rgba(42, 37, 43, 0.88), rgba(28, 25, 30, 0.92));
  box-shadow: inset 0 1px 0 rgba(244, 237, 229, 0.03),
    inset 0 -1px 0 rgba(3, 2, 3, 0.3);
}
body[data-theme="dark"] input:not([type="checkbox"]):not([type="range"]):focus,
body[data-theme="dark"] textarea:focus,
body[data-theme="dark"] select:focus {
  outline: 2px solid rgba(212, 154, 98, 0.28);
  border-color: rgba(212, 154, 98, 0.66);
  box-shadow: 0 0 0 4px rgba(212, 154, 98, 0.08),
    0 0 0 1px rgba(205, 197, 190, 0.08),
    inset 0 1px 0 rgba(244, 237, 229, 0.05);
}
body[data-theme="dark"] .auth-card .primary-btn {
  background: linear-gradient(135deg, #d7a26e 0%, #bf8551 54%, #955b33 100%);
  box-shadow: 0 12px 28px rgba(37, 18, 5, 0.36),
    0 8px 18px rgba(212, 154, 98, 0.16);
}
body[data-theme="dark"] .auth-card .primary-btn:hover {
  box-shadow: 0 14px 30px rgba(37, 18, 5, 0.42),
    0 10px 22px rgba(212, 154, 98, 0.22);
}
body[data-theme="dark"] .auth-card .ghost-btn {
  background: rgba(34, 30, 35, 0.58);
}
body[data-theme="dark"] .left-folder-rail {
  border-right-color: rgba(126, 118, 112, 0.34);
  background: linear-gradient(180deg, rgba(12, 11, 13, 0.9), rgba(20, 17, 20, 0.94));
}
body[data-theme="dark"] .folder-rail-menu-btn {
  background: rgba(33, 29, 33, 0.9);
  border-color: rgba(150, 140, 134, 0.3);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .folder-rail-list {
  border-top-color: rgba(126, 118, 112, 0.24);
}
body[data-theme="dark"] .folder-rail-item,
body[data-theme="dark"] .folder-rail-settings {
  border-color: rgba(126, 118, 112, 0.26);
  background: rgba(28, 25, 30, 0.78);
  color: var(--fox-silver);
}
body[data-theme="dark"] .folder-rail-item:hover,
body[data-theme="dark"] .folder-rail-settings:hover {
  background: rgba(49, 42, 49, 0.88);
  border-color: rgba(180, 169, 159, 0.42);
}
body[data-theme="dark"] .folder-rail-item.active {
  border-color: rgba(212, 154, 98, 0.58);
  background: linear-gradient(180deg, rgba(95, 69, 51, 0.86), rgba(58, 44, 37, 0.92));
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .folder-rail-item.drag-target {
  border-color: rgba(212, 154, 98, 0.78);
  background: linear-gradient(180deg, rgba(112, 79, 57, 0.9), rgba(71, 52, 41, 0.94));
  color: var(--fox-silver-bright);
  box-shadow: 0 10px 24px rgba(5, 4, 4, 0.4), 0 0 0 1px rgba(212, 154, 98, 0.18);
}
body[data-theme="dark"] .left-pane-filter-btn {
  border-color: rgba(126, 118, 112, 0.3);
  background: rgba(37, 32, 37, 0.48);
}
body[data-theme="dark"] .left-pane-filter-btn.active {
  background: rgba(212, 154, 98, 0.14);
  border-color: rgba(212, 154, 98, 0.48);
  box-shadow: inset 0 0 0 1px rgba(245, 239, 232, 0.04);
}
body[data-theme="dark"] .private-incoming-call-bar,
body[data-theme="dark"] .private-active-call-bar {
  border-bottom-color: rgba(126, 118, 112, 0.28);
  background: linear-gradient(180deg, rgba(31, 28, 33, 0.94), rgba(20, 17, 20, 0.96));
}
body[data-theme="dark"] .private-incoming-call-label,
body[data-theme="dark"] .private-active-call-label {
  color: var(--fox-silver-soft);
}
body[data-theme="dark"] .private-incoming-call-caller,
body[data-theme="dark"] .private-active-call-caller {
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .private-incoming-call-btn,
body[data-theme="dark"] .private-active-call-btn {
  border-color: rgba(150, 140, 134, 0.32);
  background: rgba(39, 34, 39, 0.86);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .private-active-call-btn.expand {
  border-color: rgba(212, 154, 98, 0.48);
  background: rgba(90, 65, 48, 0.86);
}
body[data-theme="dark"] .chat-search-avatar,
body[data-theme="dark"] .chat-avatar-fallback,
body[data-theme="dark"] .message-invite-preview-avatar,
body[data-theme="dark"] .invite-preview-avatar {
  background: linear-gradient(145deg, #a39a92, #7b6a5d);
  color: #fff8f1;
}
body[data-theme="dark"] .chat-row.active {
  box-shadow: inset 0 0 0 1px rgba(212, 154, 98, 0.24);
}
body[data-theme="dark"] .chat-row-drag-ghost {
  background: rgba(30, 26, 31, 0.96);
  box-shadow: 0 18px 36px rgba(3, 2, 3, 0.48), 0 0 0 1px rgba(212, 154, 98, 0.22);
}
body[data-theme="dark"] .chat-storage-separator {
  border-top-color: rgba(126, 118, 112, 0.34);
}
body[data-theme="dark"] .chat-row-archive-badge {
  background: rgba(205, 197, 190, 0.1);
  box-shadow: inset 0 0 0 1px rgba(205, 197, 190, 0.22);
  color: var(--fox-silver);
}
body[data-theme="dark"] .official-account-badge {
  background: rgba(34, 30, 35, 0.76);
  box-shadow: inset 0 0 0 1px rgba(150, 140, 134, 0.26);
}
body[data-theme="dark"] .chat-row-mention {
  border-color: rgba(212, 154, 98, 0.4);
  background: rgba(212, 154, 98, 0.14);
  color: #f6e2cb;
}
body[data-theme="dark"] .chat-row-unread {
  background: linear-gradient(140deg, #d4a06d, #9a6037);
  color: #fff7ef;
}
body[data-theme="dark"] .chat-row-preview-avatar {
  border-color: rgba(150, 140, 134, 0.34);
  background: rgba(25, 22, 26, 0.8);
}
body[data-theme="dark"] .chat-row-preview-avatar.fallback {
  color: var(--fox-silver);
}
body[data-theme="dark"] .right-pane {
  background: linear-gradient(180deg, #0a090b 0%, #120f13 34%, #19151a 100%);
}
body[data-theme="dark"] .right-pane.drop-file-active {
  box-shadow: inset 0 0 0 2px rgba(212, 154, 98, 0.74);
  background: linear-gradient(180deg, rgba(26, 20, 17, 0.98), rgba(16, 13, 15, 0.98));
}
body[data-theme="dark"] .chat-drop-overlay {
  background: rgba(9, 7, 9, 0.7);
}
body[data-theme="dark"] .chat-drop-overlay-label {
  border-color: rgba(212, 154, 98, 0.68);
  background: rgba(31, 25, 21, 0.9);
  color: #f6e6d4;
  box-shadow: 0 10px 26px rgba(2, 1, 1, 0.52);
}
body[data-theme="dark"] .chat-header {
  background: rgba(16, 14, 17, 0.96);
}
body[data-theme="dark"] .chat-closure-banner {
  border-color: rgba(150, 140, 134, 0.28);
  background: linear-gradient(180deg, rgba(31, 28, 33, 0.95), rgba(20, 17, 20, 0.97)),
    radial-gradient(circle at 88% 18%, rgba(205, 197, 190, 0.12), transparent 54%);
  box-shadow: inset 0 1px 0 rgba(245, 239, 232, 0.05),
    0 10px 24px rgba(2, 1, 2, 0.38);
}
body[data-theme="dark"] .chat-closure-banner::after {
  background: linear-gradient(90deg, rgba(212, 154, 98, 0), rgba(212, 154, 98, 0.52), rgba(212, 154, 98, 0));
}
body[data-theme="dark"] .chat-closure-banner.write-locked {
  border-color: rgba(212, 154, 98, 0.38);
  box-shadow: inset 4px 0 0 rgba(212, 154, 98, 0.7),
    inset 0 1px 0 rgba(245, 239, 232, 0.05),
    0 10px 24px rgba(2, 1, 2, 0.38);
}
body[data-theme="dark"] .chat-closure-banner.write-allowed {
  border-color: rgba(113, 181, 149, 0.46);
}
body[data-theme="dark"] .chat-closure-banner.closed {
  border-color: rgba(170, 160, 152, 0.42);
  background: linear-gradient(160deg, rgba(34, 31, 36, 0.96), rgba(20, 18, 22, 0.96));
  box-shadow: inset 4px 0 0 rgba(205, 197, 190, 0.5),
    inset 0 1px 0 rgba(245, 239, 232, 0.05),
    0 10px 24px rgba(2, 1, 2, 0.38);
}
body[data-theme="dark"] .chat-closure-banner-title,
body[data-theme="dark"] .chat-closure-banner-meta,
body[data-theme="dark"] .chat-closure-banner.closed .chat-closure-banner-title,
body[data-theme="dark"] .chat-closure-banner.closed .chat-closure-banner-meta {
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .chat-closure-banner-timer {
  border-color: rgba(150, 140, 134, 0.34);
  background: linear-gradient(180deg, rgba(36, 32, 37, 0.9), rgba(22, 20, 23, 0.9));
  color: var(--fox-silver-bright);
  box-shadow: inset 0 1px 0 rgba(245, 239, 232, 0.07);
}
body[data-theme="dark"] .selection-cancel-btn {
  color: var(--fox-ember);
}
body[data-theme="dark"] .chat-menu,
body[data-theme="dark"] .chat-list-context-menu,
body[data-theme="dark"] .attach-menu,
body[data-theme="dark"] .message-actions-menu {
  background: linear-gradient(170deg, rgba(29, 26, 30, 0.98), rgba(18, 16, 19, 0.98));
  box-shadow: 0 16px 40px rgba(2, 1, 2, 0.5);
}
body[data-theme="dark"] .message-action-item {
  color: var(--text);
}
body[data-theme="dark"] .message-action-item:hover,
body[data-theme="dark"] .attach-menu-item:hover {
  background: rgba(212, 154, 98, 0.14);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .channel-action-bar {
  background: #1d1a1e;
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .channel-action-bar:hover {
  background: #272227;
}
body[data-theme="dark"] .channel-action-bar:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(212, 154, 98, 0.34);
}
body[data-theme="dark"] .composer-reply,
body[data-theme="dark"] .composer-link-preview {
  background: rgba(34, 30, 35, 0.76);
}
body[data-theme="dark"] .composer-reply-title,
body[data-theme="dark"] .composer-link-preview-title,
body[data-theme="dark"] .emoji-picker-section-title {
  color: #e1b889;
}
body[data-theme="dark"] .composer-link-preview-thumb {
  border-color: rgba(150, 140, 134, 0.3);
  background: rgba(23, 20, 24, 0.72);
  color: var(--fox-silver);
}
body[data-theme="dark"] .composer-mention {
  border-color: rgba(150, 140, 134, 0.28);
  background: linear-gradient(180deg, rgba(29, 26, 31, 0.96), rgba(18, 16, 19, 0.96));
  box-shadow: 0 12px 24px rgba(2, 1, 2, 0.42);
}
body[data-theme="dark"] .composer-mention-head {
  border-bottom-color: rgba(150, 140, 134, 0.18);
}
body[data-theme="dark"] .composer-mention-title {
  color: var(--fox-silver);
}
body[data-theme="dark"] .composer-mention-close {
  background: rgba(33, 29, 34, 0.88);
  color: var(--fox-silver);
}
body[data-theme="dark"] .composer-mention-close:hover {
  background: rgba(59, 49, 43, 0.88);
}
body[data-theme="dark"] .composer-mention-item {
  border-bottom-color: rgba(150, 140, 134, 0.14);
}
body[data-theme="dark"] .composer-mention-item:hover,
body[data-theme="dark"] .composer-mention-item.active {
  background: rgba(212, 154, 98, 0.12);
}
body[data-theme="dark"] .composer-mention-avatar {
  border-color: rgba(150, 140, 134, 0.3);
  background: rgba(42, 37, 43, 0.84);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .composer-mention-name {
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .composer-mention-meta {
  color: #d4a87c;
}
body[data-theme="dark"] .jump-unread-btn {
  border-color: rgba(150, 140, 134, 0.28);
  background: rgba(29, 26, 30, 0.88);
  color: var(--fox-silver-bright);
  box-shadow: 0 12px 24px rgba(2, 1, 2, 0.44);
}
body[data-theme="dark"] .jump-unread-btn:hover {
  background: rgba(57, 48, 43, 0.94);
}
body[data-theme="dark"] .composer-voice {
  border-color: rgba(150, 140, 134, 0.24);
  background: linear-gradient(180deg, rgba(32, 29, 34, 0.94), rgba(21, 19, 22, 0.92));
}
body[data-theme="dark"] .composer-voice.paused {
  border-color: rgba(212, 154, 98, 0.3);
  background: linear-gradient(180deg, rgba(58, 46, 36, 0.92), rgba(39, 30, 23, 0.9));
}
body[data-theme="dark"] .composer-voice-delete,
body[data-theme="dark"] .composer-voice-send {
  border-color: rgba(150, 140, 134, 0.28);
  background: rgba(20, 18, 21, 0.7);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .composer-voice-delete:hover,
body[data-theme="dark"] .composer-voice-send:hover {
  background: rgba(58, 48, 43, 0.84);
}
body[data-theme="dark"] .composer-voice-send {
  color: #ecc79c;
}
body[data-theme="dark"] .composer-voice-status {
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .composer-voice-time {
  color: var(--fox-silver-soft);
}
body[data-theme="dark"] .composer-voice-wave-bar {
  background: linear-gradient(180deg, rgba(229, 205, 177, 0.92), rgba(177, 126, 84, 0.74));
}
body[data-theme="dark"] .composer-emoji-btn.active {
  background: rgba(212, 154, 98, 0.14);
  border-color: rgba(212, 154, 98, 0.4);
  color: #f6e2cb;
}
body[data-theme="dark"] .composer-voice-btn.active {
  background: rgba(205, 197, 190, 0.12);
  border-color: rgba(205, 197, 190, 0.32);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .composer-voice-btn.paused {
  background: rgba(212, 154, 98, 0.16);
  border-color: rgba(212, 154, 98, 0.42);
  color: #f5d4af;
}
body[data-theme="dark"] .attach-menu-item,
body[data-theme="dark"] .emoji-picker-title,
body[data-theme="dark"] .message-upload-cancel {
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .emoji-picker-panel {
  background: radial-gradient(circle at top right, rgba(205, 197, 190, 0.08), transparent 48%),
    radial-gradient(circle at bottom left, rgba(212, 154, 98, 0.08), transparent 38%),
    linear-gradient(180deg, rgba(19, 17, 20, 0.98), rgba(12, 11, 13, 0.98));
}
body[data-theme="dark"] .emoji-picker-head {
  border-bottom-color: rgba(150, 140, 134, 0.18);
}
body[data-theme="dark"] .emoji-picker-close-btn,
body[data-theme="dark"] .emoji-picker-search {
  background: rgba(31, 28, 33, 0.84);
}
body[data-theme="dark"] .emoji-picker-close-btn:hover {
  background: rgba(54, 47, 42, 0.92);
}
body[data-theme="dark"] .emoji-picker-item {
  background: rgba(31, 28, 33, 0.78);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .emoji-picker-item:hover {
  background: rgba(212, 154, 98, 0.16);
  border-color: rgba(212, 154, 98, 0.2);
}
body[data-theme="dark"] .modal-card {
  border-color: #4a403f;
  background: linear-gradient(160deg, #1f1b20, #141217);
  color: var(--fox-silver-bright);
  box-shadow: 0 30px 80px rgba(1, 1, 1, 0.68);
}
body[data-theme="dark"] .invite-preview-body {
  border-color: rgba(150, 140, 134, 0.24);
  background: linear-gradient(145deg, rgba(40, 35, 40, 0.8), rgba(20, 18, 21, 0.78));
}
body[data-theme="dark"] .invite-preview-meta,
body[data-theme="dark"] .create-channel-title-label,
body[data-theme="dark"] .create-channel-description-label,
body[data-theme="dark"] .private-call-meta,
body[data-theme="dark"] .private-call-mic-meter-label,
body[data-theme="dark"] .private-call-field,
body[data-theme="dark"] .private-call-volume-row,
body[data-theme="dark"] .private-call-log-title {
  color: var(--fox-silver-soft);
}
body[data-theme="dark"] .create-channel-title-wrap input,
body[data-theme="dark"] .create-channel-description-wrap textarea {
  border-bottom-color: rgba(212, 154, 98, 0.76);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .create-channel-title-wrap input:focus,
body[data-theme="dark"] .create-channel-description-wrap textarea:focus {
  border-color: rgba(212, 154, 98, 0.92);
}
body[data-theme="dark"] .create-channel-actions .ghost-btn,
body[data-theme="dark"] .create-channel-actions .primary-btn {
  color: #e2b989;
}
body[data-theme="dark"] .create-channel-actions .ghost-btn:hover,
body[data-theme="dark"] .create-channel-actions .primary-btn:hover {
  background: rgba(212, 154, 98, 0.14);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .private-call-minimize-btn {
  border-color: rgba(150, 140, 134, 0.32);
  background: rgba(31, 28, 33, 0.86);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .private-call-minimize-btn:hover {
  border-color: rgba(212, 154, 98, 0.46);
  background: rgba(56, 48, 43, 0.9);
}
body[data-theme="dark"] .private-call-connection-badge {
  border-color: rgba(150, 140, 134, 0.34);
  background: rgba(35, 31, 36, 0.86);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .private-call-timer,
body[data-theme="dark"] .private-call-volume-row b {
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .private-call-mute-btn.active {
  border-color: rgba(212, 154, 98, 0.5);
  background: rgba(88, 61, 42, 0.62);
  color: #f7dfc0;
}
body[data-theme="dark"] .private-call-mic-meter-track,
body[data-theme="dark"] .private-call-field select,
body[data-theme="dark"] .private-call-log {
  border-color: rgba(150, 140, 134, 0.28);
  background: rgba(26, 23, 27, 0.74);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .private-call-mic-meter-fill {
  background: linear-gradient(90deg, rgba(223, 197, 170, 0.94), rgba(212, 154, 98, 0.92));
}
body[data-theme="dark"] .private-call-log-item {
  background: rgba(42, 36, 40, 0.54);
  border-color: rgba(150, 140, 134, 0.18);
  color: var(--fox-silver);
}
body[data-theme="dark"] .chat-profile-modal-card {
  --profile-surface-0: #0d0b0d;
  --profile-surface-1: #1a171c;
  --profile-surface-2: #282227;
  --profile-accent: #d49a62;
  border-color: rgba(170, 160, 152, 0.34);
  background: radial-gradient(120% 65% at 12% -10%, rgba(212, 154, 98, 0.22) 0%, rgba(212, 154, 98, 0) 60%),
    linear-gradient(176deg, var(--profile-surface-2), var(--profile-surface-1) 48%, var(--profile-surface-0) 100%);
  box-shadow: 0 36px 90px rgba(1, 1, 1, 0.76);
}
body[data-theme="dark"] .chat-profile-close-btn {
  border-color: rgba(170, 160, 152, 0.42);
  background: rgba(24, 21, 25, 0.84);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .chat-profile-close-btn:hover {
  background: rgba(54, 46, 41, 0.92);
  border-color: rgba(212, 154, 98, 0.52);
}
body[data-theme="dark"] .message {
  border-color: rgba(150, 140, 134, 0.28);
  background: rgba(34, 30, 35, 0.84);
}
body[data-theme="dark"] .message.own {
  background: rgba(95, 69, 51, 0.76);
  border-color: rgba(212, 154, 98, 0.38);
}
body[data-theme="dark"] .message.message-system {
  border-color: rgba(150, 140, 134, 0.24);
  background: rgba(27, 24, 28, 0.82);
}
body[data-theme="dark"] .message-system-text {
  color: var(--fox-silver);
}
body[data-theme="dark"] .message-row-avatar {
  border-color: rgba(150, 140, 134, 0.32);
  background: rgba(24, 21, 25, 0.86);
}
body[data-theme="dark"] .message-row-avatar:hover {
  border-color: rgba(212, 154, 98, 0.56);
  box-shadow: 0 0 0 2px rgba(212, 154, 98, 0.14);
}
body[data-theme="dark"] .message-row-avatar:focus-visible {
  border-color: rgba(212, 154, 98, 0.74);
  box-shadow: 0 0 0 2px rgba(212, 154, 98, 0.24);
}
body[data-theme="dark"] .message-row-avatar.fallback {
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .message.reply-swipe-ready,
body[data-theme="dark"] .message.search-highlight,
body[data-theme="dark"] .message.selection-picked {
  box-shadow: 0 0 0 2px rgba(212, 154, 98, 0.42), 0 0 22px rgba(212, 154, 98, 0.14);
}
body[data-theme="dark"] .message-day-separator-chip {
  border-color: rgba(150, 140, 134, 0.26);
  background: rgba(20, 18, 21, 0.94);
  color: var(--fox-silver-bright);
  box-shadow: 0 10px 22px rgba(2, 1, 2, 0.3);
}
body[data-theme="dark"] .message-select-mark {
  border-color: rgba(205, 197, 190, 0.62);
  background: rgba(19, 17, 20, 0.9);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .message.selection-picked .message-select-mark {
  border-color: #d49a62;
  background: #9f6438;
}
body[data-theme="dark"] .member-tag-badge {
  border-color: rgba(205, 197, 190, 0.28);
  background: rgba(24, 21, 25, 0.82);
}
body[data-theme="dark"] .message-receipt.sent {
  color: #e1b889;
}
body[data-theme="dark"] .message-link,
body[data-theme="dark"] .message-mention {
  color: #e4c092;
}
body[data-theme="dark"] .message-link {
  text-decoration-color: rgba(228, 192, 146, 0.62);
}
body[data-theme="dark"] .message-link:hover,
body[data-theme="dark"] .message-mention:hover {
  color: #f2ddbf;
}
body[data-theme="dark"] .message-mention {
  border-bottom-color: rgba(228, 192, 146, 0.48);
}
body[data-theme="dark"] .message-mention:hover {
  border-bottom-color: rgba(242, 221, 191, 0.84);
}
body[data-theme="dark"] .message-mention:focus-visible {
  outline-color: rgba(212, 154, 98, 0.46);
}
body[data-theme="dark"] .message-link-preview {
  border-color: rgba(150, 140, 134, 0.32);
  background: rgba(28, 25, 29, 0.78);
}
body[data-theme="dark"] .message-link-preview:hover {
  border-color: rgba(212, 154, 98, 0.54);
  background: rgba(43, 37, 34, 0.86);
}
body[data-theme="dark"] .message-link-preview-image,
body[data-theme="dark"] .message-link-preview-video {
  border-color: rgba(150, 140, 134, 0.28);
  background: rgba(12, 10, 12, 0.56);
}
body[data-theme="dark"] .message-link-preview-site {
  color: #d3ab7d;
}
body[data-theme="dark"] .message-link-preview-title {
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .message-link-preview-desc {
  color: var(--fox-silver);
}
body[data-theme="dark"] .message-invite-preview {
  background: linear-gradient(135deg, rgba(54, 45, 41, 0.84), rgba(29, 26, 30, 0.9));
}
body[data-theme="dark"] .message-invite-preview-label {
  color: #d3ab7d;
}
body[data-theme="dark"] .message-invite-preview-title {
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .message-invite-preview-meta {
  color: var(--fox-silver);
}
body[data-theme="dark"] .message-invite-preview-join {
  border-color: rgba(212, 154, 98, 0.46);
  background: rgba(212, 154, 98, 0.14);
  color: #f8e5d0;
}
body[data-theme="dark"] .message-invite-preview-join:hover:not(:disabled) {
  border-color: rgba(234, 183, 134, 0.7);
  background: rgba(212, 154, 98, 0.24);
}
body[data-theme="dark"] .message-bundle {
  border-left-color: rgba(212, 154, 98, 0.74);
  background: rgba(28, 25, 29, 0.58);
}
body[data-theme="dark"] .message-bundle.nested {
  background: rgba(24, 21, 25, 0.64);
}
body[data-theme="dark"] .message-bundle-head,
body[data-theme="dark"] .message-bundle-sender {
  color: #e0b786;
}
body[data-theme="dark"] .message-bundle-text {
  color: var(--fox-silver);
}
body[data-theme="dark"] .message-bundle.mode-reply .message-bundle-item {
  background: rgba(43, 37, 34, 0.68);
  border-color: rgba(212, 154, 98, 0.24);
}
body[data-theme="dark"] .message-bundle.mode-reply .message-bundle-item.clickable:hover {
  background: rgba(58, 48, 43, 0.84);
  border-color: rgba(212, 154, 98, 0.42);
}
body[data-theme="dark"] .message-bundle.mode-forward .message-bundle-item {
  background: rgba(29, 26, 30, 0.72);
  border-color: rgba(150, 140, 134, 0.18);
}
body[data-theme="dark"] .message-bundle.mode-reply .message-bundle-item.clickable:focus-visible {
  outline-color: rgba(212, 154, 98, 0.8);
}
body[data-theme="dark"] .message-bundle-text-toggle,
body[data-theme="dark"] .message-bundle-toggle {
  background: rgba(212, 154, 98, 0.14);
  color: #f0d4b0;
}
body[data-theme="dark"] .message-bundle-text-toggle:hover,
body[data-theme="dark"] .message-bundle-toggle:hover {
  background: rgba(212, 154, 98, 0.24);
}
body[data-theme="dark"] .message-upload-progress {
  background: rgba(150, 140, 134, 0.22);
}
body[data-theme="dark"] .message-upload-progress-bar {
  background: linear-gradient(90deg, var(--primary), #efc596);
}
body[data-theme="dark"] .message-media-group,
body[data-theme="dark"] .message-media-stack {
  border-color: rgba(150, 140, 134, 0.28);
  background: rgba(24, 21, 25, 0.72);
}
body[data-theme="dark"] .message-media-group-head,
body[data-theme="dark"] .message-media-stack-title {
  color: var(--fox-silver);
}
body[data-theme="dark"] .message-media-stack-badge {
  background: rgba(12, 10, 12, 0.78);
  border-color: rgba(212, 154, 98, 0.42);
  color: #f4ddc0;
}
body[data-theme="dark"] .message-document,
body[data-theme="dark"] .message-document-photo-preview {
  border-color: rgba(150, 140, 134, 0.28);
  background: rgba(28, 25, 29, 0.78);
}
body[data-theme="dark"] .message-document:hover {
  background: rgba(46, 40, 38, 0.86);
  box-shadow: 0 8px 18px rgba(3, 2, 3, 0.34);
}
body[data-theme="dark"] .message-document-icon {
  background: rgba(212, 154, 98, 0.18);
}
body[data-theme="dark"] .message-document-thumb {
  border-color: rgba(150, 140, 134, 0.28);
}
body[data-theme="dark"] .message-video {
  background: #090809;
}
body[data-theme="dark"] .message-voice {
  border-color: rgba(150, 140, 134, 0.24);
  background: linear-gradient(180deg, rgba(42, 36, 40, 0.7), rgba(26, 23, 27, 0.66));
}
body[data-theme="dark"] .message-voice.playing {
  border-color: rgba(212, 154, 98, 0.42);
  box-shadow: 0 0 0 1px rgba(212, 154, 98, 0.12);
}
body[data-theme="dark"] .message-voice-play {
  border-color: rgba(212, 154, 98, 0.28);
  background: linear-gradient(180deg, rgba(212, 154, 98, 0.94), rgba(162, 103, 59, 0.9));
  color: #fff7ef;
}
body[data-theme="dark"] .message-voice-slider-track {
  background: rgba(205, 197, 190, 0.18);
}
body[data-theme="dark"] .message-voice-slider-fill {
  background: rgba(232, 194, 152, 0.96);
}
body[data-theme="dark"] .message-voice-slider-thumb {
  border-color: rgba(255, 244, 232, 0.92);
  background: #fdf5eb;
  box-shadow: 0 0 0 3px rgba(212, 154, 98, 0.22);
}
body[data-theme="dark"] .message-voice-total,
body[data-theme="dark"] .message-voice-meta {
  color: var(--fox-silver);
}
body[data-theme="dark"] .message-voice-size::before {
  background: rgba(232, 194, 152, 0.72);
}
body[data-theme="dark"] .media-compose-card.drop-file-active {
  border-color: #d49a62;
  box-shadow: 0 0 0 2px rgba(212, 154, 98, 0.3), 0 12px 28px rgba(3, 2, 3, 0.48);
}
body[data-theme="dark"] .media-preview-wrap {
  border-color: #4a403f;
  background: rgba(17, 15, 18, 0.76);
}
body[data-theme="dark"] .media-composer-thumb {
  border-color: rgba(150, 140, 134, 0.32);
  background: rgba(24, 21, 25, 0.84);
  color: var(--fox-silver);
}
body[data-theme="dark"] .media-composer-thumb.active {
  border-color: #d49a62;
  box-shadow: 0 0 0 1px rgba(212, 154, 98, 0.26);
}
body[data-theme="dark"] .media-composer-thumb.live-drag {
  box-shadow: 0 8px 24px rgba(3, 2, 3, 0.52), 0 0 0 1px rgba(212, 154, 98, 0.34);
}
body[data-theme="dark"] .media-composer-thumb.drag-over-before::after,
body[data-theme="dark"] .media-composer-thumb.drag-over-after::after {
  background: #d49a62;
  box-shadow: 0 0 0 1px rgba(212, 154, 98, 0.24);
}
body[data-theme="dark"] .media-composer-thumb-stack-badge {
  border-color: rgba(212, 154, 98, 0.44);
  background: rgba(14, 12, 14, 0.86);
  color: #f4dec2;
}
body[data-theme="dark"] {
  --bg-main: #08090b;
  --bg-main-accent: #101217;
  --bg-panel: #14161a;
  --bg-panel-2: #1b1e24;
  --bg-hover: #23272f;
  --bg-active: #2d3139;
  --line: #353942;
  --text: #f1f2f4;
  --muted: #a3a8b0;
  --text-soft: #c4c8cf;
  --primary: #c8894d;
  --primary-2: #9f6135;
  --danger: #d56d78;
  --shadow: 0 24px 56px rgba(0, 0, 0, 0.52);
  --fox-surface-0: #09090b;
  --fox-surface-1: #111317;
  --fox-surface-2: #181b20;
  --fox-surface-3: #21252c;
  --fox-surface-4: #2b3038;
  --fox-line-soft: rgba(205, 209, 216, 0.12);
  --fox-line-mid: rgba(205, 209, 216, 0.18);
  --fox-line-strong: rgba(205, 209, 216, 0.28);
  --fox-silver: #c6cacf;
  --fox-silver-soft: #a3a8b0;
  --fox-silver-bright: #f1f2f4;
  --fox-ember: #c8894d;
  --fox-ember-strong: #9f6135;
}
body[data-theme="dark"] {
  background: linear-gradient(180deg, #08090b 0%, #0d0f12 48%, #101217 100%);
}
body[data-theme="dark"].auth-smoke-active {
  background: radial-gradient(circle at 24% 72%, rgba(200, 137, 77, 0.08), transparent 26%),
    radial-gradient(circle at 72% 24%, rgba(198, 202, 207, 0.08), transparent 24%),
    linear-gradient(180deg, #070809 0%, #0d0f12 46%, #111419 100%);
}
body[data-theme="dark"] .auth-card {
  border-color: var(--fox-line-strong);
  background: radial-gradient(circle at top left, rgba(198, 202, 207, 0.05), transparent 34%),
    radial-gradient(circle at 88% 108%, rgba(200, 137, 77, 0.1), transparent 34%),
    linear-gradient(180deg, rgba(24, 27, 32, 0.95), rgba(15, 17, 21, 0.98));
  box-shadow: 0 34px 80px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(241, 242, 244, 0.04);
}
body[data-theme="dark"] .tab-btn {
  border-color: var(--fox-line-mid);
  background: rgba(29, 32, 38, 0.62);
}
body[data-theme="dark"] .tab-btn.active {
  border-color: rgba(200, 137, 77, 0.4);
  background: linear-gradient(180deg, rgba(42, 45, 52, 0.9), rgba(29, 32, 38, 0.92));
}
body[data-theme="dark"] .auth-public-profile {
  border-color: var(--fox-line-mid);
  background: linear-gradient(180deg, rgba(28, 31, 37, 0.78), rgba(19, 21, 25, 0.84));
}
body[data-theme="dark"] input:not([type="checkbox"]):not([type="range"]),
body[data-theme="dark"] textarea,
body[data-theme="dark"] select {
  border-color: var(--fox-line-mid);
  background: linear-gradient(180deg, rgba(31, 34, 40, 0.9), rgba(20, 22, 27, 0.94));
}
body[data-theme="dark"] .left-folder-rail {
  border-right-color: var(--fox-line-mid);
  background: linear-gradient(180deg, rgba(11, 12, 15, 0.94), rgba(16, 18, 22, 0.98));
}
body[data-theme="dark"] .folder-rail-menu-btn,
body[data-theme="dark"] .folder-rail-item,
body[data-theme="dark"] .folder-rail-settings {
  background: rgba(26, 29, 35, 0.92);
  border-color: var(--fox-line-mid);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .folder-rail-item:hover,
body[data-theme="dark"] .folder-rail-settings:hover,
body[data-theme="dark"] .menu-toggle-btn:hover {
  background: rgba(39, 43, 51, 0.96);
  border-color: var(--fox-line-strong);
}
body[data-theme="dark"] .folder-rail-item.active {
  border-color: rgba(200, 137, 77, 0.48);
  background: linear-gradient(180deg, rgba(43, 40, 37, 0.96), rgba(29, 32, 38, 0.98));
}
body[data-theme="dark"] .folder-rail-item.drag-target {
  border-color: rgba(200, 137, 77, 0.68);
  background: linear-gradient(180deg, rgba(50, 44, 39, 0.96), rgba(33, 36, 42, 0.98));
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(200, 137, 77, 0.14);
}
body[data-theme="dark"] .left-pane-filter-btn {
  border-color: var(--fox-line-mid);
  background: rgba(29, 32, 38, 0.44);
}
body[data-theme="dark"] .left-pane-filter-btn.active {
  background: rgba(200, 137, 77, 0.12);
  border-color: rgba(200, 137, 77, 0.44);
}
body[data-theme="dark"] .side-menu-overlay,
body[data-theme="dark"] .folder-menu-overlay {
  background: rgba(4, 5, 7, 0.64);
}
body[data-theme="dark"] .side-menu-panel {
  background: linear-gradient(180deg, #13151a, #101217 64%, #0d0f13 100%);
  border-right-color: var(--fox-line-mid);
}
body[data-theme="dark"] .menu-user-card {
  background: rgba(28, 31, 37, 0.86);
}
body[data-theme="dark"] .menu-item-btn {
  background: rgba(22, 24, 29, 0.72);
}
body[data-theme="dark"] .side-menu-action-icon {
  background: rgba(198, 202, 207, 0.12);
  color: var(--fox-silver);
}
body[data-theme="dark"] .theme-slider {
  background: rgba(80, 86, 96, 0.46);
  border-color: var(--fox-line-mid);
}
body[data-theme="dark"] .theme-slider::before {
  border-color: rgba(154, 160, 168, 0.4);
  background: #f4f5f6;
}
body[data-theme="dark"] .theme-switch input:checked + .theme-slider {
  border-color: rgba(200, 137, 77, 0.54);
  background: linear-gradient(145deg, var(--primary), var(--primary-2));
}
body[data-theme="dark"] .right-pane {
  background: linear-gradient(180deg, #09090b 0%, #0d0f12 34%, #111318 100%);
}
body[data-theme="dark"] .chat-header {
  background: rgba(13, 14, 17, 0.96);
}
body[data-theme="dark"] .chat-menu,
body[data-theme="dark"] .chat-list-context-menu,
body[data-theme="dark"] .attach-menu,
body[data-theme="dark"] .message-actions-menu {
  background: linear-gradient(170deg, rgba(25, 28, 33, 0.98), rgba(16, 18, 22, 0.98));
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.52);
}
body[data-theme="dark"] .channel-action-bar {
  background: #181a1f;
}
body[data-theme="dark"] .composer-reply,
body[data-theme="dark"] .composer-link-preview,
body[data-theme="dark"] .composer-voice,
body[data-theme="dark"] .message,
body[data-theme="dark"] .message-bundle,
body[data-theme="dark"] .message-bundle.nested,
body[data-theme="dark"] .message-link-preview,
body[data-theme="dark"] .message-document,
body[data-theme="dark"] .message-media-group,
body[data-theme="dark"] .message-media-stack,
body[data-theme="dark"] .jump-unread-btn {
  background-color: rgba(28, 31, 37, 0.78);
}
body[data-theme="dark"] .message.own,
body[data-theme="dark"] .message-bundle.mode-reply .message-bundle-item,
body[data-theme="dark"] .message-invite-preview {
  background: rgba(39, 36, 33, 0.84);
}
body[data-theme="dark"] .folder-menu-panel {
  border-right-color: var(--fox-line-mid);
  background: linear-gradient(180deg, #181a1f, #121419 56%, #0f1014);
  color: var(--fox-silver-bright);
  box-shadow: 18px 0 42px rgba(0, 0, 0, 0.42);
}
body[data-theme="dark"] .folder-menu-kicker,
body[data-theme="dark"] .folder-menu-section-title {
  color: var(--fox-silver);
}
body[data-theme="dark"] .folder-menu-close {
  border-color: var(--fox-line-mid);
  background: rgba(27, 30, 36, 0.88);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .folder-menu-close:hover {
  background: rgba(40, 44, 52, 0.96);
}
body[data-theme="dark"] .folder-menu-hero {
  background: linear-gradient(180deg, rgba(34, 37, 44, 0.88), rgba(26, 29, 34, 0.88));
  border-top: 1px solid var(--fox-line-soft);
  border-bottom: 1px solid var(--fox-line-soft);
}
body[data-theme="dark"] .folder-menu-hero p,
body[data-theme="dark"] .folder-menu-row-meta,
body[data-theme="dark"] .folder-menu-note {
  color: var(--fox-silver-soft);
}
body[data-theme="dark"] .folder-menu-row-title,
body[data-theme="dark"] .folder-menu-radio-row {
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .folder-menu-row:hover,
body[data-theme="dark"] .folder-menu-recommendation:hover {
  background: rgba(36, 40, 47, 0.82);
}
body[data-theme="dark"] .folder-menu-row-icon {
  color: var(--fox-ember);
}
body[data-theme="dark"] .folder-menu-icon-btn {
  color: var(--fox-silver-soft);
}
body[data-theme="dark"] .folder-menu-edit-btn:hover {
  background: rgba(198, 202, 207, 0.12);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .folder-menu-delete-btn:hover {
  background: rgba(213, 109, 120, 0.16);
  color: #ffbdc4;
}
body[data-theme="dark"] .folder-menu-empty {
  border-color: var(--fox-line-mid);
  color: var(--fox-silver-soft);
  background: rgba(22, 24, 29, 0.58);
}
body[data-theme="dark"] .folder-menu-add-btn,
body[data-theme="dark"] .folder-menu-pill-btn {
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .folder-menu-add-btn span:first-child {
  background: linear-gradient(145deg, var(--primary), var(--primary-2));
  color: #fff7ef;
}
body[data-theme="dark"] .folder-menu-pill-btn {
  background: linear-gradient(145deg, var(--primary), var(--primary-2));
  box-shadow: 0 8px 20px rgba(68, 39, 17, 0.28);
}
body[data-theme="dark"] .folder-menu-divider {
  background: rgba(23, 25, 30, 0.96);
  border-top-color: var(--fox-line-soft);
  border-bottom-color: var(--fox-line-soft);
}
body[data-theme="dark"] .folder-menu-radio-row input,
body[data-theme="dark"] .folder-create-chat-checkbox {
  accent-color: var(--primary);
}
body[data-theme="dark"] .folder-create-field {
  color: var(--fox-silver-soft);
}
body[data-theme="dark"] .folder-create-field input {
  border-color: var(--fox-line-mid);
  background: rgba(25, 28, 33, 0.92);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .folder-create-field input:focus {
  border-color: rgba(200, 137, 77, 0.7);
  box-shadow: 0 0 0 3px rgba(200, 137, 77, 0.14);
}
body[data-theme="dark"] .folder-create-picker-title {
  color: var(--fox-silver);
}
body[data-theme="dark"] .folder-create-chat-list {
  border-color: var(--fox-line-mid);
  background: rgba(18, 20, 24, 0.62);
}
body[data-theme="dark"] .folder-create-chat-row {
  border-color: var(--fox-line-soft);
  background: rgba(27, 30, 36, 0.88);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .folder-create-chat-row:hover {
  border-color: var(--fox-line-strong);
  background: rgba(36, 40, 47, 0.96);
}
body[data-theme="dark"] .folder-create-chat-row:has(.folder-create-chat-checkbox:checked) {
  border-color: rgba(200, 137, 77, 0.48);
  background: linear-gradient(135deg, rgba(42, 39, 35, 0.98), rgba(28, 31, 37, 0.96));
}
body[data-theme="dark"] .folder-create-chat-avatar,
body[data-theme="dark"] .settings-home-profile-avatar,
body[data-theme="dark"] .chat-profile-avatar,
body[data-theme="dark"] .chat-profile-member-avatar {
  background: linear-gradient(145deg, #56606b, #7b8187);
  color: #f4f5f6;
}
body[data-theme="dark"] .folder-create-chat-title {
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .folder-create-chat-meta,
body[data-theme="dark"] .folder-create-chat-empty {
  color: var(--fox-silver-soft);
}
body[data-theme="dark"] .folder-create-chat-empty {
  border-color: var(--fox-line-mid);
  background: rgba(23, 25, 30, 0.72);
}
body[data-theme="dark"] .chat-profile-modal-card {
  border-color: var(--fox-line-strong);
  background: radial-gradient(120% 65% at 12% -10%, rgba(200, 137, 77, 0.12) 0%, rgba(200, 137, 77, 0) 60%),
    linear-gradient(176deg, #1f2126, #17191d 48%, #0f1013 100%);
}
body[data-theme="dark"] .chat-profile-top {
  background: radial-gradient(circle at 15% 16%, rgba(241, 242, 244, 0.06) 0 3px, transparent 4px),
    radial-gradient(circle at 70% 18%, rgba(241, 242, 244, 0.05) 0 3px, transparent 4px),
    linear-gradient(162deg, #454b54 0%, #383e47 44%, #2f343c 100%);
  border-bottom-color: var(--fox-line-soft);
}
body[data-theme="dark"] .chat-profile-avatar {
  border-color: rgba(241, 242, 244, 0.16);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}
body[data-theme="dark"] .chat-profile-name,
body[data-theme="dark"] .chat-profile-status {
  color: var(--fox-silver-bright);
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
body[data-theme="dark"] .chat-profile-quick-actions {
  background: rgba(22, 24, 29, 0.9);
  border-bottom-color: var(--fox-line-soft);
}
body[data-theme="dark"] .chat-profile-quick-btn,
body[data-theme="dark"] #chatProfileMoreBtn:disabled {
  border-color: var(--fox-line-mid);
  background: linear-gradient(180deg, rgba(29, 32, 38, 0.94), rgba(22, 24, 29, 0.94));
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .chat-profile-quick-btn.active {
  border-color: rgba(200, 137, 77, 0.42);
  background: linear-gradient(180deg, rgba(44, 40, 36, 0.96), rgba(29, 32, 38, 0.96));
}
body[data-theme="dark"] .chat-profile-quick-btn.muted {
  border-color: var(--fox-line-mid);
  background: linear-gradient(180deg, rgba(26, 29, 35, 0.92), rgba(19, 22, 27, 0.94));
}
body[data-theme="dark"] .chat-profile-quick-btn:not(:disabled):hover {
  border-color: var(--fox-line-strong);
}
body[data-theme="dark"] .chat-profile-info-block,
body[data-theme="dark"] .chat-profile-members-column,
body[data-theme="dark"] .chat-profile-stats,
body[data-theme="dark"] .chat-profile-members-block {
  background: rgba(18, 20, 24, 0.94);
  border-color: var(--fox-line-soft);
}
body[data-theme="dark"] .chat-profile-main-line,
body[data-theme="dark"] .chat-profile-members-title-wrap,
body[data-theme="dark"] .chat-profile-member-name {
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .chat-profile-main-line#chatProfileUsername,
body[data-theme="dark"] .chat-profile-bio-toggle-btn,
body[data-theme="dark"] .chat-profile-stat-ico,
body[data-theme="dark"] .chat-profile-members-ico {
  color: var(--fox-ember);
}
body[data-theme="dark"] .chat-profile-main-line.copyable {
  text-decoration-color: rgba(200, 137, 77, 0.38);
}
body[data-theme="dark"] .chat-profile-main-line.copyable:hover,
body[data-theme="dark"] .chat-profile-bio-toggle-btn:hover {
  color: #e0af7f;
  text-decoration-color: rgba(224, 175, 127, 0.78);
}
body[data-theme="dark"] .chat-profile-sub-line,
body[data-theme="dark"] .chat-profile-type-line,
body[data-theme="dark"] .chat-profile-member-status,
body[data-theme="dark"] .chat-profile-members-empty {
  color: var(--fox-silver-soft);
}
body[data-theme="dark"] .chat-profile-stat-row,
body[data-theme="dark"] .chat-profile-stat-action,
body[data-theme="dark"] .chat-profile-member-row {
  border-color: var(--fox-line-soft);
  background: rgba(27, 30, 36, 0.86);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .chat-profile-stat-action:hover,
body[data-theme="dark"] .chat-profile-member-row.clickable:hover {
  background: rgba(38, 42, 49, 0.96);
  border-color: var(--fox-line-strong);
}
body[data-theme="dark"] .chat-profile-stat-action:focus-visible,
body[data-theme="dark"] .chat-profile-member-row.clickable:focus-visible {
  background: rgba(40, 44, 52, 0.98);
  box-shadow: inset 0 0 0 1px rgba(200, 137, 77, 0.44);
}
body[data-theme="dark"] .chat-profile-members-btn {
  border-color: var(--fox-line-mid);
  background: rgba(29, 32, 38, 0.92);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .chat-profile-members-btn:hover {
  background: rgba(39, 43, 51, 0.96);
  border-color: var(--fox-line-strong);
}
body[data-theme="dark"] .chat-profile-members-btn.active {
  border-color: rgba(200, 137, 77, 0.48);
  background: rgba(200, 137, 77, 0.14);
}
body[data-theme="dark"] .chat-profile-members-search {
  border-color: var(--fox-line-mid);
  background: rgba(22, 24, 29, 0.92);
  box-shadow: inset 0 0 0 1px rgba(13, 14, 17, 0.28);
}
body[data-theme="dark"] .chat-profile-members-search-ico,
body[data-theme="dark"] .chat-profile-members-search-clear {
  color: var(--fox-silver);
}
body[data-theme="dark"] .chat-profile-members-search-clear {
  background: rgba(52, 57, 66, 0.52);
}
body[data-theme="dark"] .chat-profile-members-search-clear:hover {
  background: rgba(68, 73, 82, 0.7);
}
body[data-theme="dark"] .chat-profile-member-status.online {
  color: #8fd0a0;
}
body[data-theme="dark"] .chat-profile-member-role {
  border-color: var(--fox-line-mid);
  background: rgba(31, 34, 40, 0.84);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .chat-profile-member-role.owner {
  border-color: rgba(200, 137, 77, 0.42);
  color: #f3d4b2;
}
body[data-theme="dark"] .chat-profile-member-role.admin {
  border-color: rgba(128, 196, 148, 0.42);
  color: #a7e1b4;
}
body[data-theme="dark"] .chat-profile-member-remove-btn {
  color: var(--fox-silver-soft);
}
body[data-theme="dark"] .chat-profile-member-remove-btn:hover {
  color: var(--fox-silver-bright);
  background: rgba(55, 60, 70, 0.5);
}
body[data-theme="dark"] .chat-profile-members-empty {
  border-color: var(--fox-line-mid);
  background: rgba(24, 26, 31, 0.8);
}
body[data-theme="dark"] .settings-modal-card {
  border-color: var(--fox-line-strong);
  background: linear-gradient(180deg, #17191d, #121419 64%, #0f1014 100%);
  color: var(--fox-silver-bright);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
}
body[data-theme="dark"] .settings-modal-head h3,
body[data-theme="dark"] .settings-page-title,
body[data-theme="dark"] .settings-home-profile-name,
body[data-theme="dark"] .settings-block-title,
body[data-theme="dark"] .settings-admin-value,
body[data-theme="dark"] .settings-log-entry-version {
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .settings-head-btn,
body[data-theme="dark"] .settings-back-btn {
  border-color: var(--fox-line-mid);
  background: rgba(27, 30, 36, 0.88);
  color: var(--fox-silver);
}
body[data-theme="dark"] .settings-head-btn:hover:not(:disabled),
body[data-theme="dark"] .settings-back-btn:hover {
  background: rgba(40, 44, 52, 0.96);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .settings-pages {
  border-top-color: var(--fox-line-soft);
}
body[data-theme="dark"] .settings-home-profile-card {
  background: linear-gradient(180deg, #3a4048, #31363e);
  border-bottom-color: var(--fox-line-soft);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .settings-home-profile-username,
body[data-theme="dark"] .settings-entry-hint,
body[data-theme="dark"] .settings-admin-note,
body[data-theme="dark"] .settings-admin-hero-subtitle,
body[data-theme="dark"] .settings-log-entry-date,
body[data-theme="dark"] .settings-field,
body[data-theme="dark"] .settings-field-counter {
  color: var(--fox-silver-soft);
}
body[data-theme="dark"] .settings-home-profile-extra {
  color: rgba(241, 242, 244, 0.34);
}
body[data-theme="dark"] .settings-entry-separator {
  border-top-color: var(--fox-line-soft);
  border-bottom-color: var(--fox-line-soft);
  background: rgba(21, 23, 28, 0.74);
}
body[data-theme="dark"] .settings-entry-btn {
  border-bottom-color: var(--fox-line-soft);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .settings-entry-btn:hover {
  background: rgba(32, 36, 43, 0.82);
}
body[data-theme="dark"] .settings-entry-main .settings-entry-icon,
body[data-theme="dark"] .settings-entry-hint.value,
body[data-theme="dark"] .settings-version-value {
  color: var(--fox-ember);
}
body[data-theme="dark"] .settings-language-select,
body[data-theme="dark"] .settings-field input,
body[data-theme="dark"] .settings-field textarea {
  border-color: var(--fox-line-mid);
  background: rgba(24, 27, 32, 0.94);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .settings-language-select:focus,
body[data-theme="dark"] .settings-field input:focus,
body[data-theme="dark"] .settings-field textarea:focus {
  border-color: rgba(200, 137, 77, 0.66);
  outline: 2px solid rgba(200, 137, 77, 0.24);
  box-shadow: 0 0 0 3px rgba(200, 137, 77, 0.1);
}
body[data-theme="dark"] .settings-page-head {
  border-bottom-color: var(--fox-line-soft);
  background: rgba(21, 23, 28, 0.9);
}
body[data-theme="dark"] .settings-block,
body[data-theme="dark"] .settings-log-entry,
body[data-theme="dark"] .settings-password-modal-card,
body[data-theme="dark"] .settings-admin-metric {
  border-color: var(--fox-line-mid);
  background: rgba(24, 27, 32, 0.88);
}
body[data-theme="dark"] .settings-switch-label,
body[data-theme="dark"] .settings-admin-service-row,
body[data-theme="dark"] .settings-log-entry-items {
  color: var(--fox-silver);
}
body[data-theme="dark"] .settings-admin-service-badge {
  border-color: var(--fox-line-mid);
  background: rgba(29, 32, 38, 0.88);
  color: var(--fox-silver-bright);
}
body[data-theme="dark"] .settings-version-value {
  border-color: rgba(200, 137, 77, 0.34);
  background: rgba(200, 137, 77, 0.1);
}
body[data-theme="dark"] .sound-setting input[type="range"] {
  border-color: rgba(123, 128, 138, 0.38);
  background: rgba(123, 128, 138, 0.2);
}
body[data-theme="dark"] .sound-setting input[type="range"]::-webkit-slider-runnable-track,
body[data-theme="dark"] .sound-setting input[type="range"]::-moz-range-track {
  background: rgba(123, 128, 138, 0.24);
}
body[data-theme="dark"] .sound-setting input[type="range"]:focus-visible {
  outline-color: rgba(200, 137, 77, 0.42);
}
body[data-theme="dark"] .settings-modal-card .ghost-btn,
body[data-theme="dark"] .modal .ghost-btn {
  border-color: var(--fox-line-mid);
  color: var(--fox-silver);
}
body[data-theme="dark"] .settings-modal-card .ghost-btn:hover,
body[data-theme="dark"] .modal .ghost-btn:hover {
  background: rgba(35, 39, 46, 0.84);
  color: var(--fox-silver-bright);
}