/* Shared component colors */
:root {
  --shadow: 0 24px 56px rgba(5, 14, 28, 0.4);
  --bg-main-accent: #041423;
  --text-soft: #9bb8d1;
}
html {
  background: #071a2f;
}
body {
  color: var(--text);
  background: linear-gradient(170deg, var(--bg-main), var(--bg-main-accent));
}
body.auth-smoke-active {
  background: radial-gradient(circle at 24% 72%, rgba(255, 140, 48, 0.08), transparent 26%),
    radial-gradient(circle at 72% 24%, rgba(84, 151, 230, 0.08), transparent 24%),
    linear-gradient(180deg, #07172a 0%, #081d31 46%, #0b2238 100%);
}
.ui-placeholder-red {
  border-color: rgba(255, 96, 116, 0.9) !important;
  background-color: rgba(131, 20, 39, 0.22) !important;
  color: #ffb5bf !important;
}
.ui-placeholder-red .chat-profile-quick-text,
.ui-placeholder-red .chat-profile-quick-ico,
.ui-placeholder-red span {
  color: inherit !important;
}
.auth-screen::before {
  background: radial-gradient(circle, rgba(255, 144, 58, 0.16) 0%, rgba(255, 144, 58, 0) 72%);
}
.auth-screen::after {
  background: radial-gradient(circle, rgba(82, 155, 236, 0.14) 0%, rgba(82, 155, 236, 0) 74%);
}
.brand h1 {
  text-shadow: 0 10px 30px rgba(4, 14, 27, 0.22);
}
.brand p {
  color: #8ba9c6;
}
.brand-mark {
  color: #fff;
}
.brand-mark-fox {
  filter: drop-shadow(0 12px 26px rgba(255, 128, 36, 0.24))
    drop-shadow(0 4px 12px rgba(255, 141, 61, 0.3));
}
.auth-card {
  border: 1px solid rgba(91, 137, 180, 0.34);
  background: linear-gradient(180deg, rgba(19, 43, 68, 0.92), rgba(13, 33, 53, 0.96)),
    radial-gradient(circle at top left, rgba(255, 148, 59, 0.08), transparent 34%);
  box-shadow: 0 34px 80px rgba(4, 14, 28, 0.48),
    inset 0 1px 0 rgba(188, 218, 248, 0.06);
}
.auth-card::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 28%),
    radial-gradient(circle at 18% 110%, rgba(255, 145, 54, 0.08), transparent 34%);
}
.auth-card::after {
  background: radial-gradient(circle, rgba(255, 141, 53, 0.12), rgba(255, 141, 53, 0) 72%);
}
.auth-card.auth-card-tilt-active {
  box-shadow: 0 38px 84px rgba(3, 12, 24, 0.54),
    0 12px 28px rgba(96, 163, 255, 0.16),
    0 18px 42px rgba(255, 137, 49, 0.09);
  border-color: rgba(118, 165, 208, 0.42);
}
.tab-btn {
  border: 1px solid rgba(96, 142, 185, 0.28);
  background: rgba(15, 37, 59, 0.34);
  color: var(--muted);
}
.tab-btn.active {
  color: var(--text);
  border-color: rgba(114, 171, 227, 0.74);
  background: linear-gradient(180deg, rgba(36, 72, 108, 0.72), rgba(23, 52, 80, 0.74));
  box-shadow: inset 0 0 0 1px rgba(167, 210, 248, 0.06);
}
.auth-public-profile {
  border: 1px solid rgba(95, 140, 184, 0.28);
  background: linear-gradient(180deg, rgba(19, 45, 70, 0.62), rgba(15, 36, 57, 0.74));
}
.auth-public-label {
  color: var(--muted);
}
.auth-public-avatar {
  border: 1px solid var(--line);
  background: linear-gradient(145deg, var(--primary), var(--primary-2));
  color: #fff;
}
.auth-public-username {
  color: var(--primary);
}
.auth-public-secondary {
  color: var(--text);
}
.auth-public-info {
  color: var(--muted);
}
label {
  color: #89a8c2;
}
input,
textarea {
  border: 1px solid rgba(88, 129, 168, 0.32);
  color: var(--text);
  background: linear-gradient(180deg, rgba(22, 48, 74, 0.78), rgba(20, 43, 67, 0.88));
  box-shadow: inset 0 1px 0 rgba(193, 220, 247, 0.03),
    inset 0 -1px 0 rgba(5, 13, 22, 0.24);
}
input[type="checkbox"] {
  background: transparent;
  accent-color: var(--primary);
}
input:focus,
textarea:focus {
  outline: 2px solid rgba(96, 160, 226, 0.34);
  border-color: rgba(117, 179, 236, 0.78);
  box-shadow: 0 0 0 4px rgba(74, 139, 210, 0.08),
    0 0 0 1px rgba(255, 143, 51, 0.1),
    inset 0 1px 0 rgba(209, 231, 255, 0.05);
}
.auth-card .primary-btn {
  background: linear-gradient(135deg, #57a1f5 0%, #4d8df0 54%, #4471d7 100%);
  box-shadow: 0 12px 28px rgba(18, 68, 130, 0.32),
    0 8px 18px rgba(255, 135, 36, 0.1);
}
.auth-card .primary-btn:hover {
  box-shadow: 0 14px 30px rgba(18, 68, 130, 0.36),
    0 10px 22px rgba(255, 135, 36, 0.14);
}
.auth-card .primary-btn::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0));
}
.auth-card .ghost-btn {
  background: rgba(17, 41, 64, 0.52);
}
.primary-btn {
  color: #fff;
  background: linear-gradient(145deg, var(--primary), var(--primary-2));
}
.ghost-btn {
  border: 1px solid var(--line);
  background: transparent;
  color: var(--muted);
}
.app-shell {
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}
.left-pane {
  background: var(--bg-panel);
  border-right: 1px solid var(--line);
}
.left-pane-top {
  border-bottom: 1px solid var(--line);
  background: var(--bg-panel);
}
.left-folder-rail {
  border-right: 1px solid rgba(82, 122, 166, 0.42);
  background: linear-gradient(180deg, rgba(7, 19, 32, 0.76), rgba(10, 27, 45, 0.8));
}
.menu-toggle-btn {
  border: 1px solid transparent;
  background: transparent;
  color: var(--muted);
}
.folder-rail-menu-btn {
  background: rgba(14, 35, 57, 0.82);
  border-color: rgba(103, 151, 197, 0.34);
  color: #d6ebff;
}
.menu-toggle-btn:hover {
  background: var(--bg-hover);
}
.folder-rail-list {
  border-top: 1px solid rgba(95, 139, 183, 0.28);
}
.folder-rail-item,
.folder-rail-settings {
  border: 1px solid rgba(101, 150, 197, 0.28);
  background: rgba(13, 35, 58, 0.58);
  color: #b9d7f4;
}
.folder-rail-item:hover,
.folder-rail-settings:hover {
  background: rgba(34, 68, 101, 0.74);
  border-color: rgba(122, 181, 236, 0.48);
}
.folder-rail-item.active {
  border-color: rgba(123, 190, 255, 0.64);
  background: linear-gradient(180deg, rgba(43, 96, 148, 0.72), rgba(24, 66, 106, 0.78));
  color: #f1f8ff;
}
.folder-rail-item.drag-target {
  border-color: rgba(136, 206, 255, 0.86);
  background: linear-gradient(180deg, rgba(63, 120, 171, 0.88), rgba(35, 81, 124, 0.92));
  color: #f6fbff;
  box-shadow: 0 10px 24px rgba(3, 17, 31, 0.34), 0 0 0 1px rgba(139, 204, 255, 0.18);
}
.left-pane-filters {
  border-bottom: 1px solid var(--line);
  background: var(--bg-panel);
}
.left-pane-filter-btn {
  border: 1px solid rgba(103, 145, 186, 0.3);
  background: rgba(20, 46, 72, 0.18);
  color: var(--muted);
}
.left-pane-filter-btn:hover {
  background: var(--bg-hover);
  color: var(--text);
}
.left-pane-filter-btn.active {
  background: rgba(87, 155, 228, 0.18);
  border-color: rgba(108, 169, 233, 0.62);
  color: var(--text);
  box-shadow: inset 0 0 0 1px rgba(141, 197, 252, 0.12);
}
.private-incoming-call-bar {
  border-bottom: 1px solid rgba(92, 141, 190, 0.34);
  background: linear-gradient(180deg, rgba(27, 52, 78, 0.92), rgba(20, 44, 68, 0.94));
}
.private-incoming-call-label {
  color: #8bb5de;
}
.private-incoming-call-caller {
  color: #e1efff;
}
.private-incoming-call-btn {
  border: 1px solid rgba(121, 163, 206, 0.45);
  background: rgba(20, 47, 73, 0.7);
  color: #d7ebff;
}
.private-incoming-call-btn.decline {
  border-color: rgba(223, 120, 139, 0.62);
  background: rgba(89, 29, 42, 0.64);
}
.private-incoming-call-btn.accept {
  border-color: rgba(116, 188, 144, 0.62);
  background: rgba(27, 88, 55, 0.62);
}
.private-active-call-bar {
  border-bottom: 1px solid rgba(110, 152, 195, 0.34);
  background: linear-gradient(180deg, rgba(24, 57, 87, 0.92), rgba(17, 46, 74, 0.94));
}
.private-active-call-label {
  color: #83b1dd;
}
.private-active-call-caller {
  color: #e2f0ff;
}
.private-active-call-btn {
  border: 1px solid rgba(121, 163, 206, 0.45);
  background: rgba(20, 47, 73, 0.7);
  color: #d7ebff;
}
.private-active-call-btn.expand {
  border-color: rgba(124, 189, 255, 0.58);
  background: rgba(25, 78, 121, 0.72);
}
.private-active-call-btn.hangup {
  border-color: rgba(223, 120, 139, 0.62);
  background: rgba(89, 29, 42, 0.64);
}
.chat-search-head {
  background: var(--bg-panel);
}
.chat-search-title {
  color: var(--muted);
}
.chat-search-close-btn {
  border: 1px solid var(--line);
  background: transparent;
  color: var(--muted);
}
.chat-search-close-btn:hover {
  background: var(--bg-hover);
}
.chat-search-results {
  border: 1px solid var(--line);
  background: rgba(15, 38, 60, 0.35);
}
.chat-search-empty {
  color: var(--muted);
}
.chat-search-count {
  border-bottom: 1px solid var(--line);
  color: var(--muted);
}
.chat-search-result {
  border-bottom: 1px solid var(--line);
  background: transparent;
  color: var(--text);
}
.chat-search-result:hover {
  background: var(--bg-hover);
}
.chat-search-avatar {
  color: #fff;
  background: linear-gradient(145deg, #3f75c8, #57a2ea);
}
.chat-search-date {
  color: var(--muted);
}
.chat-search-preview {
  color: var(--muted);
}
.list-section-title {
  color: var(--muted);
}
.list-empty {
  color: var(--muted);
}
.chat-row,
.user-result-row {
  background: transparent;
  color: var(--text);
}
.chat-row:hover,
.user-result-row:hover {
  background: var(--bg-hover);
}
.chat-row.active {
  background: var(--bg-active);
  box-shadow: inset 0 0 0 1px rgba(124, 179, 237, 0.28);
}
.chat-row-drag-ghost {
  background: rgba(23, 53, 83, 0.96);
  box-shadow: 0 18px 36px rgba(4, 18, 33, 0.42), 0 0 0 1px rgba(120, 183, 241, 0.28);
}
.chat-storage-separator {
  border-top: 1px solid rgba(112, 166, 220, 0.44);
}
.chat-avatar {
  border: 1px solid rgba(255, 255, 255, 0.22);
}
.chat-avatar-fallback {
  color: #fff;
  background: linear-gradient(145deg, #4a81d8, #5aa8f5);
}
.chat-row-archive-badge {
  background: rgba(120, 176, 230, 0.16);
  box-shadow: inset 0 0 0 1px rgba(120, 176, 230, 0.3);
  color: #b8dcff;
}
.official-account-badge {
  background: rgba(24, 50, 77, 0.28);
  box-shadow: inset 0 0 0 1px rgba(122, 174, 223, 0.28);
}
.account-name-restricted {
  text-decoration-color: rgba(255, 150, 150, 0.78);
}
.account-avatar-restricted {
  background: linear-gradient(145deg, rgba(31, 45, 61, 0.95), rgba(17, 28, 40, 0.98)) !important;
  border: 1px dashed rgba(255, 160, 160, 0.32) !important;
  color: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(255, 170, 170, 0.08);
}
.account-avatar-restricted::before {
  border: 2px solid rgba(255, 231, 231, 0.7);
  border-bottom-color: transparent;
}
.account-avatar-restricted::after {
  background: rgba(255, 172, 172, 0.76);
  box-shadow: 0 0 10px rgba(255, 133, 133, 0.18);
}
.chat-row-date {
  color: var(--muted);
}
.chat-row-mention {
  border: 1px solid rgba(139, 202, 255, 0.42);
  background: rgba(86, 152, 221, 0.25);
  color: #d8eeff;
}
.chat-row-unread {
  color: #f2f8ff;
  background: linear-gradient(140deg, #5b9fe8, #2b67b7);
}
.chat-row-preview {
  color: var(--muted);
}
.chat-row-draft-label {
  color: var(--danger);
}
.chat-row-preview-avatar {
  border: 1px solid rgba(141, 193, 243, 0.42);
  background: rgba(9, 30, 50, 0.72);
}
.chat-row-preview-avatar.fallback {
  color: #d8ebff;
}
.right-pane {
  background: #021a31;
}
.right-pane.drop-file-active {
  box-shadow: inset 0 0 0 2px rgba(112, 183, 255, 0.85);
  background: linear-gradient(180deg, rgba(4, 35, 62, 0.98), rgba(2, 25, 47, 0.98));
}
.chat-drop-overlay {
  background: rgba(2, 16, 31, 0.64);
}
.chat-drop-overlay-label {
  border: 1px solid rgba(134, 195, 255, 0.72);
  background: rgba(8, 31, 53, 0.86);
  color: #dff1ff;
  box-shadow: 0 10px 26px rgba(3, 12, 22, 0.46);
}
.chat-header {
  border-bottom: 1px solid var(--line);
  background: rgba(3, 28, 50, 0.95);
}
.chat-header.profile-trigger:hover {
  background: var(--bg-hover);
}
.chat-closure-banner {
  border: 1px solid rgba(105, 154, 198, 0.36);
  background: linear-gradient(180deg, rgba(16, 43, 69, 0.95), rgba(10, 31, 53, 0.97)),
    radial-gradient(circle at 88% 18%, rgba(112, 181, 240, 0.16), transparent 54%);
  box-shadow: inset 0 1px 0 rgba(159, 210, 255, 0.08),
    0 10px 24px rgba(4, 16, 29, 0.34);
}
.chat-closure-banner::after {
  background: linear-gradient(90deg, rgba(121, 186, 243, 0), rgba(121, 186, 243, 0.48), rgba(121, 186, 243, 0));
}
.chat-closure-banner.write-locked {
  border-color: rgba(126, 171, 210, 0.44);
  box-shadow: inset 4px 0 0 rgba(237, 168, 103, 0.72),
    inset 0 1px 0 rgba(159, 210, 255, 0.08),
    0 10px 24px rgba(4, 16, 29, 0.34);
}
.chat-closure-banner.write-allowed {
  border-color: rgba(113, 181, 149, 0.46);
  box-shadow: inset 4px 0 0 rgba(106, 204, 160, 0.68),
    inset 0 1px 0 rgba(159, 210, 255, 0.08),
    0 10px 24px rgba(4, 16, 29, 0.34);
}
.chat-closure-banner-title {
  color: #e3f2ff;
}
.chat-closure-banner-meta {
  color: #bad8f4;
}
.chat-closure-banner-timer {
  color: #eaf5ff;
  border: 1px solid rgba(121, 176, 225, 0.5);
  background: linear-gradient(180deg, rgba(13, 35, 56, 0.84), rgba(10, 27, 44, 0.84));
  box-shadow: inset 0 1px 0 rgba(167, 217, 255, 0.12);
}
.chat-closure-banner.write-locked .chat-closure-banner-timer {
  border-color: rgba(235, 176, 117, 0.55);
  background: linear-gradient(180deg, rgba(59, 40, 24, 0.72), rgba(42, 28, 15, 0.74));
  color: #ffdcb9;
}
.chat-closure-banner.write-allowed .chat-closure-banner-timer {
  border-color: rgba(105, 190, 146, 0.56);
  background: linear-gradient(180deg, rgba(18, 52, 37, 0.72), rgba(12, 38, 26, 0.74));
  color: #d5f3e3;
}
.chat-closure-banner.write-locked .chat-closure-banner-title,
.chat-closure-banner.write-locked .chat-closure-banner-meta {
  color: #ffe8d1;
}
.chat-closure-banner.write-allowed .chat-closure-banner-title,
.chat-closure-banner.write-allowed .chat-closure-banner-meta {
  color: #d9f6e8;
}
.chat-closure-banner.closed {
  border-color: rgba(94, 140, 183, 0.5);
  background: linear-gradient(160deg, rgba(16, 43, 70, 0.96), rgba(11, 34, 56, 0.96));
  box-shadow: inset 4px 0 0 rgba(116, 170, 222, 0.64),
    inset 0 1px 0 rgba(159, 210, 255, 0.08),
    0 10px 24px rgba(4, 16, 29, 0.34);
}
.chat-closure-banner.closed .chat-closure-banner-title {
  color: #d7ebff;
}
.chat-closure-banner.closed .chat-closure-banner-meta {
  color: #b9d8f7;
}
.mobile-back-btn {
  border: 1px solid var(--line);
  background: var(--bg-panel-2);
  color: var(--text);
}
.mobile-back-btn:hover {
  background: var(--bg-hover);
}
.selection-count-label {
  color: var(--text);
}
.selection-secondary-btn {
  border: 1px solid var(--line);
  background: transparent;
  color: var(--text);
}
.selection-secondary-btn:hover {
  background: var(--bg-hover);
}
.selection-delete-btn {
  background: linear-gradient(145deg, var(--primary), var(--primary-2));
  color: #fff;
}
.selection-cancel-btn {
  background: transparent;
  color: #68b1f3;
}
.selection-range-actions .ghost-btn,
.selection-range-actions .primary-btn {
  color: #fff;
  background: linear-gradient(145deg, var(--primary), var(--primary-2));
}
.selection-range-actions .ghost-btn:hover,
.selection-range-actions .primary-btn:hover {
  box-shadow: 0 8px 22px rgba(56, 111, 173, 0.34);
}
.chat-header-btn {
  border: 1px solid var(--line);
  background: var(--bg-panel-2);
  color: var(--text);
}
.chat-header-btn:not(:disabled):hover {
  background: var(--bg-hover);
}
.chat-menu {
  border: 1px solid var(--line);
  background: linear-gradient(170deg, #10273f, #0d2237);
  box-shadow: 0 16px 36px rgba(4, 11, 21, 0.46);
}
.chat-list-context-menu {
  border: 1px solid var(--line);
  background: linear-gradient(170deg, #10273f, #0d2237);
  box-shadow: 0 16px 36px rgba(4, 11, 21, 0.46);
}
.chat-menu-item {
  background: transparent;
  color: var(--text);
}
.chat-menu-item:hover {
  background: var(--bg-hover);
}
.chat-menu-item.active {
  background: var(--bg-hover);
  color: #93cbff;
}
.chat-list-submenu {
  border: 1px solid var(--line);
  background: linear-gradient(170deg, #10273f, #0d2237);
  box-shadow: 0 16px 36px rgba(4, 11, 21, 0.46);
}
.chat-list-submenu-divider {
  background: var(--line);
}
.chat-list-folder-toggle-icon {
  color: rgba(143, 203, 255, 0.92);
}
.chat-list-folder-item.active .chat-list-folder-toggle-icon {
  color: #9ad56f;
}
.chat-list-submenu-empty {
  color: var(--muted);
}
.chat-menu-item.danger {
  color: #ff8ea7;
}
.chat-mentions-view-meta {
  color: var(--text-soft);
}
.chat-mentions-empty {
  color: var(--text-soft);
  border: 1px solid var(--line);
  background: rgba(15, 37, 58, 0.48);
}
.chat-mentions-result {
  border: 1px solid var(--line);
  background: rgba(18, 45, 72, 0.62);
  color: var(--text);
}
.chat-mentions-result:hover {
  background: rgba(26, 62, 96, 0.76);
  border-color: rgba(116, 169, 221, 0.62);
}
.chat-mentions-avatar {
  background: rgba(82, 138, 201, 0.26);
  color: #d9edff;
}
.chat-mentions-avatar.fallback {
  border: 1px solid rgba(117, 173, 228, 0.46);
}
.chat-mentions-date {
  color: var(--text-soft);
}
.chat-mentions-preview {
  color: var(--text-soft);
}
.message-list::-webkit-scrollbar-track {
  background: rgba(10, 24, 39, 0.36);
}
.message-list::-webkit-scrollbar-thumb {
  background: rgba(104, 156, 210, 0.52);
}
.chat-list,
.chat-search-results,
.participant-list,
.forward-target-list,
.chat-profile-info-column,
.chat-profile-modal-card,
.chat-profile-members-list,
.group-manage-modal-card,
.chat-media-modal-card,
.chat-media-content {
  scrollbar-color: rgba(104, 156, 210, 0.52) rgba(10, 24, 39, 0.36);
}
.chat-list::-webkit-scrollbar-track,
.chat-search-results::-webkit-scrollbar-track,
.participant-list::-webkit-scrollbar-track,
.forward-target-list::-webkit-scrollbar-track,
.chat-profile-info-column::-webkit-scrollbar-track,
.chat-profile-modal-card::-webkit-scrollbar-track,
.chat-profile-members-list::-webkit-scrollbar-track,
.group-manage-modal-card::-webkit-scrollbar-track,
.chat-media-modal-card::-webkit-scrollbar-track,
.chat-media-content::-webkit-scrollbar-track {
  background: rgba(10, 24, 39, 0.36);
}
.chat-list::-webkit-scrollbar-thumb,
.chat-search-results::-webkit-scrollbar-thumb,
.participant-list::-webkit-scrollbar-thumb,
.forward-target-list::-webkit-scrollbar-thumb,
.chat-profile-info-column::-webkit-scrollbar-thumb,
.chat-profile-modal-card::-webkit-scrollbar-thumb,
.chat-profile-members-list::-webkit-scrollbar-thumb,
.group-manage-modal-card::-webkit-scrollbar-thumb,
.chat-media-modal-card::-webkit-scrollbar-thumb,
.chat-media-content::-webkit-scrollbar-thumb {
  background: rgba(104, 156, 210, 0.52);
  border: 2px solid transparent;
}
.empty-chat-bubble {
  color: #d8e6f8;
  border: 1px solid rgba(124, 181, 236, 0.24);
  background: radial-gradient(circle at top left, rgba(92, 156, 216, 0.26), transparent 58%),
    rgba(20, 48, 77, 0.58);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
}
.message {
  border: 1px solid rgba(124, 166, 211, 0.32);
  background: rgba(28, 59, 93, 0.7);
}
.message-row-avatar {
  border: 1px solid rgba(133, 188, 241, 0.4);
  background: rgba(8, 31, 52, 0.76);
}
.message-row-avatar:hover {
  border-color: rgba(152, 202, 249, 0.76);
  box-shadow: 0 0 0 2px rgba(100, 173, 238, 0.22);
}
.message-row-avatar:focus-visible {
  border-color: rgba(155, 206, 255, 0.88);
  box-shadow: 0 0 0 2px rgba(111, 183, 248, 0.36);
}
.message-row-avatar.fallback {
  color: #e1f0ff;
}
.message.reply-swipe-ready {
  border-color: rgba(128, 191, 255, 0.65);
  box-shadow: 0 0 0 1px rgba(120, 186, 255, 0.32), 0 10px 26px rgba(5, 16, 31, 0.36);
}
.message.own {
  background: rgba(57, 117, 195, 0.6);
}
.message.message-system {
  border: 1px solid rgba(112, 160, 208, 0.34);
  background: rgba(19, 46, 73, 0.56);
}
.message-system-text {
  color: #b9d8f6;
}
.message.search-highlight {
  box-shadow: 0 0 0 2px rgba(108, 178, 255, 0.74), 0 0 22px rgba(68, 145, 233, 0.38);
}
.message-day-separator-chip {
  border: 1px solid rgba(87, 132, 177, 0.28);
  background: rgba(18, 42, 67, 0.94);
  box-shadow: 0 10px 22px rgba(3, 10, 19, 0.2);
  color: #eef6ff;
}
.message.selection-picked {
  box-shadow: 0 0 0 2px rgba(92, 163, 235, 0.62);
}
.message-select-mark {
  border: 2px solid rgba(144, 193, 244, 0.82);
  background: rgba(12, 35, 57, 0.78);
  color: #eff7ff;
}
.message.selection-picked .message-select-mark {
  border-color: #5daeff;
  background: #2f7fd2;
}
.member-tag-badge {
  border: 1px solid rgba(190, 161, 250, 0.56);
  background: rgba(16, 45, 72, 0.72);
  color: var(--text);
}
.message-sender,
.message-time {
  color: var(--muted);
}
.message-edited-mark {
  color: var(--muted);
}
.message-receipt.sent {
  color: #68bcff;
}
.message-receipt.read {
  color: #69db8b;
}
.message-actions-menu {
  border: 1px solid var(--line);
  background: #122f4c;
  box-shadow: 0 14px 28px rgba(5, 14, 26, 0.46);
}
.message-action-item {
  background: transparent;
  color: #deedff;
}
.message-action-item:hover {
  background: rgba(101, 162, 225, 0.2);
}
.message-action-item.danger {
  color: #ffacc0;
}
.composer {
  border-top: 1px solid var(--line);
}
.channel-action-bar {
  border-top: 1px solid var(--line);
  background: #0f243a;
  color: #eef6ff;
}
.channel-action-bar:hover {
  background: #14304c;
}
.channel-action-bar:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(128, 191, 255, 0.42);
}
.channel-action-title {
  color: var(--text);
}
.channel-action-hint {
  color: var(--muted);
}
.composer-reply {
  border: 1px solid var(--line);
  background: rgba(15, 43, 72, 0.62);
}
.composer-reply-title {
  color: #74bcff;
}
.composer-reply-preview {
  color: var(--text);
}
.composer-reply-cancel {
  border: 1px solid var(--line);
  background: transparent;
  color: var(--muted);
}
.composer-reply-cancel:hover {
  background: var(--bg-hover);
}
.composer-link-preview {
  border: 1px solid var(--line);
  background: rgba(15, 43, 72, 0.62);
}
.composer-link-preview-thumb {
  border: 1px solid rgba(116, 165, 219, 0.35);
  background: rgba(9, 27, 44, 0.56);
  color: #d4e8ff;
}
.composer-link-preview-title {
  color: #74bcff;
}
.composer-link-preview-meta {
  color: var(--text);
}
.composer-mention {
  border: 1px solid rgba(121, 176, 232, 0.34);
  background: linear-gradient(180deg, rgba(14, 36, 56, 0.95), rgba(11, 29, 46, 0.95));
  box-shadow: 0 12px 24px rgba(4, 13, 23, 0.36);
}
.composer-mention-head {
  border-bottom: 1px solid rgba(111, 164, 218, 0.2);
}
.composer-mention-title {
  color: #d8e9fb;
}
.composer-mention-close {
  border: 1px solid var(--line);
  background: rgba(16, 36, 56, 0.76);
  color: #d5e7fa;
}
.composer-mention-close:hover {
  background: rgba(43, 78, 114, 0.86);
}
.composer-mention-item {
  background: transparent;
  color: inherit;
  border-bottom: 1px solid rgba(101, 152, 205, 0.16);
}
.composer-mention-item:hover,
.composer-mention-item.active {
  background: rgba(60, 110, 159, 0.28);
}
.composer-mention-avatar {
  border: 1px solid rgba(116, 167, 221, 0.34);
  background: rgba(22, 52, 81, 0.84);
  color: #dbeeff;
}
.composer-mention-name {
  color: #eaf4ff;
}
.composer-mention-meta {
  color: #7cb0e1;
}
.composer-mention-empty {
  color: var(--muted);
}
.jump-unread-btn {
  border: 1px solid rgba(124, 170, 222, 0.28);
  background: rgba(18, 44, 70, 0.58);
  color: #e9f4ff;
  box-shadow: 0 12px 24px rgba(6, 15, 29, 0.36);
}
.jump-unread-btn:hover {
  background: rgba(38, 74, 110, 0.82);
  box-shadow: 0 16px 30px rgba(6, 15, 29, 0.46);
}
.composer-voice {
  border: 1px solid rgba(120, 178, 236, 0.26);
  background: linear-gradient(180deg, rgba(18, 49, 79, 0.92), rgba(14, 40, 66, 0.9));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.composer-voice.paused {
  border-color: rgba(230, 185, 118, 0.28);
  background: linear-gradient(180deg, rgba(56, 51, 34, 0.9), rgba(40, 34, 23, 0.88));
}
.composer-voice-delete,
.composer-voice-send {
  border: 1px solid rgba(129, 181, 234, 0.3);
  background: rgba(10, 27, 43, 0.48);
  color: #eef7ff;
}
.composer-voice-delete:hover,
.composer-voice-send:hover {
  background: rgba(31, 69, 105, 0.74);
}
.composer-voice-delete {
  color: #ffb5c0;
}
.composer-voice-send {
  color: #8fd2ff;
}
.composer-voice-status {
  color: #f0f7ff;
}
.composer-voice-time {
  color: #b9d9f8;
}
.composer-voice-wave-bar {
  background: linear-gradient(180deg, rgba(140, 205, 255, 0.96), rgba(97, 156, 231, 0.7));
}
.attach-btn {
  border: 1px solid var(--line);
  background: var(--bg-panel-2);
  color: var(--text);
}
.attach-btn:hover {
  background: var(--bg-hover);
}
.composer-emoji-btn.active {
  background: rgba(111, 190, 255, 0.16);
  border-color: rgba(121, 189, 247, 0.4);
  color: #d9edff;
}
.composer-voice-btn.active {
  background: rgba(119, 200, 255, 0.18);
  border-color: rgba(129, 208, 255, 0.52);
  color: #a6ddff;
}
.composer-voice-btn.paused {
  background: rgba(236, 188, 102, 0.16);
  border-color: rgba(233, 182, 98, 0.4);
  color: #ffd791;
}
.attach-menu {
  border: 1px solid var(--line);
  background: linear-gradient(170deg, #10253a, #0f2a45);
  box-shadow: 0 16px 44px rgba(3, 11, 22, 0.55);
}
.attach-menu-item {
  color: #e7f2ff;
  background: transparent;
}
.attach-menu-item:hover {
  background: rgba(117, 173, 231, 0.16);
}
.emoji-picker-panel {
  border-left: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(13, 31, 48, 0.98), rgba(10, 25, 39, 0.98)),
    radial-gradient(circle at top right, rgba(88, 153, 214, 0.12), transparent 48%);
}
.emoji-picker-head {
  border-bottom: 1px solid rgba(105, 153, 202, 0.18);
}
.emoji-picker-title {
  color: #e7f3ff;
}
.emoji-picker-close-btn {
  border: 1px solid var(--line);
  background: rgba(17, 38, 58, 0.7);
  color: var(--muted);
}
.emoji-picker-close-btn:hover {
  background: rgba(35, 66, 98, 0.88);
  color: var(--text);
}
.emoji-picker-search {
  border: 1px solid var(--line);
  background: rgba(17, 38, 58, 0.76);
}
.emoji-picker-search input {
  background: transparent;
}
.emoji-picker-search input:focus {
  border-color: transparent;
}
.emoji-picker-section-title {
  color: #9cc6ee;
}
.emoji-picker-item {
  border: 1px solid transparent;
  background: rgba(16, 35, 53, 0.72);
  color: #f3f9ff;
}
.emoji-picker-item:hover {
  background: rgba(46, 80, 114, 0.92);
  border-color: rgba(116, 175, 234, 0.34);
}
.emoji-picker-item:focus {
  outline: 2px solid rgba(103, 175, 245, 0.55);
}
.emoji-picker-empty {
  color: var(--muted);
}
.message-link {
  color: #9fd1ff;
  text-decoration-color: rgba(161, 210, 255, 0.68);
}
.message-link:hover {
  color: #d8ebff;
  text-decoration-color: rgba(216, 235, 255, 0.96);
}
.message-mention {
  color: #9ad7ff;
  border-bottom: 1px dashed rgba(154, 215, 255, 0.58);
}
.message-mention:hover {
  color: #d9f0ff;
  border-bottom-color: rgba(217, 240, 255, 0.94);
}
.message-mention:focus-visible {
  outline: 2px solid rgba(112, 185, 247, 0.55);
}
.message-link-preview {
  border: 1px solid rgba(120, 171, 227, 0.4);
  background: rgba(14, 37, 60, 0.5);
  color: inherit;
}
.message-link-preview:hover {
  border-color: rgba(144, 194, 245, 0.72);
  background: rgba(19, 47, 74, 0.66);
}
.message-link-preview-image {
  border: 1px solid rgba(118, 166, 219, 0.35);
  background: rgba(9, 27, 45, 0.52);
}
.message-link-preview-video {
  border: 1px solid rgba(118, 166, 219, 0.35);
  background: rgba(0, 0, 0, 0.24);
}
.message-link-preview-site {
  color: #8ec9ff;
}
.message-link-preview-title {
  color: #e4f1ff;
}
.message-link-preview-desc {
  color: #c2d9ef;
}
.message-invite-preview {
  background: linear-gradient(135deg, rgba(24, 66, 105, 0.76), rgba(15, 43, 72, 0.86));
}
.message-invite-preview-avatar {
  background: linear-gradient(145deg, #4fa8ff, #306dd5);
  color: #f3f9ff;
}
.message-invite-preview-label {
  color: #8fd0ff;
}
.message-invite-preview-title {
  color: #f0f7ff;
}
.message-invite-preview-meta {
  color: #a9c7e4;
}
.message-invite-preview-join {
  border: 1px solid rgba(120, 190, 255, 0.56);
  background: rgba(75, 159, 255, 0.2);
  color: #dff1ff;
}
.message-invite-preview-join:hover:not(:disabled) {
  border-color: rgba(156, 211, 255, 0.86);
  background: rgba(83, 169, 255, 0.34);
  color: #ffffff;
}
.message-bundle {
  border-left: 3px solid rgba(117, 186, 252, 0.82);
  background: rgba(17, 46, 76, 0.4);
}
.message-bundle.nested {
  background: rgba(16, 42, 68, 0.46);
}
.message-bundle-head {
  color: #7fc2ff;
}
.message-bundle.mode-reply .message-bundle-item {
  background: rgba(24, 63, 100, 0.52);
  border: 1px solid rgba(127, 194, 255, 0.26);
}
.message-bundle.mode-reply .message-bundle-item.clickable:hover {
  background: rgba(31, 75, 116, 0.66);
  border-color: rgba(146, 208, 255, 0.52);
}
.message-bundle.mode-forward .message-bundle-item {
  background: rgba(18, 50, 81, 0.42);
  border: 1px solid rgba(104, 168, 230, 0.2);
}
.message-bundle.mode-reply .message-bundle-item.clickable:focus-visible {
  outline: 2px solid rgba(156, 214, 255, 0.9);
}
.message-bundle-sender {
  color: #c9e6ff;
}
.message-bundle-text {
  color: #d6e8fb;
}
.message-bundle-text-toggle {
  background: rgba(83, 145, 210, 0.2);
  color: #b6dcff;
}
.message-bundle-text-toggle:hover {
  background: rgba(100, 168, 238, 0.3);
}
.message-bundle-toggle {
  background: rgba(91, 152, 214, 0.22);
  color: #bfe1ff;
}
.message-bundle-toggle:hover {
  background: rgba(106, 171, 238, 0.34);
}
.message-upload-status {
  color: var(--muted);
}
.message-upload-progress {
  background: rgba(111, 161, 216, 0.27);
}
.message-upload-progress-bar {
  background: linear-gradient(90deg, var(--primary), #75c7ff);
}
.message-upload-cancel {
  background: transparent;
  color: #8ed2ff;
}
.message-media-group {
  border: 1px solid rgba(111, 160, 216, 0.3);
  background: rgba(11, 36, 60, 0.34);
}
.message-media-group-head {
  color: #9ec7f2;
}
.message-media-stack {
  border: 1px solid rgba(111, 160, 216, 0.32);
  background: rgba(11, 36, 60, 0.42);
  color: var(--text);
}
.message-media-stack-badge {
  background: rgba(2, 14, 26, 0.72);
  border: 1px solid rgba(130, 180, 235, 0.58);
  color: #dff1ff;
}
.message-media-stack-title {
  color: #b7dbff;
}
.message-video {
  background: #031324;
}
.message-document {
  border: 1px solid rgba(137, 183, 233, 0.3);
  background: rgba(18, 43, 69, 0.56);
  color: var(--text);
}
.message-document:hover {
  background: rgba(39, 80, 122, 0.62);
  box-shadow: 0 8px 18px rgba(8, 22, 39, 0.28);
}
.message-document-photo-preview {
  border: 1px solid rgba(153, 201, 255, 0.35);
  background: #031324;
}
.message-voice {
  border: 1px solid rgba(122, 184, 242, 0.24);
  background: linear-gradient(180deg, rgba(34, 82, 127, 0.5), rgba(25, 64, 100, 0.46));
}
.message-voice.playing {
  border-color: rgba(138, 203, 255, 0.48);
  box-shadow: 0 0 0 1px rgba(124, 191, 250, 0.14);
}
.message-voice-play {
  border: 1px solid rgba(141, 196, 247, 0.26);
  background: linear-gradient(180deg, rgba(85, 164, 236, 0.92), rgba(68, 125, 211, 0.9));
  color: #eff8ff;
}
.message-voice-slider-track {
  background: rgba(202, 228, 255, 0.2);
}
.message-voice-slider-fill {
  background: rgba(141, 204, 255, 0.98);
}
.message-voice-slider-thumb {
  border: 1px solid rgba(224, 243, 255, 0.92);
  background: #f2fbff;
  box-shadow: 0 0 0 3px rgba(93, 163, 233, 0.26);
}
.message-voice-total {
  color: #8fbbe0;
}
.message-voice-meta {
  color: #c7e2fa;
}
.message-voice-size::before {
  background: rgba(150, 205, 255, 0.75);
}
.message-document-thumb {
  border: 1px solid rgba(153, 201, 255, 0.35);
}
.message-document-icon {
  background: rgba(91, 148, 210, 0.35);
}
.message-document-meta {
  color: var(--muted);
}
.media-compose-card.drop-file-active {
  border-color: #73bcff;
  box-shadow: 0 0 0 2px rgba(115, 188, 255, 0.42), 0 12px 28px rgba(6, 18, 33, 0.45);
}
.media-preview-wrap {
  border: 1px solid #2d4a66;
  background: rgba(9, 25, 42, 0.55);
}
.media-composer-thumb {
  border: 1px solid rgba(104, 155, 214, 0.38);
  background: rgba(13, 30, 49, 0.75);
  color: #cbe6ff;
}
.media-composer-thumb.active {
  border-color: #6fb4ff;
  box-shadow: 0 0 0 1px rgba(111, 180, 255, 0.38);
}
.media-composer-thumb.live-drag {
  box-shadow: 0 8px 24px rgba(4, 17, 31, 0.45), 0 0 0 1px rgba(111, 180, 255, 0.44);
}
.media-composer-thumb.drag-over-before::after,
.media-composer-thumb.drag-over-after::after {
  background: #75beff;
  box-shadow: 0 0 0 1px rgba(117, 190, 255, 0.28);
}
.media-composer-thumb-stack-badge {
  border: 1px solid rgba(157, 204, 248, 0.62);
  background: rgba(9, 24, 40, 0.82);
  color: #d7efff;
}
.media-composer-thumb-doc-toggle {
  border: 1px solid rgba(163, 204, 245, 0.65);
  background: rgba(10, 26, 43, 0.82);
  color: #d4edff;
}
.media-composer-thumb-doc-toggle.active {
  border-color: rgba(117, 200, 255, 0.9);
  color: #fff;
  background: rgba(38, 112, 190, 0.84);
}
.media-composer-thumb-remove {
  border: 1px solid rgba(166, 208, 247, 0.68);
  background: rgba(10, 28, 46, 0.86);
  color: #dff2ff;
}
.media-option-row {
  color: #e3f0ff;
}
.image-editor-stage {
  border: 1px solid #2d4a66;
  background: rgba(7, 23, 38, 0.78);
}
.image-editor-canvas {
  background: #041525;
}
.image-editor-crop {
  border: 2px solid #72b7ff;
  box-shadow: 0 0 0 9999px rgba(1, 6, 12, 0.42);
}
.image-editor-crop.avatar-circle {
  box-shadow: 0 0 0 9999px rgba(1, 6, 12, 0.52);
}
.image-editor-handle {
  border: 2px solid #f5fbff;
  background: #2992ff;
}
.image-editor-avatar-preview {
  border: 1px solid rgba(110, 166, 223, 0.34);
  background: linear-gradient(180deg, rgba(11, 31, 50, 0.86), rgba(8, 24, 40, 0.88)),
    radial-gradient(circle at 76% 20%, rgba(118, 186, 245, 0.14), transparent 56%);
}
.image-editor-avatar-preview-title {
  color: #d7ecff;
}
.image-editor-avatar-preview-item canvas {
  border: 1px solid rgba(123, 179, 236, 0.44);
  background: rgba(5, 20, 34, 0.68);
  box-shadow: inset 0 1px 0 rgba(169, 217, 255, 0.12);
}
.image-editor-avatar-preview-item span {
  color: #9fc4e4;
}
.stack-editor-card.drop-file-active {
  border-color: #73bcff;
  box-shadow: 0 0 0 2px rgba(115, 188, 255, 0.4), 0 12px 28px rgba(6, 18, 33, 0.42);
}
.stack-editor-list {
  border: 1px solid #2d4a66;
  background: rgba(9, 25, 42, 0.45);
}
.stack-editor-empty {
  color: var(--muted);
}
.stack-editor-item {
  border: 1px solid rgba(109, 160, 218, 0.32);
  background: rgba(13, 34, 55, 0.58);
}
.stack-editor-item.live-drag {
  box-shadow: 0 10px 24px rgba(4, 17, 31, 0.45), 0 0 0 1px rgba(111, 180, 255, 0.42);
}
.stack-editor-thumb {
  background: rgba(6, 22, 37, 0.62);
}
.stack-editor-name {
  color: var(--text);
}
.stack-editor-icon-btn {
  border: 1px solid rgba(112, 166, 226, 0.4);
  background: rgba(16, 42, 67, 0.72);
  color: #cbe6ff;
}
.stack-editor-limit {
  color: var(--muted);
}
.stack-editor-pool-list {
  border: 1px solid rgba(83, 124, 164, 0.34);
  background: rgba(8, 22, 37, 0.36);
}
.stack-editor-pool-empty {
  color: var(--muted);
}
.stack-editor-pool-item {
  border: 1px solid rgba(98, 145, 194, 0.28);
  background: rgba(13, 34, 55, 0.5);
}
.stack-editor-pool-add {
  border: 1px solid rgba(110, 167, 226, 0.45);
  background: rgba(17, 47, 77, 0.72);
  color: #d6efff;
}
.media-viewer-overlay {
  background: rgba(3, 10, 20, 0.9);
}
.media-viewer-card {
  border: 1px solid rgba(82, 122, 166, 0.45);
  background: #041426;
  box-shadow: 0 26px 56px rgba(3, 12, 24, 0.52);
}
.media-viewer-nav-zone {
  background: linear-gradient(90deg, rgba(6, 14, 24, 0.4), rgba(6, 14, 24, 0));
  color: #d8ebff;
}
.media-viewer-nav-zone.next {
  background: linear-gradient(270deg, rgba(6, 14, 24, 0.4), rgba(6, 14, 24, 0));
}
.media-viewer-nav-zone:hover {
  color: #fff;
}
.media-viewer-nav-arrow {
  text-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);
}
.media-viewer-thumbs {
  border-top: 1px solid rgba(87, 127, 166, 0.4);
  background: rgba(8, 20, 35, 0.78);
}
.media-viewer-thumb {
  border: 1px solid rgba(92, 139, 184, 0.5);
  background: rgba(12, 27, 44, 0.7);
  color: #d3ebff;
}
.media-viewer-thumb.active {
  border-color: #83c3ff;
}
.delete-message-hint {
  color: #9abada;
}
.side-menu-overlay {
  background: rgba(3, 10, 20, 0.56);
}
.side-menu-panel {
  background: var(--bg-panel);
  border-right: 1px solid var(--line);
}
.menu-user-card {
  border: 1px solid var(--line);
  background: var(--bg-panel-2);
}
.user-meta {
  color: var(--muted);
}
.menu-item-btn {
  border: 1px solid var(--line);
  background: transparent;
  color: var(--text);
}
.menu-item-btn:hover {
  background: var(--bg-hover);
}
.side-menu-action-icon {
  background: rgba(72, 132, 190, 0.18);
  color: #9ecfff;
}
.side-menu-action-title {
  color: var(--text);
}
.side-menu-action-subtitle {
  color: var(--muted);
}
.menu-theme-row {
  border: 1px solid var(--line);
}
.menu-theme-select-wrap::after {
  color: var(--text-soft);
}
.menu-theme-select {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, var(--bg-panel-2), var(--bg-panel));
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.menu-theme-select:hover {
  border-color: color-mix(in srgb, var(--line) 55%, var(--primary) 45%);
  background: linear-gradient(180deg, var(--bg-hover), var(--bg-panel));
}
.menu-theme-select:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--primary) 68%, white 32%);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent);
}
.menu-theme-select option {
  background: var(--bg-panel);
  color: var(--text);
}
.theme-switch input {
  background: transparent;
}
.theme-slider {
  border: 1px solid var(--line);
  background: rgba(86, 133, 177, 0.42);
}
.theme-slider::before {
  border: 1px solid rgba(93, 126, 162, 0.6);
  background: #f7fbff;
}
.theme-switch input:checked + .theme-slider {
  border-color: rgba(96, 160, 227, 0.65);
  background: linear-gradient(145deg, var(--primary), var(--primary-2));
}
.folder-menu-overlay {
  background: rgba(3, 10, 20, 0.58);
}
.folder-menu-panel {
  border-right: 1px solid rgba(69, 110, 151, 0.46);
  background: linear-gradient(180deg, #172638, #101d2b 54%, #0d1825);
  color: #edf6ff;
  box-shadow: 18px 0 42px rgba(3, 10, 20, 0.38);
}
.folder-menu-kicker {
  color: #69baff;
}
.folder-menu-close {
  border: 1px solid rgba(131, 176, 222, 0.35);
  background: rgba(12, 30, 48, 0.72);
  color: #d8ecff;
}
.folder-menu-close:hover {
  background: rgba(28, 61, 92, 0.76);
}
.folder-menu-hero {
  background: rgba(31, 47, 65, 0.72);
}
.folder-menu-hero-icon {
  filter: drop-shadow(0 14px 18px rgba(4, 12, 21, 0.28));
}
.folder-menu-hero p {
  color: #9db5cc;
}
.folder-menu-section-title {
  color: #72c3ff;
}
.folder-menu-row:hover,
.folder-menu-recommendation:hover {
  background: rgba(44, 74, 105, 0.32);
}
.folder-menu-row-icon {
  color: #55aef2;
}
.folder-menu-row-title {
  color: #eef7ff;
}
.folder-menu-row-meta,
.folder-menu-note {
  color: #8ea8c3;
}
.folder-menu-icon-btn {
  background: transparent;
  color: #8fa9c2;
}
.folder-menu-edit-btn:hover {
  background: rgba(105, 174, 242, 0.14);
  color: #9cd0ff;
}
.folder-menu-delete-btn:hover {
  background: rgba(255, 110, 138, 0.16);
  color: #ff9daf;
}
.folder-menu-empty {
  border: 1px dashed rgba(125, 169, 210, 0.24);
  color: #8ea8c3;
}
.folder-menu-add-btn,
.folder-menu-pill-btn {
  background: rgba(68, 151, 230, 0.28);
  color: #9ed3ff;
}
.folder-menu-add-btn {
  background: transparent;
}
.folder-menu-add-btn span:first-child {
  background: #4aa1ea;
  color: #fff;
}
.folder-menu-pill-btn {
  background: linear-gradient(145deg, #4a9fff, #2f75d6);
  color: #fff;
}
.folder-menu-divider {
  background: rgba(29, 45, 62, 0.86);
  border-top: 1px solid rgba(81, 119, 158, 0.18);
  border-bottom: 1px solid rgba(81, 119, 158, 0.18);
}
.folder-menu-radio-row {
  color: #edf6ff;
}
.folder-menu-radio-row input {
  accent-color: #5aa8f5;
}
.folder-create-field {
  color: #9eb8d2;
}
.folder-create-field input {
  border: 1px solid rgba(124, 169, 214, 0.42);
  background: rgba(7, 21, 36, 0.38);
  color: #edf6ff;
}
.folder-create-field input:focus {
  border-color: #64b7ff;
  box-shadow: 0 0 0 3px rgba(85, 171, 246, 0.16);
}
.folder-create-picker-title {
  color: #d9ecff;
}
.folder-create-chat-list {
  border: 1px solid rgba(103, 151, 197, 0.34);
  background: rgba(5, 18, 32, 0.26);
}
.folder-create-chat-row {
  border: 1px solid rgba(111, 162, 213, 0.24);
  background: rgba(13, 35, 55, 0.58);
  color: #eef7ff;
}
.folder-create-chat-row:hover {
  border-color: rgba(120, 185, 247, 0.48);
  background: rgba(26, 57, 87, 0.72);
}
.folder-create-chat-row:has(.folder-create-chat-checkbox:checked) {
  border-color: rgba(95, 178, 255, 0.58);
  background: linear-gradient(135deg, rgba(38, 91, 141, 0.78), rgba(21, 62, 101, 0.76));
}
.folder-create-chat-checkbox {
  accent-color: #58a8f5;
}
.folder-create-chat-avatar {
  background: linear-gradient(135deg, #4da1f2, #346eaf);
  color: #f2f8ff;
}
.folder-create-chat-title {
  color: #f1f8ff;
}
.folder-create-chat-meta {
  color: #8fb2d0;
}
.folder-create-chat-empty {
  border: 1px dashed rgba(116, 163, 211, 0.34);
  color: #94adc8;
}
.modal-overlay {
  background: rgba(9, 19, 33, 0.65);
}
.modal-card {
  border: 1px solid #2d4662;
  background: linear-gradient(160deg, #10253a, #152d46);
  color: #d7e6f8;
  box-shadow: 0 30px 80px rgba(5, 13, 24, 0.6);
}
.invite-preview-body {
  border: 1px solid rgba(122, 166, 205, 0.26);
  background: linear-gradient(145deg, rgba(22, 57, 88, 0.76), rgba(11, 32, 52, 0.72));
}
.invite-preview-avatar {
  color: #eff7ff;
  background: linear-gradient(145deg, #58a7ee, #2b6eae);
  box-shadow: 0 16px 30px rgba(2, 12, 24, 0.35);
}
.invite-preview-title {
  color: #f0f7ff;
}
.invite-preview-meta {
  color: #9fc5e8;
}
.create-channel-title-label,
.create-channel-description-label {
  color: #8fb3d5;
}
.create-channel-title-wrap input,
.create-channel-description-wrap textarea {
  border-bottom: 2px solid rgba(119, 167, 211, 0.8);
  background: transparent;
  color: #e5f2ff;
}
.create-channel-title-wrap input:focus,
.create-channel-description-wrap textarea:focus {
  border-color: #73bcff;
}
.create-channel-actions .ghost-btn,
.create-channel-actions .primary-btn {
  background: transparent;
  color: #89bce8;
  box-shadow: none;
}
.create-channel-actions .primary-btn {
  color: #67c0ff;
}
.create-channel-actions .ghost-btn:hover,
.create-channel-actions .primary-btn:hover {
  background: rgba(66, 112, 156, 0.24);
  color: #b7dbfa;
}
.private-call-minimize-btn {
  border: 1px solid rgba(136, 182, 224, 0.42);
  background: rgba(20, 48, 76, 0.74);
  color: #d7ebff;
}
.private-call-minimize-btn:hover {
  border-color: rgba(157, 201, 241, 0.62);
  background: rgba(30, 63, 95, 0.86);
}
.private-call-meta {
  color: #9fbfdf;
}
.private-call-connection-badge {
  border: 1px solid rgba(121, 177, 226, 0.42);
  background: rgba(29, 64, 96, 0.58);
  color: #d9edff;
}
.private-call-connection-badge.good {
  border-color: rgba(125, 203, 156, 0.55);
  background: rgba(24, 89, 59, 0.58);
  color: #d8ffe8;
}
.private-call-connection-badge.poor {
  border-color: rgba(222, 149, 109, 0.58);
  background: rgba(101, 54, 28, 0.58);
  color: #ffe8d8;
}
.private-call-timer {
  color: #e0f0ff;
}
.private-call-mute-btn.active {
  border-color: rgba(219, 153, 120, 0.58);
  background: rgba(95, 51, 29, 0.58);
  color: #ffe6d8;
}
.private-call-mic-meter-label {
  color: #9ebfdf;
}
.private-call-mic-meter-track {
  border: 1px solid rgba(115, 162, 205, 0.34);
  background: rgba(18, 45, 70, 0.5);
}
.private-call-mic-meter-fill {
  background: linear-gradient(90deg, rgba(95, 170, 233, 0.94), rgba(128, 219, 170, 0.92));
}
.private-call-field {
  color: #a3c4e4;
}
.private-call-field select {
  border: 1px solid rgba(111, 160, 206, 0.38);
  background: rgba(18, 44, 68, 0.66);
  color: #e3f1ff;
}
.private-call-volume-row {
  color: #9fbfdf;
}
.private-call-volume-row b {
  color: #dfedff;
}
.private-call-log-title {
  color: #a3c4e4;
}
.private-call-log {
  border: 1px solid rgba(113, 160, 204, 0.28);
  background: rgba(12, 33, 53, 0.58);
}
.private-call-log-item {
  background: rgba(34, 74, 112, 0.32);
  border: 1px solid rgba(110, 156, 201, 0.2);
  color: #d8eafc;
}
.private-call-leave-btn {
  border-color: rgba(233, 130, 146, 0.5);
  color: #ffc8cf;
  background: rgba(88, 23, 35, 0.34);
}
.private-call-leave-btn:hover {
  border-color: rgba(244, 165, 178, 0.72);
  background: rgba(112, 32, 47, 0.52);
  color: #ffe4e8;
}
.private-call-decline-btn {
  border-color: rgba(233, 130, 146, 0.5);
  color: #ffc8cf;
  background: rgba(88, 23, 35, 0.34);
}
.private-call-decline-btn:hover {
  border-color: rgba(244, 165, 178, 0.72);
  background: rgba(112, 32, 47, 0.52);
  color: #ffe4e8;
}
.chat-profile-modal-card {
  --profile-surface-0: #081b2d;
  --profile-surface-1: #0d2a44;
  --profile-surface-2: #123654;
  --profile-accent: #68bbff;
  border-color: rgba(125, 174, 219, 0.4);
  background: radial-gradient(120% 65% at 12% -10%, rgba(88, 170, 240, 0.34) 0%, rgba(88, 170, 240, 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(4, 12, 21, 0.72);
}
.chat-profile-modal-card::before {
  background: radial-gradient(circle at 22% 20%, rgba(255, 255, 255, 0.1) 0 4px, transparent 5px),
    radial-gradient(circle at 72% 28%, rgba(255, 255, 255, 0.07) 0 3px, transparent 4px);
}
.chat-profile-close-btn {
  border: 1px solid rgba(173, 214, 250, 0.48);
  background: rgba(13, 37, 58, 0.76);
  color: #f1f8ff;
}
.chat-profile-close-btn:hover {
  background: rgba(26, 62, 95, 0.92);
  border-color: rgba(192, 225, 255, 0.66);
}
.chat-profile-top {
  background: radial-gradient(circle at 15% 16%, rgba(255, 255, 255, 0.08) 0 3px, transparent 4px),
    radial-gradient(circle at 70% 18%, rgba(255, 255, 255, 0.07) 0 3px, transparent 4px),
    linear-gradient(162deg, #4b7ab0 0%, #3c6797 44%, #355d89 100%);
  border-bottom: 1px solid rgba(152, 197, 239, 0.2);
}
.chat-profile-avatar {
  border: 2px solid rgba(222, 241, 255, 0.36);
  background: linear-gradient(145deg, #3d7ec8, #5eb9f8);
  color: #f3f9ff;
  box-shadow: 0 8px 16px rgba(4, 18, 31, 0.3);
}
.chat-profile-name {
  color: #f3f9ff;
  text-shadow: 0 1px 10px rgba(7, 24, 41, 0.3);
}
.chat-profile-status {
  color: rgba(236, 246, 255, 0.94);
}
.chat-profile-quick-actions {
  background: rgba(16, 48, 77, 0.72);
  border-bottom: 1px solid rgba(147, 187, 226, 0.22);
}
.chat-profile-quick-btn {
  border: 1px solid rgba(166, 205, 240, 0.34);
  background: linear-gradient(180deg, rgba(26, 62, 95, 0.82), rgba(16, 43, 69, 0.82));
  color: #edf7ff;
}
.chat-profile-quick-btn.active {
  border-color: rgba(194, 228, 255, 0.64);
  background: linear-gradient(180deg, rgba(39, 82, 121, 0.9), rgba(24, 58, 90, 0.92));
}
.chat-profile-quick-btn.muted {
  border-color: rgba(126, 163, 196, 0.38);
  background: linear-gradient(180deg, rgba(17, 45, 70, 0.82), rgba(13, 36, 57, 0.84));
}
#chatProfileMoreBtn:disabled {
  border-color: rgba(166, 205, 240, 0.34);
  background: linear-gradient(180deg, rgba(26, 62, 95, 0.82), rgba(16, 43, 69, 0.82));
  color: #edf7ff;
}
.chat-profile-quick-btn:not(:disabled):hover {
  border-color: rgba(203, 232, 255, 0.6);
}
.chat-profile-members-column {
  border-left: 1px solid rgba(144, 187, 226, 0.2);
  background: rgba(6, 27, 44, 0.9);
}
.chat-profile-info-block {
  background: rgba(7, 28, 47, 0.88);
  border-bottom: 1px solid rgba(141, 181, 221, 0.2);
}
.chat-profile-main-line {
  color: #deefff;
}
.chat-profile-bio-toggle-btn {
  background: none;
  color: #8fc9ff;
}
.chat-profile-bio-toggle-btn:hover {
  color: #b4ddff;
}
.chat-profile-main-line.copyable {
  text-decoration-color: rgba(130, 193, 255, 0.48);
}
.chat-profile-main-line.copyable:hover {
  color: #9dd4ff;
  text-decoration-color: rgba(157, 212, 255, 0.9);
}
.chat-profile-main-line#chatProfileUsername {
  color: #9cd3ff;
}
.chat-profile-sub-line {
  color: #93bce1;
}
.chat-profile-type-line {
  color: #bfdaf3;
}
.chat-profile-stats {
  background: rgba(5, 23, 39, 0.94);
}
.chat-profile-body.has-members .chat-profile-stats {
  border-right: 1px solid rgba(143, 185, 224, 0.18);
}
.chat-profile-stat-row {
  color: #e5f3ff;
  background: rgba(14, 40, 64, 0.5);
  border: 1px solid rgba(117, 161, 202, 0.22);
}
.chat-profile-stat-action {
  background: rgba(14, 40, 64, 0.5);
}
.chat-profile-stat-action:hover {
  background: rgba(70, 143, 210, 0.24);
  border-color: rgba(158, 205, 244, 0.34);
}
.chat-profile-stat-action:focus-visible {
  background: rgba(84, 156, 220, 0.24);
  box-shadow: inset 0 0 0 1px rgba(145, 201, 255, 0.65);
}
.chat-profile-stat-action.disabled,
.chat-profile-stat-action:disabled {
  background: transparent;
  box-shadow: none;
}
.chat-profile-stat-ico {
  color: #aad4f9;
}
.chat-profile-members-block {
  border-bottom: 1px solid rgba(147, 187, 226, 0.22);
  background: rgba(10, 34, 53, 0.88);
}
.chat-profile-members-title-wrap {
  color: #f1f8ff;
}
.chat-profile-members-ico {
  color: #92c8f4;
}
.chat-profile-members-btn {
  border: 1px solid rgba(172, 211, 246, 0.35);
  background: rgba(17, 47, 74, 0.78);
  color: #dff0ff;
}
.chat-profile-members-btn:hover {
  background: rgba(34, 70, 103, 0.95);
  border-color: rgba(195, 226, 253, 0.56);
}
.chat-profile-members-btn.active {
  border-color: rgba(110, 184, 255, 0.72);
  background: rgba(63, 137, 207, 0.32);
  color: #ffffff;
}
.chat-profile-members-search {
  border: 1px solid rgba(147, 187, 226, 0.28);
  background: rgba(8, 29, 47, 0.72);
  box-shadow: inset 0 0 0 1px rgba(10, 34, 53, 0.28);
}
.chat-profile-members-search-ico {
  color: #8fc7f5;
}
.chat-profile-members-search input {
  background: transparent;
  color: #eef8ff;
}
.chat-profile-members-search input::placeholder {
  color: #82a9c9;
}
.chat-profile-members-search-clear {
  background: rgba(65, 112, 155, 0.36);
  color: #dcedfb;
}
.chat-profile-members-search-clear:hover {
  background: rgba(88, 146, 200, 0.48);
}
.chat-profile-members-list {
  background: transparent;
}
.chat-profile-member-row {
  border: 1px solid rgba(115, 158, 198, 0.18);
  background: rgba(14, 41, 64, 0.5);
}
.chat-profile-member-row.clickable:hover {
  background: rgba(70, 143, 210, 0.2);
  border-color: rgba(153, 198, 237, 0.35);
}
.chat-profile-member-row.clickable:focus-visible {
  background: rgba(86, 161, 233, 0.22);
  box-shadow: inset 0 0 0 1px rgba(146, 203, 255, 0.62);
}
.chat-profile-member-avatar {
  background: linear-gradient(145deg, #3c79bf, #58b0f2);
  color: #eff8ff;
}
.chat-profile-member-name {
  color: #eff8ff;
}
.chat-profile-member-status {
  color: #8fb8dc;
}
.chat-profile-member-status.online {
  color: #79d8ff;
}
.chat-profile-member-role {
  border: 1px solid rgba(190, 161, 250, 0.56);
  background: rgba(16, 45, 72, 0.72);
  color: var(--text);
}
.chat-profile-member-role.owner {
  border-color: rgba(190, 161, 250, 0.56);
  color: #e1ccff;
}
.chat-profile-member-role.admin {
  border-color: rgba(118, 225, 153, 0.52);
  color: #a3eec0;
}
.chat-profile-member-remove-btn {
  background: transparent;
  color: #7ebef7;
}
.chat-profile-member-remove-btn:hover {
  color: #d3ebff;
  background: rgba(76, 124, 168, 0.35);
}
.chat-profile-members-empty {
  color: #98bedf;
  border: 1px dashed rgba(118, 161, 199, 0.35);
  background: rgba(15, 40, 62, 0.45);
}
.chat-member-tag-target {
  border: 1px solid rgba(115, 158, 198, 0.2);
  background: rgba(14, 41, 64, 0.44);
}
.chat-member-tag-target-name {
  color: #eff8ff;
}
.chat-member-tag-target-hint {
  color: #90b8db;
}
.chat-member-tag-note {
  color: #88afcf;
}
.chat-profile-member-context-menu {
  border: 1px solid rgba(154, 198, 236, 0.34);
  background: rgba(10, 31, 49, 0.96);
  box-shadow: 0 24px 46px rgba(3, 12, 22, 0.54);
}
.chat-profile-more-menu {
  border: 1px solid rgba(154, 198, 236, 0.34);
  background: rgba(10, 31, 49, 0.98);
  box-shadow: 0 20px 40px rgba(3, 12, 22, 0.54);
}
.chat-profile-more-item {
  background: transparent;
  color: #eaf6ff;
}
.chat-profile-more-item:hover {
  background: rgba(77, 151, 217, 0.22);
}
.chat-profile-more-item.danger {
  color: #ffb8c0;
}
.chat-profile-more-item.danger:hover {
  background: rgba(139, 46, 63, 0.28);
}
.contact-edit-card {
  border-color: rgba(125, 174, 219, 0.4);
  background: radial-gradient(120% 70% at 16% -10%, rgba(75, 150, 220, 0.28) 0%, rgba(75, 150, 220, 0) 58%),
    linear-gradient(176deg, #123654 0%, #0d2a44 52%, #081b2d 100%);
  color: #eaf6ff;
  box-shadow: 0 28px 66px rgba(3, 12, 22, 0.62);
}
.contact-edit-card .modal-head h3 {
  color: #f3f9ff;
}
.contact-edit-avatar-btn {
  border: 1px solid rgba(154, 198, 236, 0.42);
  background: linear-gradient(145deg, rgba(44, 103, 160, 0.9), rgba(84, 169, 242, 0.92));
  color: #f4fbff;
  box-shadow: 0 12px 24px rgba(4, 18, 31, 0.32);
}
.contact-edit-avatar-btn:hover {
  border-color: rgba(192, 225, 255, 0.66);
}
.contact-edit-field {
  color: #9dc6e8;
}
.contact-edit-field input,
.contact-edit-field textarea {
  border: 1px solid rgba(154, 198, 236, 0.38);
  background: rgba(8, 27, 45, 0.74);
  color: #f3f9ff;
}
.contact-edit-field input:focus,
.contact-edit-field textarea:focus {
  border-color: rgba(101, 183, 255, 0.76);
  box-shadow: 0 0 0 3px rgba(83, 166, 240, 0.18);
}
.chat-export-card {
  border-color: var(--line);
  background: linear-gradient(180deg, var(--bg-panel-2), var(--bg-panel));
  color: var(--text);
  box-shadow: var(--shadow);
}
.chat-export-card::-webkit-scrollbar {
  width: 8px;
}
.chat-export-card::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04);
}
.chat-export-card::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(127, 127, 127, 0.45);
}
.chat-export-chat-name {
  color: var(--text-soft);
}
.chat-export-close-btn {
  border-color: var(--line);
  background: var(--bg-panel);
  color: var(--text);
}
.chat-export-close-btn:hover {
  border-color: var(--primary);
  background: var(--bg-hover);
}
.chat-export-note {
  color: var(--muted);
}
.chat-export-section-title {
  color: var(--text-soft);
}
.chat-export-option {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, var(--bg-panel), var(--bg-panel-2));
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.chat-export-option:hover {
  border-color: var(--primary);
  background: var(--bg-hover);
}
.chat-export-option:has(input:checked) {
  border-color: var(--primary);
  background: var(--bg-active);
}
.chat-export-progress-card {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, var(--bg-panel), var(--bg-panel-2));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.chat-export-progress-meta,
.chat-export-stage-row span,
.chat-export-summary {
  color: var(--muted);
}
.chat-export-progress-track {
  background: rgba(0, 0, 0, 0.16);
}
.chat-export-progress-fill {
  background: linear-gradient(90deg, var(--primary), var(--primary-2));
}
.chat-export-card[data-export-status="success"] .chat-export-progress-card {
  border-color: var(--primary);
}
.chat-export-card[data-export-status="error"] .chat-export-progress-card {
  border-color: var(--danger);
}
.chat-export-card[data-export-status="error"] .chat-export-progress-fill {
  background: var(--danger);
}
.chat-export-card[data-export-status="error"] .chat-export-progress-title {
  color: var(--danger);
}
.contact-delete-card {
  border-color: rgba(233, 130, 146, 0.38);
  background: radial-gradient(120% 70% at 12% -12%, rgba(169, 76, 91, 0.28) 0%, rgba(169, 76, 91, 0) 60%),
    linear-gradient(176deg, #123654 0%, #0d2a44 52%, #081b2d 100%);
  color: #eaf6ff;
  box-shadow: 0 28px 66px rgba(3, 12, 22, 0.62);
}
.contact-delete-card .modal-head h3 {
  color: #ffe4e8;
}
.contact-delete-text {
  color: #b6d4ed;
}
.contact-delete-text strong {
  color: #fff1f3;
}
.danger-btn {
  border: 1px solid rgba(238, 138, 154, 0.58);
  background: linear-gradient(180deg, #e45d72, #bb334d);
  color: #fff7f8;
}
.chat-profile-member-context-item {
  border-top: 1px solid rgba(123, 164, 203, 0.22);
  background: transparent;
  color: #eaf6ff;
}
.chat-profile-member-context-item:hover {
  background: rgba(77, 151, 217, 0.22);
}
.chat-profile-member-context-item.danger {
  color: #ffc3c3;
}
.chat-profile-member-context-item.danger:hover {
  background: rgba(214, 80, 80, 0.24);
}
.chat-profile-member-context-ico {
  color: #bcdfff;
}
.chat-profile-add-members-card {
  border-color: rgba(126, 174, 217, 0.42);
  background: linear-gradient(178deg, #0f2d49 0%, #0c243d 100%);
}
.chat-profile-add-members-card .modal-head {
  background: linear-gradient(180deg, rgba(19, 51, 79, 0.98), rgba(14, 39, 62, 0.95));
  border-bottom: 1px solid rgba(144, 186, 224, 0.2);
}
.chat-profile-add-members-card .search-wrap input {
  border: 1px solid rgba(129, 174, 214, 0.42);
  background: rgba(14, 43, 68, 0.7);
  color: #e7f3ff;
}
.chat-profile-add-members-card .search-wrap input:focus {
  border-color: rgba(154, 206, 251, 0.72);
  box-shadow: 0 0 0 2px rgba(87, 162, 232, 0.2);
}
.chat-profile-add-members-card .participant-list {
  border: 1px solid rgba(117, 161, 201, 0.3);
  background: rgba(9, 31, 50, 0.62);
}
.chat-profile-add-members-card .participant-item {
  border-bottom: 1px solid rgba(109, 150, 188, 0.24);
}
.chat-profile-add-members-card .participant-item:hover {
  background: rgba(73, 145, 211, 0.2);
}
.chat-profile-add-members-card .participant-item.selected {
  background: rgba(97, 179, 236, 0.28);
}
.chat-profile-add-members-card .participant-meta {
  color: #9ac4e6;
}
.chat-profile-add-members-card .modal-actions {
  background: linear-gradient(180deg, rgba(14, 39, 62, 0.9), rgba(12, 34, 54, 0.98));
  border-top: 1px solid rgba(140, 183, 222, 0.2);
}
.chat-media-head {
  border-bottom: 1px solid rgba(147, 187, 226, 0.16);
  background: rgba(15, 40, 64, 0.98);
}
.chat-media-title {
  color: #eaf4ff;
}
.chat-media-head-btn {
  border: 1px solid rgba(145, 185, 225, 0.26);
  background: rgba(19, 48, 75, 0.72);
  color: #d6eaff;
}
.chat-media-search-wrap {
  border-bottom: 1px solid rgba(147, 187, 226, 0.12);
  background: rgba(10, 31, 49, 0.96);
}
.chat-media-search-box {
  border: 1px solid rgba(141, 181, 221, 0.34);
  background: rgba(21, 49, 77, 0.78);
  color: #deedff;
}
.chat-media-search-box input {
  background: transparent;
  color: #deedff;
}
.chat-media-content {
  background: rgba(10, 31, 49, 0.98);
}
.chat-media-empty {
  color: #90b4d8;
}
.chat-media-group-title {
  color: #eef7ff;
}
.chat-media-tile {
  background: rgba(16, 44, 70, 0.85);
}
.chat-media-video-duration {
  background: rgba(3, 11, 18, 0.82);
  color: #f2f8ff;
}
.chat-media-file-row,
.chat-media-link-row {
  border-top: 1px solid rgba(141, 181, 221, 0.12);
  background: transparent;
  color: inherit;
}
.chat-media-file-row:hover,
.chat-media-link-row:hover {
  background: rgba(86, 161, 233, 0.12);
}
.chat-media-voice-row {
  border-top: 1px solid rgba(141, 181, 221, 0.12);
}
.chat-media-file-thumb {
  background: rgba(35, 82, 124, 0.86);
  color: #eef7ff;
}
.chat-media-file-name {
  color: #eef8ff;
}
.chat-media-file-size,
.chat-media-file-date {
  color: #8fb4d6;
}
.chat-media-link-avatar {
  background: rgba(62, 117, 174, 0.9);
  color: #ecf7ff;
}
.chat-media-link-title {
  color: #eef8ff;
}
.chat-media-link-summary {
  color: #c6dcf2;
}
.chat-media-link-url {
  color: #82c1ff;
}
.group-manage-modal-card {
  border-color: rgba(128, 175, 217, 0.45);
  background: linear-gradient(178deg, #0f2e49 0%, #0a253e 100%);
  box-shadow: 0 30px 70px rgba(5, 15, 27, 0.62);
}
.group-manage-members-card {
  border-color: rgba(128, 175, 217, 0.45);
  background: linear-gradient(178deg, #0f2e49 0%, #0a253e 100%);
  box-shadow: 0 30px 70px rgba(5, 15, 27, 0.62);
}
.group-admin-permissions-card {
  border-color: rgba(128, 175, 217, 0.45);
  background: linear-gradient(178deg, #0f2e49 0%, #0a253e 100%);
  box-shadow: 0 30px 70px rgba(5, 15, 27, 0.62);
}
.group-admin-permissions-target {
  color: #9fc8eb;
}
.group-manage-members-list {
  border: 1px solid rgba(122, 166, 205, 0.24);
  background: rgba(8, 31, 49, 0.48);
}
.group-manage-members-search {
  border: 1px solid rgba(122, 166, 205, 0.28);
  background: rgba(8, 31, 49, 0.58);
  box-shadow: inset 0 0 0 1px rgba(18, 57, 89, 0.22);
}
.group-manage-members-search-ico {
  color: #95c9f5;
}
.group-manage-members-search input {
  background: transparent;
  color: #edf7ff;
}
.group-manage-members-search input::placeholder {
  color: #89accd;
}
.group-manage-members-search-clear {
  background: rgba(66, 118, 166, 0.34);
  color: #ddecfb;
}
.group-manage-members-search-clear:hover {
  background: rgba(91, 153, 210, 0.46);
}
.group-manage-head {
  border-bottom: 1px solid rgba(141, 181, 221, 0.22);
  background: linear-gradient(180deg, rgba(20, 53, 83, 0.98), rgba(16, 42, 66, 0.95));
}
.group-manage-head h3 {
  color: #f1f8ff;
}
.group-manage-top {
  background: rgba(8, 31, 49, 0.5);
  border-bottom: 1px solid rgba(137, 178, 217, 0.17);
}
.group-manage-avatar {
  border: 2px solid rgba(202, 228, 252, 0.35);
  box-shadow: 0 12px 26px rgba(4, 17, 29, 0.34);
}
.group-manage-avatar:hover {
  border-color: rgba(159, 211, 255, 0.68);
  box-shadow: 0 14px 26px rgba(5, 19, 33, 0.42);
}
.group-manage-avatar:focus-visible {
  border-color: #79beff;
  box-shadow: 0 0 0 3px rgba(95, 167, 233, 0.25), 0 14px 26px rgba(5, 19, 33, 0.42);
}
.group-manage-field {
  color: #9cc3e4;
}
.group-manage-field input,
.group-manage-field textarea {
  border: 1px solid rgba(122, 168, 208, 0.38);
  background: rgba(10, 34, 55, 0.62);
  color: #e6f0ff;
}
.group-manage-field input:focus,
.group-manage-field textarea:focus {
  border-color: #79beff;
  box-shadow: 0 0 0 2px rgba(95, 167, 233, 0.22);
}
.group-manage-static-list {
  border-top: 1px solid rgba(141, 181, 221, 0.18);
  border-bottom: 1px solid rgba(141, 181, 221, 0.18);
  background: rgba(9, 30, 48, 0.56);
}
.group-manage-row {
  color: #ddeeff;
  background: rgba(16, 44, 69, 0.52);
  border: 1px solid rgba(122, 166, 205, 0.2);
}
.group-manage-invite-controls input {
  border: 1px solid rgba(122, 166, 205, 0.34);
  background: rgba(8, 28, 45, 0.62);
  color: #d9ecff;
}
.group-manage-invite-controls input:focus {
  border-color: rgba(122, 189, 236, 0.72);
  box-shadow: 0 0 0 2px rgba(94, 154, 214, 0.24);
}
.group-manage-row-button:hover {
  border-color: rgba(143, 189, 230, 0.46);
  background: rgba(22, 57, 88, 0.7);
}
.group-manage-row span:last-child {
  color: #94d0ff;
}
.group-manage-danger {
  color: #ff9caf;
  border: 1px solid rgba(204, 105, 129, 0.44);
  background: rgba(89, 23, 40, 0.34);
}
.group-manage-danger:hover {
  border-color: rgba(225, 130, 153, 0.72);
  background: rgba(109, 31, 51, 0.42);
}
.channel-delete-modal-card {
  border-color: rgba(128, 175, 217, 0.45);
  background: linear-gradient(178deg, #0f2e49 0%, #0a253e 100%);
  box-shadow: 0 30px 70px rgba(5, 15, 27, 0.62);
}
.channel-delete-head {
  border-bottom: 1px solid rgba(141, 181, 221, 0.22);
}
.channel-delete-note {
  color: #9fc3e4;
}
.channel-delete-summary {
  border: 1px solid rgba(122, 166, 205, 0.26);
  background: rgba(8, 31, 49, 0.5);
}
.channel-delete-summary-label {
  color: #8fb7d8;
}
.channel-delete-summary-name {
  color: #eef7ff;
}
.channel-delete-actions {
  border-top: 1px solid rgba(141, 181, 221, 0.2);
  background: linear-gradient(180deg, rgba(14, 39, 61, 0.88), rgba(12, 33, 53, 0.96));
}
.group-manage-actions {
  border-top: 1px solid rgba(141, 181, 221, 0.2);
  background: linear-gradient(180deg, rgba(14, 39, 61, 0.88), rgba(12, 33, 53, 0.96));
}
.modal-head h3 {
  color: #eef6ff;
}
.avatar-picker {
  background: linear-gradient(145deg, #2a5ea5, #4da6f0);
}
.avatar-picker span {
  color: #f7fbff;
}
.group-name-wrap input,
.search-wrap input {
  background: transparent;
  border-bottom: 2px solid #4a84c0;
  color: #e6f0ff;
}
.group-name-wrap input:focus,
.search-wrap input:focus {
  border-color: #74baff;
}
.selected-counter {
  color: #8fb0cf;
}
.chat-profile-closure-notice {
  border: 1px solid rgba(243, 186, 112, 0.4);
  background: rgba(96, 64, 22, 0.34);
}
.chat-profile-closure-text {
  color: #ffdba8;
}
.chat-profile-closure-cancel-btn {
  border: 1px solid rgba(143, 193, 235, 0.46);
  background: rgba(18, 53, 84, 0.7);
  color: #e2f0ff;
}
.chat-profile-closure-cancel-btn:hover {
  border-color: rgba(164, 210, 248, 0.66);
  background: rgba(28, 72, 110, 0.78);
}
.group-closure-modal-card {
  border-color: rgba(128, 175, 217, 0.45);
  background: linear-gradient(178deg, #0f2e49 0%, #0a253e 100%);
  box-shadow: 0 30px 70px rgba(5, 15, 27, 0.62);
}
.group-closure-step-dot {
  border: 1px solid rgba(130, 176, 215, 0.3);
  color: #9dc4e6;
  background: rgba(12, 39, 62, 0.66);
}
.group-closure-step-dot.active {
  color: #f4fbff;
  background: rgba(71, 143, 211, 0.48);
  border-color: rgba(147, 202, 255, 0.65);
}
.group-closure-title {
  color: #f0f8ff;
}
.group-closure-note {
  color: #a8c9e7;
}
.group-closure-toggle-row {
  border: 1px solid rgba(122, 166, 205, 0.26);
  background: rgba(14, 41, 64, 0.58);
  color: #deefff;
}
.group-closure-slider {
  background: transparent;
}
.group-closure-slider::-webkit-slider-runnable-track {
  border: 1px solid rgba(121, 173, 216, 0.46);
  background: linear-gradient(
    90deg,
    #61b8ff 0%,
    #61b8ff var(--group-closure-progress),
    rgba(69, 108, 147, 0.42) var(--group-closure-progress),
    rgba(69, 108, 147, 0.42) 100%
  );
}
.group-closure-slider::-webkit-slider-thumb {
  border: 2px solid rgba(220, 241, 255, 0.9);
  background: radial-gradient(circle at 34% 30%, #ffffff 0%, #d9efff 40%, #79befb 100%);
  box-shadow: 0 6px 16px rgba(6, 20, 34, 0.46);
}
.group-closure-slider::-moz-range-track {
  border: 1px solid rgba(121, 173, 216, 0.46);
  background: rgba(69, 108, 147, 0.42);
}
.group-closure-slider::-moz-range-progress {
  background: #61b8ff;
}
.group-closure-slider::-moz-range-thumb {
  border: 2px solid rgba(220, 241, 255, 0.9);
  background: radial-gradient(circle at 34% 30%, #ffffff 0%, #d9efff 40%, #79befb 100%);
  box-shadow: 0 6px 16px rgba(6, 20, 34, 0.46);
}
.group-closure-slider-labels {
  color: #92badb;
}
.group-closure-final-hint {
  color: #ffbea6;
}
.group-closure-final-hint.error {
  color: #ff9e8a;
}
.participant-list {
  border: 1px solid #2e4c69;
}
.participant-item {
  border-bottom: 1px solid #233a55;
  background: transparent;
  color: #d8e8f9;
}
.participant-item-empty {
  color: #a8c0d8;
}
.participant-item.selected {
  background: rgba(106, 193, 235, 0.22);
}
.participant-avatar {
  color: #fff;
  background: linear-gradient(145deg, #396bc1, #56a3e9);
}
.participant-meta {
  color: #88a5c1;
}
.participant-check {
  color: #7fd2ff;
}
.forward-target-list {
  border: 1px solid #2f4c69;
}
.forward-list-section {
  color: #8fb0d1;
  border-bottom: 1px solid #2a4360;
  background: rgba(17, 42, 68, 0.48);
}
.forward-target-row {
  border-bottom: 1px solid #233a55;
  background: transparent;
  color: #d8e8f9;
}
.forward-target-row:hover {
  background: rgba(106, 161, 220, 0.16);
}
.forward-target-row.selected {
  background: rgba(97, 162, 230, 0.26);
}
.forward-target-avatar {
  border: 1px solid rgba(141, 189, 236, 0.4);
  background: linear-gradient(145deg, #3a73b2, #4ea0e8);
  color: #f4f9ff;
}
.forward-target-meta {
  color: #90b4d4;
}
.forward-target-empty {
  color: #8eafcf;
}
.settings-modal-card {
  border-color: #2c4764;
  background: linear-gradient(180deg, #10253a, #102338 64%, #0f2133 100%);
  color: #d6e8fb;
}
.settings-modal-head h3 {
  color: #eff7ff;
}
.settings-head-btn {
  border: 1px solid rgba(125, 168, 208, 0.36);
  background: rgba(12, 34, 54, 0.64);
  color: #e7f2ff;
}
.settings-head-btn:hover:not(:disabled) {
  background: rgba(21, 52, 80, 0.9);
}
.settings-pages {
  border-top: 1px solid rgba(125, 169, 211, 0.16);
}
.settings-page {
  background: transparent;
}
.settings-home-profile-card {
  background: linear-gradient(180deg, #224160, #1d3956);
  border-bottom: 1px solid rgba(134, 176, 216, 0.22);
  color: #e5f3ff;
}
.settings-home-profile-avatar {
  background: linear-gradient(145deg, #2f67a8, #56a6ef);
  color: #f1f8ff;
}
.settings-home-profile-name {
  color: #f2f9ff;
}
.settings-home-profile-username {
  color: #85bdee;
}
.settings-home-profile-extra {
  color: #78c0ff;
}
.settings-entry-separator {
  border-top: 1px solid rgba(126, 170, 210, 0.15);
  border-bottom: 1px solid rgba(126, 170, 210, 0.15);
  background: rgba(11, 31, 49, 0.52);
}
.settings-entry-btn {
  border-bottom: 1px solid rgba(129, 174, 214, 0.18);
  background: transparent;
  color: #e4f2ff;
}
.settings-entry-btn:hover {
  background: rgba(35, 65, 93, 0.52);
}
.settings-entry-separator-danger {
  border-top-color: rgba(255, 142, 142, 0.26);
  border-bottom-color: rgba(255, 142, 142, 0.24);
  background: rgba(57, 17, 22, 0.36);
}
.settings-entry-btn.settings-entry-danger {
  border-bottom-color: rgba(255, 146, 146, 0.24);
  color: #ffd8de;
}
.settings-entry-btn.settings-entry-danger .settings-entry-icon {
  color: #ff9dac;
}
.settings-entry-btn.settings-entry-danger .settings-entry-hint {
  color: #ff9fb0;
}
.settings-entry-btn.settings-entry-danger:hover {
  background: rgba(85, 28, 39, 0.45);
}
.settings-entry-main .settings-entry-icon {
  color: #a8d0f8;
}
.settings-entry-hint {
  color: #8db5d9;
}
.settings-entry-hint.value {
  color: #73beff;
}
.settings-language-select {
  border: 1px solid rgba(122, 169, 212, 0.45);
  background: rgba(14, 41, 64, 0.82);
  color: #dff0ff;
}
.settings-language-select:focus {
  border-color: #6eb5f8;
  box-shadow: 0 0 0 2px rgba(86, 165, 233, 0.28);
}
.settings-page-head {
  border-bottom: 1px solid rgba(126, 170, 210, 0.2);
  background: rgba(14, 36, 56, 0.72);
}
.settings-page-title {
  color: #eaf4ff;
}
.settings-back-btn {
  border: 1px solid rgba(130, 176, 217, 0.42);
  background: rgba(15, 41, 63, 0.65);
  color: #b8d7f4;
}
.settings-back-btn:hover {
  background: rgba(25, 56, 84, 0.9);
  color: #e5f2ff;
}
.settings-field {
  color: #91b5d7;
}
.settings-field input {
  border: 1px solid rgba(123, 168, 209, 0.34);
  background: rgba(10, 32, 52, 0.86);
  color: #e4f2ff;
}
.settings-field textarea {
  border: 1px solid rgba(123, 168, 209, 0.34);
  background: rgba(10, 32, 52, 0.86);
  color: #e4f2ff;
}
.settings-field input:focus {
  outline: 2px solid rgba(103, 170, 238, 0.5);
  border-color: var(--primary);
}
.settings-field textarea:focus {
  outline: 2px solid rgba(103, 170, 238, 0.5);
  border-color: var(--primary);
}
.settings-field-counter {
  color: #7ea6cb;
}
.settings-block {
  border: 1px solid rgba(124, 170, 210, 0.24);
  background: rgba(13, 36, 57, 0.64);
}
.settings-block-title {
  color: #e6f3ff;
}
.settings-admin-hero-subtitle {
  color: #8fb8dc;
}
.settings-admin-error {
  border: 1px solid rgba(221, 117, 136, 0.36);
  background: rgba(94, 29, 44, 0.4);
  color: #ffc4cf;
}
.settings-admin-value {
  color: #f3f9ff;
}
.settings-admin-note {
  color: #8fb8dc;
}
.settings-admin-service-row {
  color: #deefff;
}
.settings-admin-service-badge {
  border: 1px solid rgba(136, 183, 224, 0.34);
  background: rgba(18, 50, 80, 0.64);
  color: #f2f8ff;
}
.settings-admin-metric {
  border: 1px solid rgba(123, 168, 208, 0.26);
  background: rgba(12, 35, 55, 0.48);
}
.settings-admin-metric span {
  color: #8fb8dc;
}
.settings-admin-metric b {
  color: #eef7ff;
}
.settings-version-value {
  border: 1px solid rgba(124, 176, 222, 0.45);
  background: rgba(16, 52, 83, 0.64);
  color: #9fd6ff;
}
.settings-log-entry {
  border: 1px solid rgba(124, 169, 210, 0.22);
  background: rgba(9, 28, 45, 0.64);
}
.settings-log-entry-version {
  color: #dff0ff;
}
.settings-log-entry-date {
  color: #8fb4d6;
}
.settings-log-entry-items {
  color: #d6e8fa;
}
.sound-setting {
  color: var(--muted);
}
.sound-setting b {
  color: var(--text);
}
.sound-setting input[type="range"] {
  border: 1px solid rgba(98, 141, 184, 0.38);
  background: rgba(98, 141, 184, 0.22);
  accent-color: var(--primary);
}
.sound-setting input[type="range"]::-webkit-slider-runnable-track {
  background: rgba(98, 141, 184, 0.24);
}
.sound-setting input[type="range"]::-webkit-slider-thumb {
  border: 2px solid var(--bg-panel-2);
  background: linear-gradient(145deg, var(--primary), var(--primary-2));
  box-shadow: 0 2px 10px rgba(20, 39, 62, 0.38);
}
.sound-setting input[type="range"]::-moz-range-track {
  background: rgba(98, 141, 184, 0.24);
}
.sound-setting input[type="range"]::-moz-range-progress {
  background: linear-gradient(145deg, var(--primary), var(--primary-2));
}
.sound-setting input[type="range"]::-moz-range-thumb {
  border: 2px solid var(--bg-panel-2);
  background: linear-gradient(145deg, var(--primary), var(--primary-2));
  box-shadow: 0 2px 10px rgba(20, 39, 62, 0.38);
}
.sound-setting input[type="range"]:focus-visible {
  outline: 2px solid rgba(103, 170, 238, 0.48);
}
.settings-switch-label {
  color: #d6e9fb;
}
.settings-password-modal-card {
  background: linear-gradient(180deg, #13395d, #0f2f4d 62%, #0b2742 100%);
  border: 1px solid rgba(118, 167, 210, 0.34);
  box-shadow: 0 22px 62px rgba(6, 17, 30, 0.45);
}
.settings-trash-btn {
  color: #ff9bb0;
  border-color: rgba(209, 137, 160, 0.56);
}
.settings-trash-btn:hover {
  background: rgba(103, 30, 48, 0.38);
  color: #ffe5ec;
  border-color: rgba(235, 154, 180, 0.74);
}
.settings-modal-card .ghost-btn {
  border-color: rgba(123, 172, 214, 0.42);
  color: #b8d6f1;
}
.settings-modal-card .ghost-btn:hover {
  background: rgba(34, 66, 96, 0.7);
  color: #e8f4ff;
}
.modal .ghost-btn {
  border-color: #436487;
  color: #d3e2f4;
}
.toast {
  color: #fff;
  background: rgba(22, 33, 50, 0.95);
}
@media (max-width: 1080px) {
  .app-shell {
    box-shadow: none;
  }
  .chat-profile-members-column {
    border-top: 1px solid rgba(143, 185, 224, 0.24);
  }
  .emoji-picker-panel {
    border-left: 1px solid var(--line);
    box-shadow: -18px 0 34px rgba(4, 13, 24, 0.34);
  }
  .media-viewer-card {
    box-shadow: none;
  }
  #settingsModal .settings-modal-card {
    box-shadow: none;
  }
}