/* =============================================
   ЧАТТЕМЫ — выделены из styles.css
   Каждая тема определяет CSS-переменные на уровне
   .chat-style-{theme}, что позволяет избежать !important
   и унифицировать цвета.
   ============================================= */

/* =============================================
   ТЕМА-ПЕРЕМЕННЫЕ ПО МЕССЕНДЖЕРАМ
   ============================================= */

.chat-style-discord {
    --chat-bg: #36393f;
    --chat-bg-alt: #2f3136;
    --chat-bg-hover: #40444b;
    --chat-border: #202225;
    --chat-text: #dcddde;
    --chat-text-muted: #72767d;
    --chat-text-heading: #ffffff;
    --chat-accent: #5865f2;
    --chat-accent-alt: #57f287;
    --chat-link: #00b0f4;
    --chat-link-hover: #58b9f7;
    --chat-mention: #5a65ea;
    --chat-input-bg: #40444b;
    --chat-input-border: #202225;
    --chat-input-text: #dcddde;
    --chat-input-placeholder: #72767d;
    --chat-btn-bg: transparent;
    --chat-btn-color: #b9bbbe;
    --chat-btn-hover-bg: #4f545c;
    --chat-btn-hover-color: #dcddde;
    --chat-msg-own-bg: #36393f;
    --chat-msg-other-bg: #36393f;
    --chat-msg-hover-bg: rgba(4,4,5,0.07);
    --chat-actions-bg: #36393f;
    --chat-actions-border: #202225;
    --chat-action-btn-color: #b9bbbe;
    --chat-action-btn-hover-bg: #40444b;
    --chat-action-btn-hover-color: #dcddde;
    --chat-reply-bg: rgba(255,255,255,0.04);
    --chat-reply-border: #5865f2;
    --chat-private-color: #57f287;
    --chat-date-color: #72767d;
    --chat-date-border: #202225;
    --chat-sidebar-bg: #2f3136;
    --chat-sidebar-border: #202225;
    --chat-sticker-picker-bg: #2f3136;
    --chat-sticker-picker-border: #202225;
    --chat-ctx-bg: #36393f;
    --chat-ctx-border: #202225;
    --chat-ctx-text: #dcddde;
    --chat-ctx-hover: #40444b;
    --chat-user-self-bg: #40444b;
    --chat-user-self-color: #ffffff;
    --chat-user-hover-bg: rgba(255,255,255,0.04);
    --chat-inline-edit-bg: #40444b;
    --chat-inline-edit-border: #5865f2;
    --chat-inline-edit-color: #dcddde;
    --chat-file-upload-bg: #2f3136;
}

.chat-style-telegram {
    --chat-bg: #0e1621;
    --chat-bg-alt: #17212b;
    --chat-bg-hover: #242f3d;
    --chat-border: #242f3d;
    --chat-text: #ffffff;
    --chat-text-muted: #5c6370;
    --chat-text-heading: #ffffff;
    --chat-accent: #3390ec;
    --chat-accent-alt: #53bdeb;
    --chat-link: #5eb3f6;
    --chat-link-hover: #5eb3f6;
    --chat-mention: #5eb3f6;
    --chat-input-bg: #17212b;
    --chat-input-border: #242f3d;
    --chat-input-text: #ffffff;
    --chat-input-placeholder: #5c6370;
    --chat-btn-bg: transparent;
    --chat-btn-color: #707579;
    --chat-btn-hover-bg: rgba(112,117,121,0.15);
    --chat-btn-hover-color: #3390ec;
    --chat-msg-own-bg: #2b5278;
    --chat-msg-other-bg: #1e2732;
    --chat-msg-hover-bg: transparent;
    --chat-actions-bg: #17212b;
    --chat-actions-border: #242f3d;
    --chat-action-btn-color: #8c98a5;
    --chat-action-btn-hover-bg: #242f3d;
    --chat-action-btn-hover-color: #e9edef;
    --chat-reply-bg: rgba(255,255,255,0.06);
    --chat-reply-border: #3390ec;
    --chat-private-color: #53bdeb;
    --chat-date-color: #5c6370;
    --chat-date-border: #242f3d;
    --chat-sidebar-bg: #17212b;
    --chat-sidebar-border: #242f3d;
    --chat-sticker-picker-bg: #2b2b2b;
    --chat-sticker-picker-border: #3a3a3a;
    --chat-ctx-bg: #17212b;
    --chat-ctx-border: #242f3d;
    --chat-ctx-text: #ffffff;
    --chat-ctx-hover: #242f3d;
    --chat-user-self-bg: rgba(255,255,255,0.1);
    --chat-user-self-color: #ffffff;
    --chat-user-hover-bg: rgba(255,255,255,0.05);
    --chat-inline-edit-bg: #17212b;
    --chat-inline-edit-border: #3390ec;
    --chat-inline-edit-color: #fff;
    --chat-file-upload-bg: #242f3d;
}

.chat-style-slack {
    --chat-bg: #ffffff;
    --chat-bg-alt: #f8f8f8;
    --chat-bg-hover: #f8f8f8;
    --chat-border: #e8e8e8;
    --chat-text: #1d1c1d;
    --chat-text-muted: #616061;
    --chat-text-heading: #1d1c1d;
    --chat-accent: #4A154B;
    --chat-accent-alt: #1264a3;
    --chat-link: #0d4f8b;
    --chat-link-hover: #0d4f8b;
    --chat-mention: #4A154B;
    --chat-input-bg: #ffffff;
    --chat-input-border: #e8e8e8;
    --chat-input-text: #1d1c1d;
    --chat-input-placeholder: #616061;
    --chat-btn-bg: #4A154B;
    --chat-btn-color: white;
    --chat-btn-hover-bg: #611f69;
    --chat-btn-hover-color: white;
    --chat-msg-own-bg: #4A154B;
    --chat-msg-own-text: #ffffff;
    --chat-msg-other-bg: #f8f8f8;
    --chat-msg-other-text: #1d1c1d;
    --chat-msg-hover-bg: transparent;
    --chat-actions-bg: #ffffff;
    --chat-actions-border: #e8e8e8;
    --chat-action-btn-color: #616061;
    --chat-action-btn-hover-bg: #f8f8f8;
    --chat-action-btn-hover-color: #1d1c1d;
    --chat-reply-bg: rgba(0,0,0,0.04);
    --chat-reply-border: #4A154B;
    --chat-private-color: #1264a3;
    --chat-date-color: #616061;
    --chat-date-border: #e8e8e8;
    --chat-sidebar-bg: #f8f8f8;
    --chat-sidebar-border: #e8e8e8;
    --chat-sticker-picker-bg: #ffffff;
    --chat-sticker-picker-border: #e8e8e8;
    --chat-ctx-bg: #ffffff;
    --chat-ctx-border: #e8e8e8;
    --chat-ctx-text: #1d1c1d;
    --chat-ctx-hover: #f8f8f8;
    --chat-user-self-bg: rgba(0,0,0,0.06);
    --chat-user-self-color: #1d1c1d;
    --chat-user-hover-bg: rgba(0,0,0,0.04);
    --chat-inline-edit-bg: #fff;
    --chat-inline-edit-border: #4A154B;
    --chat-inline-edit-color: #1d1c1d;
    --chat-file-upload-bg: #f8f8f8;
}

.chat-style-teams {
    --chat-bg: #f3f2f1;
    --chat-bg-alt: #ffffff;
    --chat-bg-hover: #f3f2f1;
    --chat-border: #edebe9;
    --chat-text: #252423;
    --chat-text-muted: #605e5c;
    --chat-text-heading: #252423;
    --chat-accent: #464eb8;
    --chat-accent-alt: #5c5bd6;
    --chat-link: #1e2a78;
    --chat-link-hover: #1e2a78;
    --chat-mention: #464eb8;
    --chat-input-bg: #ffffff;
    --chat-input-border: #edebe9;
    --chat-input-text: #252423;
    --chat-input-placeholder: #605e5c;
    --chat-btn-bg: #464eb8;
    --chat-btn-color: white;
    --chat-btn-hover-bg: #5c5bd6;
    --chat-btn-hover-color: white;
    --chat-msg-own-bg: #464eb8;
    --chat-msg-own-text: #ffffff;
    --chat-msg-other-bg: #ffffff;
    --chat-msg-other-text: #252423;
    --chat-msg-hover-bg: transparent;
    --chat-actions-bg: #ffffff;
    --chat-actions-border: #edebe9;
    --chat-action-btn-color: #605e5c;
    --chat-action-btn-hover-bg: #f3f2f1;
    --chat-action-btn-hover-color: #252423;
    --chat-reply-bg: rgba(0,0,0,0.04);
    --chat-reply-border: #464eb8;
    --chat-private-color: #1e2a78;
    --chat-date-color: #605e5c;
    --chat-date-border: #edebe9;
    --chat-sidebar-bg: #ffffff;
    --chat-sidebar-border: #edebe9;
    --chat-sticker-picker-bg: #ffffff;
    --chat-sticker-picker-border: #edebe9;
    --chat-ctx-bg: #ffffff;
    --chat-ctx-border: #edebe9;
    --chat-ctx-text: #252423;
    --chat-ctx-hover: #f3f2f1;
    --chat-user-self-bg: rgba(0,0,0,0.06);
    --chat-user-self-color: #252423;
    --chat-user-hover-bg: rgba(0,0,0,0.04);
    --chat-inline-edit-bg: #fff;
    --chat-inline-edit-border: #464eb8;
    --chat-inline-edit-color: #252423;
    --chat-file-upload-bg: #f3f2f1;
}

.chat-style-whatsapp {
    --chat-bg: #0b141a;
    --chat-bg-alt: #202c33;
    --chat-bg-hover: #2a3942;
    --chat-border: #2a3942;
    --chat-text: #e9edef;
    --chat-text-muted: #8696a0;
    --chat-text-heading: #e9edef;
    --chat-accent: #00a884;
    --chat-accent-alt: #53bdeb;
    --chat-link: #53bdeb;
    --chat-link-hover: #53bdeb;
    --chat-mention: #00a884;
    --chat-input-bg: #2a3942;
    --chat-input-border: #3f5059;
    --chat-input-text: #e9edef;
    --chat-input-placeholder: #8696a0;
    --chat-btn-bg: transparent;
    --chat-btn-color: #8696a0;
    --chat-btn-hover-bg: rgba(255,255,255,0.08);
    --chat-btn-hover-color: #00a884;
    --chat-msg-own-bg: #005c4b;
    --chat-msg-other-bg: #202c33;
    --chat-msg-hover-bg: transparent;
    --chat-actions-bg: #202c33;
    --chat-actions-border: #2a3942;
    --chat-action-btn-color: #8696a0;
    --chat-action-btn-hover-bg: #2a3942;
    --chat-action-btn-hover-color: #e9edef;
    --chat-reply-bg: rgba(255,255,255,0.04);
    --chat-reply-border: #00a884;
    --chat-private-color: #53bdeb;
    --chat-date-color: #8696a0;
    --chat-date-border: #2a3942;
    --chat-sidebar-bg: #202c33;
    --chat-sidebar-border: #2a3942;
    --chat-sticker-picker-bg: #202c33;
    --chat-sticker-picker-border: #2a3942;
    --chat-ctx-bg: #202c33;
    --chat-ctx-border: #2a3942;
    --chat-ctx-text: #e9edef;
    --chat-ctx-hover: #2a3942;
    --chat-user-self-bg: rgba(255,255,255,0.1);
    --chat-user-self-color: #e9edef;
    --chat-user-hover-bg: rgba(255,255,255,0.05);
    --chat-inline-edit-bg: #2a3942;
    --chat-inline-edit-border: #00a884;
    --chat-inline-edit-color: #e9edef;
    --chat-file-upload-bg: #2a3942;
}

.chat-style-viber {
    --chat-bg: #e8ddf2;
    --chat-bg-alt: #f5eff9;
    --chat-bg-hover: #e8ddf2;
    --chat-border: #d4c5e0;
    --chat-text: #2c2c2c;
    --chat-text-muted: #6c6c6c;
    --chat-text-heading: #2c2c2c;
    --chat-accent: #7b519d;
    --chat-accent-alt: #8f5cb8;
    --chat-link: #4a2d5e;
    --chat-link-hover: #4a2d5e;
    --chat-mention: #7b519d;
    --chat-input-bg: #ffffff;
    --chat-input-border: #d4c5e0;
    --chat-input-text: #2c2c2c;
    --chat-input-placeholder: #6c6c6c;
    --chat-btn-bg: #7b519d;
    --chat-btn-color: white;
    --chat-btn-hover-bg: #8f5cb8;
    --chat-btn-hover-color: white;
    --chat-msg-own-bg: #7b519d;
    --chat-msg-own-text: #ffffff;
    --chat-msg-other-bg: #f5eff9;
    --chat-msg-other-text: #2c2c2c;
    --chat-msg-hover-bg: transparent;
    --chat-actions-bg: #f5eff9;
    --chat-actions-border: #d4c5e0;
    --chat-action-btn-color: #6c6c6c;
    --chat-action-btn-hover-bg: #e8ddf2;
    --chat-action-btn-hover-color: #2c2c2c;
    --chat-reply-bg: rgba(0,0,0,0.04);
    --chat-reply-border: #7b519d;
    --chat-private-color: #7b519d;
    --chat-date-color: #6c6c6c;
    --chat-date-border: #d4c5e0;
    --chat-sidebar-bg: #f5eff9;
    --chat-sidebar-border: #d4c5e0;
    --chat-sticker-picker-bg: #f5eff9;
    --chat-sticker-picker-border: #d4c5e0;
    --chat-ctx-bg: #f5eff9;
    --chat-ctx-border: #d4c5e0;
    --chat-ctx-text: #2c2c2c;
    --chat-ctx-hover: #e8ddf2;
    --chat-user-self-bg: rgba(0,0,0,0.06);
    --chat-user-self-color: #2c2c2c;
    --chat-user-hover-bg: rgba(0,0,0,0.04);
    --chat-inline-edit-bg: #fff;
    --chat-inline-edit-border: #7b519d;
    --chat-inline-edit-color: #2c2c2c;
    --chat-file-upload-bg: #e8ddf2;
}

.chat-style-skype {
    --chat-bg: #f5f5f5;
    --chat-bg-alt: #ffffff;
    --chat-bg-hover: #f5f5f5;
    --chat-border: #e0e0e0;
    --chat-text: #323232;
    --chat-text-muted: #606060;
    --chat-text-heading: #323232;
    --chat-accent: #0078d4;
    --chat-accent-alt: #106ebe;
    --chat-link: #004578;
    --chat-link-hover: #004578;
    --chat-mention: #0078d4;
    --chat-input-bg: #ffffff;
    --chat-input-border: #e0e0e0;
    --chat-input-text: #323232;
    --chat-input-placeholder: #606060;
    --chat-btn-bg: #0078d4;
    --chat-btn-color: white;
    --chat-btn-hover-bg: #106ebe;
    --chat-btn-hover-color: white;
    --chat-msg-own-bg: #0078d4;
    --chat-msg-own-text: #ffffff;
    --chat-msg-other-bg: #ffffff;
    --chat-msg-other-text: #323232;
    --chat-msg-hover-bg: transparent;
    --chat-actions-bg: #ffffff;
    --chat-actions-border: #e0e0e0;
    --chat-action-btn-color: #606060;
    --chat-action-btn-hover-bg: #f5f5f5;
    --chat-action-btn-hover-color: #323232;
    --chat-reply-bg: rgba(0,0,0,0.03);
    --chat-reply-border: #0078d4;
    --chat-private-color: #0078d4;
    --chat-date-color: #606060;
    --chat-date-border: #e0e0e0;
    --chat-sidebar-bg: #ffffff;
    --chat-sidebar-border: #e0e0e0;
    --chat-sticker-picker-bg: #ffffff;
    --chat-sticker-picker-border: #e0e0e0;
    --chat-ctx-bg: #ffffff;
    --chat-ctx-border: #e0e0e0;
    --chat-ctx-text: #323232;
    --chat-ctx-hover: #f5f5f5;
    --chat-user-self-bg: rgba(0,0,0,0.06);
    --chat-user-self-color: #323232;
    --chat-user-hover-bg: rgba(0,0,0,0.04);
    --chat-inline-edit-bg: #fff;
    --chat-inline-edit-border: #0078d4;
    --chat-inline-edit-color: #323232;
    --chat-file-upload-bg: #f5f5f5;
}

/* =============================================
   ОБЩИЕ ПРАВИЛА ЧАТТЕМ (используют переменные)
   ============================================= */

/* --- Окно и основные зоны --- */
.window.chat-style-discord,
.window.chat-style-telegram,
.window.chat-style-slack,
.window.chat-style-teams,
.window.chat-style-whatsapp,
.window.chat-style-viber,
.window.chat-style-skype {
    background: var(--chat-bg);
}

.chat-style-discord .window-header,
.chat-style-telegram .window-header,
.chat-style-slack .window-header,
.chat-style-teams .window-header,
.chat-style-whatsapp .window-header,
.chat-style-viber .window-header,
.chat-style-skype .window-header {
    border-bottom: 1px solid var(--chat-border);
}

/* Заголовок окна — у каждой темы свой фон */
.window.chat-style-discord .window-header { background: var(--chat-bg-alt); }
.window.chat-style-telegram .window-header { background: var(--chat-bg-alt); }
.window.chat-style-slack .window-header { background: var(--chat-accent); color: #ffffff; }
.window.chat-style-teams .window-header { background: var(--chat-accent); color: #ffffff; }
.window.chat-style-whatsapp .window-header { background: var(--chat-bg-alt); color: var(--chat-text); }
.window.chat-style-viber .window-header { background: var(--chat-accent); color: #ffffff; }
.window.chat-style-skype .window-header { background: var(--chat-accent); color: #ffffff; }

/* window-content */
.chat-style-discord .window-content,
.chat-style-telegram .window-content,
.chat-style-whatsapp .window-content,
.chat-style-viber .window-content,
.chat-style-skype .window-content {
    background: var(--chat-bg);
}
.chat-style-slack .window-content { background: var(--chat-bg); }
.chat-style-teams .window-content { background: var(--chat-bg); }

/* --- Контейнер сообщений --- */
.chat-style-discord #chatMessagesContainer,
.chat-style-telegram #chatMessagesContainer,
.chat-style-slack #chatMessagesContainer,
.chat-style-teams #chatMessagesContainer,
.chat-style-whatsapp #chatMessagesContainer,
.chat-style-viber #chatMessagesContainer,
.chat-style-skype #chatMessagesContainer {
    background: var(--chat-bg);
    color: var(--chat-text);
}

/* --- Боковая панель пользователей --- */
.chat-style-discord #chatUsersList,
.chat-style-telegram #chatUsersList,
.chat-style-slack #chatUsersList,
.chat-style-teams #chatUsersList,
.chat-style-whatsapp #chatUsersList,
.chat-style-viber #chatUsersList,
.chat-style-skype #chatUsersList {
    background: var(--chat-sidebar-bg);
    border-right: 1px solid var(--chat-sidebar-border);
    color: var(--chat-text);
    overflow-x: hidden;
}

.chat-style-discord #chatUsersList h4,
.chat-style-slack #chatUsersList h4,
.chat-style-teams #chatUsersList h4,
.chat-style-whatsapp #chatUsersList h4,
.chat-style-viber #chatUsersList h4,
.chat-style-skype #chatUsersList h4 {
    color: var(--chat-text-heading);
}

.chat-style-discord #chatUsersContainer,
.chat-style-telegram #chatUsersContainer,
.chat-style-slack #chatUsersContainer,
.chat-style-teams #chatUsersContainer,
.chat-style-whatsapp #chatUsersContainer,
.chat-style-viber #chatUsersContainer,
.chat-style-skype #chatUsersContainer {
    overflow-x: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
    color: var(--chat-text);
}

/* Discord и Telegram: специфичный цвет sidebar users */
.chat-style-discord #chatUsersContainer { color: var(--chat-text-heading); }
.chat-style-telegram #chatUsersContainer { color: #8c98a5; }
.chat-style-whatsapp #chatUsersContainer { color: var(--chat-text-muted); }

/* --- Область ввода --- */
.chat-style-discord #chatInputArea,
.chat-style-telegram #chatInputArea,
.chat-style-slack #chatInputArea,
.chat-style-teams #chatInputArea,
.chat-style-whatsapp #chatInputArea,
.chat-style-viber #chatInputArea,
.chat-style-skype #chatInputArea {
    background: var(--chat-bg-alt);
    border-top: 1px solid var(--chat-border);
}
.chat-style-teams #chatInputArea { background: var(--chat-bg-alt); }

/* --- Поле ввода сообщения --- */
.chat-style-discord #chatMessageInput,
.chat-style-telegram #chatMessageInput,
.chat-style-slack #chatMessageInput,
.chat-style-teams #chatMessageInput,
.chat-style-whatsapp #chatMessageInput,
.chat-style-viber #chatMessageInput,
.chat-style-skype #chatMessageInput {
    background: var(--chat-input-bg);
    border: 1px solid var(--chat-input-border);
    color: var(--chat-input-text);
}

.chat-style-discord #chatMessageInput::placeholder,
.chat-style-telegram #chatMessageInput::placeholder {
    color: var(--chat-input-placeholder);
}

/* --- Селектор стиля --- */
.chat-style-discord #chatStyleSelector,
.chat-style-telegram #chatStyleSelector,
.chat-style-slack #chatStyleSelector,
.chat-style-teams #chatStyleSelector,
.chat-style-whatsapp #chatStyleSelector,
.chat-style-viber #chatStyleSelector,
.chat-style-skype #chatStyleSelector {
    appearance: none;
    -webkit-appearance: none;
    background: var(--chat-bg-hover);
    border: 1px solid var(--chat-border);
    color: var(--chat-text);
    padding: 4px 8px;
    border-radius: var(--radius-sm, 4px);
    cursor: pointer;
}
/* WhatsApp и Telegram: акцентная рамка */
.chat-style-whatsapp #chatStyleSelector { border-color: var(--chat-accent); }
.chat-style-telegram #chatStyleSelector { border-color: var(--chat-accent); }
.chat-style-viber #chatStyleSelector { border-color: var(--chat-accent); }
.chat-style-skype #chatStyleSelector { border-color: var(--chat-accent); }

/* --- Ссылки в сообщениях --- */
.chat-style-discord .chat-message-text-discord a,
.chat-style-discord .chat-message-text a,
.chat-style-discord .chat-file-link {
    color: var(--chat-link);
    text-decoration: underline;
}
.chat-style-discord .chat-message-text-discord a:hover,
.chat-style-discord .chat-message-text a:hover,
.chat-style-discord .chat-file-link:hover {
    color: var(--chat-link-hover);
}
.chat-style-telegram .chat-message-text a { color: var(--chat-link); }
.chat-style-slack .chat-message-text a,
.chat-style-slack .chat-message-text-discord a { color: var(--chat-link); text-decoration: underline; }
.chat-style-teams .chat-message-text a,
.chat-style-teams .chat-message-text-discord a { color: var(--chat-link); text-decoration: underline; }
.chat-style-whatsapp .chat-message-text a,
.chat-style-whatsapp .chat-message-text-discord a { color: var(--chat-link); }
.chat-style-viber .chat-message-text a,
.chat-style-viber .chat-message-text-discord a { color: var(--chat-link); text-decoration: underline; }
.chat-style-skype .chat-message-text a,
.chat-style-skype .chat-message-text-discord a { color: var(--chat-link); text-decoration: underline; }

/* --- Кнопки ввода (файл, стикер, голос) --- */
.chat-style-telegram .chat-file-btn,
.chat-style-telegram .chat-sticker-btn,
.chat-style-telegram .chat-voice-btn {
    background: var(--chat-btn-bg);
    color: var(--chat-btn-color);
    min-width: 38px;
    min-height: 38px;
    border-radius: 50%;
}
.chat-style-telegram .chat-file-btn:hover,
.chat-style-telegram .chat-sticker-btn:hover,
.chat-style-telegram .chat-voice-btn:hover {
    background: var(--chat-btn-hover-bg);
    color: var(--chat-btn-hover-color);
}

.chat-style-discord .chat-file-btn,
.chat-style-discord .chat-sticker-btn,
.chat-style-discord .chat-voice-btn {
    background: var(--chat-btn-bg);
    color: var(--chat-btn-color);
    min-width: 32px;
    min-height: 32px;
}
.chat-style-discord .chat-file-btn:hover,
.chat-style-discord .chat-sticker-btn:hover,
.chat-style-discord .chat-voice-btn:hover {
    background: var(--chat-btn-hover-bg);
    color: var(--chat-btn-hover-color);
}

.chat-style-whatsapp .chat-file-btn,
.chat-style-whatsapp .chat-sticker-btn,
.chat-style-whatsapp .chat-voice-btn {
    background: var(--chat-btn-bg);
    color: var(--chat-btn-color);
    min-width: 40px;
    min-height: 40px;
}
.chat-style-whatsapp .chat-file-btn:hover,
.chat-style-whatsapp .chat-sticker-btn:hover,
.chat-style-whatsapp .chat-voice-btn:hover {
    background: var(--chat-btn-hover-bg);
    color: var(--chat-btn-hover-color);
}

.chat-style-slack .chat-file-btn,
.chat-style-slack .chat-sticker-btn,
.chat-style-slack .chat-voice-btn {
    background: var(--chat-btn-bg);
}
.chat-style-slack .chat-file-btn:hover,
.chat-style-slack .chat-sticker-btn:hover,
.chat-style-slack .chat-voice-btn:hover {
    background: var(--chat-btn-hover-bg);
}

.chat-style-teams .chat-file-btn,
.chat-style-teams .chat-sticker-btn,
.chat-style-teams .chat-voice-btn {
    background: var(--chat-btn-bg);
}
.chat-style-teams .chat-file-btn:hover,
.chat-style-teams .chat-sticker-btn:hover,
.chat-style-teams .chat-voice-btn:hover {
    background: var(--chat-btn-hover-bg);
}

.chat-style-viber .chat-file-btn,
.chat-style-viber .chat-sticker-btn,
.chat-style-viber .chat-voice-btn {
    background: var(--chat-btn-bg);
}
.chat-style-viber .chat-file-btn:hover,
.chat-style-viber .chat-sticker-btn:hover,
.chat-style-viber .chat-voice-btn:hover {
    background: var(--chat-btn-hover-bg);
}

.chat-style-skype .chat-file-btn,
.chat-style-skype .chat-sticker-btn,
.chat-style-skype .chat-voice-btn {
    background: var(--chat-btn-bg);
}
.chat-style-skype .chat-file-btn:hover,
.chat-style-skype .chat-sticker-btn:hover,
.chat-style-skype .chat-voice-btn:hover {
    background: var(--chat-btn-hover-bg);
}

/* --- Иконки кнопок по теме --- */
.chat-style-telegram .chat-sticker-btn-icon::before { content: '\1F5BC'; font-size: 20px; }
.chat-style-discord .chat-file-btn-icon::before { content: '\2795'; font-size: 20px; }
.chat-style-discord .chat-sticker-btn-icon::before { content: '\1F600'; font-size: 20px; }
.chat-style-discord .chat-sticker-btn:hover .chat-sticker-btn-icon::before { content: '\1F60A'; }

/* --- @упоминания --- */
.chat-style-discord .chat-mention { color: var(--chat-mention); font-weight: 600; }
.chat-style-telegram .chat-mention { color: var(--chat-mention); font-weight: 600; }

/* --- Пользователь: self и hover --- */
.chat-style-discord .chat-user-item-self { background: var(--chat-user-self-bg); color: var(--chat-user-self-color); }
.chat-style-telegram .chat-user-item:hover { background: var(--chat-user-hover-bg); }
.chat-style-telegram .chat-user-item-self { background: var(--chat-user-self-bg); }
.chat-style-whatsapp .chat-user-item:hover { background: var(--chat-user-hover-bg); }
.chat-style-whatsapp .chat-user-item-self { background: var(--chat-user-self-bg); }

/* =============================================
   СТИЛИ СООБЩЕНИЙ ПО ТЕМАМ
   ============================================= */

/* --- Discord: compact (время + имя + текст в строку) --- */
.chat-style-discord .chat-message-wrapper { margin-bottom: 4px; padding: 2px 16px; display: block; }
.chat-style-discord .chat-message-wrapper:hover { background: var(--chat-msg-hover-bg); }
.chat-style-discord .chat-message-time-discord { font-size: 12px; color: var(--chat-text-muted); margin-right: 6px; vertical-align: baseline; }
.chat-style-discord .chat-message-username-discord { font-weight: 600; font-size: 16px; color: var(--chat-text-heading); margin-right: 6px; }
.chat-style-discord .chat-message-text-discord { color: var(--chat-text); font-size: 16px; line-height: 1.375; word-wrap: break-word; }
.chat-style-discord .chat-date-divider { color: var(--chat-date-color); border-bottom: 1px solid var(--chat-date-border); }
.chat-style-discord .chat-msg-actions { background: var(--chat-actions-bg); border: 1px solid var(--chat-actions-border); }
.chat-style-discord .chat-msg-action-btn { color: var(--chat-action-btn-color); }
.chat-style-discord .chat-msg-action-btn:hover { background: var(--chat-action-btn-hover-bg); color: var(--chat-action-btn-hover-color); }
.chat-style-discord .chat-reply-block { background: var(--chat-reply-bg); border-left-color: var(--chat-reply-border); }
.chat-style-discord .chat-private-badge { color: var(--chat-private-color); }
.chat-style-discord .chat-inline-edit-area { background: var(--chat-inline-edit-bg); border-color: var(--chat-inline-edit-border); color: var(--chat-inline-edit-color); }

/* --- Telegram --- */
.chat-style-telegram .chat-message-own { background: var(--chat-msg-own-bg); color: #ffffff; }
.chat-style-telegram .chat-message-other { background: var(--chat-msg-other-bg); color: #ffffff; border-left: 3px solid var(--chat-accent); }
.chat-style-telegram .chat-message-username { color: var(--chat-link); }
.chat-style-telegram .chat-message-time { color: rgba(255,255,255,0.5); }
.chat-style-telegram .chat-date-divider { color: var(--chat-date-color); border-bottom: 1px solid var(--chat-date-border); }
.chat-style-telegram .chat-msg-actions { background: var(--chat-actions-bg); border: 1px solid var(--chat-actions-border); }
.chat-style-telegram .chat-msg-action-btn { color: var(--chat-action-btn-color); }
.chat-style-telegram .chat-msg-action-btn:hover { background: var(--chat-action-btn-hover-bg); color: var(--chat-action-btn-hover-color); }
.chat-style-telegram .chat-reply-block { background: var(--chat-reply-bg); border-left-color: var(--chat-reply-border); }
.chat-style-telegram .chat-private-badge { color: var(--chat-private-color); }
.chat-style-telegram .chat-inline-edit-area { background: var(--chat-inline-edit-bg); border-color: var(--chat-inline-edit-border); color: var(--chat-inline-edit-color); }
.chat-style-telegram .chat-file-upload-area { background: var(--chat-file-upload-bg); }

/* --- Slack --- */
.chat-style-slack .chat-message-own { background: var(--chat-msg-own-bg); color: var(--chat-msg-own-text, #fff); border-radius: 4px; border-left: 3px solid var(--chat-accent-alt, #611f69); }
.chat-style-slack .chat-message-other { background: var(--chat-msg-other-bg); color: var(--chat-msg-other-text, var(--chat-text)); border-radius: 4px; border-left: 3px solid var(--chat-accent); }
.chat-style-slack .chat-message-own .chat-message-username { color: #ffffff; }
.chat-style-slack .chat-message-other .chat-message-username { color: var(--chat-accent-alt); }
.chat-style-slack .chat-message-own .chat-message-time { color: #e8e8e8; }
.chat-style-slack .chat-message-other .chat-message-time { color: var(--chat-text-muted); }
.chat-style-slack .chat-date-divider { color: var(--chat-date-color); border-bottom: 1px solid var(--chat-date-border); }
.chat-style-slack .chat-msg-actions { background: var(--chat-actions-bg); border: 1px solid var(--chat-actions-border); }
.chat-style-slack .chat-msg-action-btn { color: var(--chat-action-btn-color); }
.chat-style-slack .chat-msg-action-btn:hover { background: var(--chat-action-btn-hover-bg); color: var(--chat-action-btn-hover-color); }
.chat-style-slack .chat-reply-block { background: var(--chat-reply-bg); border-left-color: var(--chat-reply-border); }
.chat-style-slack .chat-inline-edit-area { background: var(--chat-inline-edit-bg); border-color: var(--chat-inline-edit-border); color: var(--chat-inline-edit-color); }

/* --- Teams --- */
.chat-style-teams .chat-message-own { background: var(--chat-msg-own-bg); color: var(--chat-msg-own-text, #fff); border-radius: 8px; }
.chat-style-teams .chat-message-other { background: var(--chat-msg-other-bg); color: var(--chat-msg-other-text, var(--chat-text)); border-radius: 8px; }
.chat-style-teams .chat-message-own .chat-message-username { color: #ffffff; }
.chat-style-teams .chat-message-other .chat-message-username { color: var(--chat-accent); }
.chat-style-teams .chat-message-own .chat-message-time { color: #e8e8e8; }
.chat-style-teams .chat-message-other .chat-message-time { color: var(--chat-text-muted); }
.chat-style-teams .chat-date-divider { color: var(--chat-date-color); border-bottom: 1px solid var(--chat-date-border); }
.chat-style-teams .chat-msg-actions { background: var(--chat-actions-bg); border: 1px solid var(--chat-actions-border); }
.chat-style-teams .chat-msg-action-btn { color: var(--chat-action-btn-color); }
.chat-style-teams .chat-msg-action-btn:hover { background: var(--chat-action-btn-hover-bg); color: var(--chat-action-btn-hover-color); }
.chat-style-teams .chat-reply-block { background: var(--chat-reply-bg); border-left-color: var(--chat-reply-border); }
.chat-style-teams .chat-inline-edit-area { background: var(--chat-inline-edit-bg); border-color: var(--chat-inline-edit-border); color: var(--chat-inline-edit-color); }

/* --- WhatsApp --- */
.chat-style-whatsapp .chat-message-own { background: var(--chat-msg-own-bg); color: var(--chat-text); border-radius: 8px; }
.chat-style-whatsapp .chat-message-other { background: var(--chat-msg-other-bg); color: var(--chat-text); border-radius: 8px; border-left: 3px solid var(--chat-accent); }
.chat-style-whatsapp .chat-message-own .chat-message-username { color: var(--chat-accent-alt); }
.chat-style-whatsapp .chat-message-other .chat-message-username { color: var(--chat-accent); }
.chat-style-whatsapp .chat-message-time { color: var(--chat-text-muted); }
.chat-style-whatsapp .chat-date-divider { color: var(--chat-date-color); border-bottom: 1px solid var(--chat-date-border); }
.chat-style-whatsapp .chat-msg-actions { background: var(--chat-actions-bg); border: 1px solid var(--chat-actions-border); }
.chat-style-whatsapp .chat-msg-action-btn { color: var(--chat-action-btn-color); }
.chat-style-whatsapp .chat-msg-action-btn:hover { background: var(--chat-action-btn-hover-bg); color: var(--chat-action-btn-hover-color); }
.chat-style-whatsapp .chat-reply-block { background: var(--chat-reply-bg); border-left-color: var(--chat-reply-border); }
.chat-style-whatsapp .chat-private-badge { color: var(--chat-private-color); }
.chat-style-whatsapp .chat-inline-edit-area { background: var(--chat-inline-edit-bg); border-color: var(--chat-inline-edit-border); color: var(--chat-inline-edit-color); }
.chat-style-whatsapp .chat-file-upload-area { background: var(--chat-file-upload-bg); }

/* --- Viber --- */
.chat-style-viber .chat-message-own { background: var(--chat-msg-own-bg); color: var(--chat-msg-own-text, #fff); border-radius: 12px; }
.chat-style-viber .chat-message-other { background: var(--chat-msg-other-bg); color: var(--chat-msg-other-text, var(--chat-text)); border-radius: 12px; }
.chat-style-viber .chat-message-own .chat-message-username { color: #ffffff; }
.chat-style-viber .chat-message-other .chat-message-username { color: var(--chat-accent); }
.chat-style-viber .chat-message-own .chat-message-time { color: #e8e8e8; }
.chat-style-viber .chat-message-other .chat-message-time { color: var(--chat-text-muted); }
.chat-style-viber .chat-date-divider { color: var(--chat-date-color); border-bottom: 1px solid var(--chat-date-border); }
.chat-style-viber .chat-msg-actions { background: var(--chat-actions-bg); border: 1px solid var(--chat-actions-border); }
.chat-style-viber .chat-msg-action-btn { color: var(--chat-action-btn-color); }
.chat-style-viber .chat-msg-action-btn:hover { background: var(--chat-action-btn-hover-bg); color: var(--chat-action-btn-hover-color); }
.chat-style-viber .chat-reply-block { background: var(--chat-reply-bg); border-left-color: var(--chat-reply-border); }
.chat-style-viber .chat-inline-edit-area { background: var(--chat-inline-edit-bg); border-color: var(--chat-inline-edit-border); color: var(--chat-inline-edit-color); }

/* --- Skype --- */
.chat-style-skype .chat-message-own { background: var(--chat-msg-own-bg); color: var(--chat-msg-own-text, #fff); border-radius: 12px; }
.chat-style-skype .chat-message-other { background: var(--chat-msg-other-bg); color: var(--chat-msg-other-text, var(--chat-text)); border-radius: 12px; border: 1px solid var(--chat-border); }
.chat-style-skype .chat-message-own .chat-message-username { color: #ffffff; }
.chat-style-skype .chat-message-other .chat-message-username { color: var(--chat-accent); }
.chat-style-skype .chat-message-own .chat-message-time { color: #e8e8e8; }
.chat-style-skype .chat-message-other .chat-message-time { color: var(--chat-text-muted); }
.chat-style-skype .chat-date-divider { color: var(--chat-date-color); border-bottom: 1px solid var(--chat-date-border); }
.chat-style-skype .chat-msg-actions { background: var(--chat-actions-bg); border: 1px solid var(--chat-actions-border); }
.chat-style-skype .chat-msg-action-btn { color: var(--chat-action-btn-color); }
.chat-style-skype .chat-msg-action-btn:hover { background: var(--chat-action-btn-hover-bg); color: var(--chat-action-btn-hover-color); }
.chat-style-skype .chat-reply-block { background: var(--chat-reply-bg); border-left-color: var(--chat-reply-border); }
.chat-style-skype .chat-inline-edit-area { background: var(--chat-inline-edit-bg); border-color: var(--chat-inline-edit-border); color: var(--chat-inline-edit-color); }

/* =============================================
   СТИКЕР-ПИКЕРЫ ПО ТЕМАМ
   ============================================= */
.chat-sticker-picker-discord { background: var(--chat-sticker-picker-bg); border: 1px solid var(--chat-sticker-picker-border); }
.chat-sticker-picker-telegram { background: var(--chat-sticker-picker-bg); border: 1px solid var(--chat-sticker-picker-border); }
.chat-sticker-picker-whatsapp { background: var(--chat-sticker-picker-bg); border: 1px solid var(--chat-sticker-picker-border); }
.chat-sticker-picker-slack { background: var(--chat-sticker-picker-bg); border: 1px solid var(--chat-sticker-picker-border); }
.chat-sticker-picker-teams { background: var(--chat-sticker-picker-bg); border: 1px solid var(--chat-sticker-picker-border); }
.chat-sticker-picker-viber { background: var(--chat-sticker-picker-bg); border: 1px solid var(--chat-sticker-picker-border); }
.chat-sticker-picker-skype { background: var(--chat-sticker-picker-bg); border: 1px solid var(--chat-sticker-picker-border); }

/* =============================================
   КОНТЕКСТНОЕ МЕНЮ ПО ТЕМАМ
   ============================================= */
.chat-context-menu-discord { background: var(--chat-ctx-bg); border: 1px solid var(--chat-ctx-border); color: var(--chat-ctx-text); }
.chat-context-menu-discord .chat-context-menu-item:hover { background: var(--chat-ctx-hover); }
.chat-context-menu-telegram { background: var(--chat-ctx-bg); border: 1px solid var(--chat-ctx-border); color: var(--chat-ctx-text); }
.chat-context-menu-telegram .chat-context-menu-item:hover { background: var(--chat-ctx-hover); }
.chat-context-menu-whatsapp { background: var(--chat-ctx-bg); border: 1px solid var(--chat-ctx-border); color: var(--chat-ctx-text); }
.chat-context-menu-whatsapp .chat-context-menu-item:hover { background: var(--chat-ctx-hover); }
.chat-context-menu-slack { background: var(--chat-ctx-bg); border: 1px solid var(--chat-ctx-border); color: var(--chat-ctx-text); }
.chat-context-menu-slack .chat-context-menu-item:hover { background: var(--chat-ctx-hover); }
.chat-context-menu-teams { background: var(--chat-ctx-bg); border: 1px solid var(--chat-ctx-border); color: var(--chat-ctx-text); }
.chat-context-menu-teams .chat-context-menu-item:hover { background: var(--chat-ctx-hover); }
.chat-context-menu-viber { background: var(--chat-ctx-bg); border: 1px solid var(--chat-ctx-border); color: var(--chat-ctx-text); }
.chat-context-menu-viber .chat-context-menu-item:hover { background: var(--chat-ctx-hover); }
.chat-context-menu-skype { background: var(--chat-ctx-bg); border: 1px solid var(--chat-ctx-border); color: var(--chat-ctx-text); }
.chat-context-menu-skype .chat-context-menu-item:hover { background: var(--chat-ctx-hover); }

/* =============================================
   REPLY/PRIVATE PREVIEW ПО ТЕМАМ
   ============================================= */
.chat-style-discord .chat-reply-preview { background: var(--chat-bg-alt); border-left: 3px solid var(--chat-accent); color: var(--chat-text); }
.chat-style-discord .chat-reply-preview .chat-reply-preview-title { color: var(--chat-accent); }
.chat-style-discord .chat-private-preview { background: var(--chat-bg-alt); border-left: 3px solid var(--chat-accent-alt); color: var(--chat-text); }
.chat-style-discord .chat-private-preview .chat-private-preview-title { color: var(--chat-accent-alt); }
.chat-style-telegram .chat-reply-preview { background: var(--chat-bg-hover); border-left: 3px solid var(--chat-accent); color: var(--chat-text); }
.chat-style-telegram .chat-reply-preview .chat-reply-preview-title { color: var(--chat-accent); }
.chat-style-telegram .chat-private-preview { background: var(--chat-bg-hover); border-left: 3px solid var(--chat-accent); color: var(--chat-text); }
.chat-style-telegram .chat-private-preview .chat-private-preview-title { color: var(--chat-accent-alt); }
.chat-style-slack .chat-reply-preview { background: var(--chat-bg-alt); border-left: 3px solid var(--chat-accent); color: var(--chat-text); }
.chat-style-slack .chat-reply-preview .chat-reply-preview-title { color: var(--chat-accent); }
.chat-style-slack .chat-private-preview { background: var(--chat-bg-alt); border-left: 3px solid var(--chat-accent-alt); color: var(--chat-text); }
.chat-style-slack .chat-private-preview .chat-private-preview-title { color: var(--chat-accent-alt); }
.chat-style-teams .chat-reply-preview { background: var(--chat-border); border-left: 3px solid var(--chat-accent); color: var(--chat-text); }
.chat-style-teams .chat-reply-preview .chat-reply-preview-title { color: var(--chat-accent); }
.chat-style-teams .chat-private-preview { background: var(--chat-border); border-left: 3px solid var(--chat-accent); color: var(--chat-text); }
.chat-style-teams .chat-private-preview .chat-private-preview-title { color: var(--chat-link); }
.chat-style-whatsapp .chat-reply-preview { background: var(--chat-bg-hover); border-left: 3px solid var(--chat-accent); color: var(--chat-text); }
.chat-style-whatsapp .chat-reply-preview .chat-reply-preview-title { color: var(--chat-accent); }
.chat-style-whatsapp .chat-private-preview { background: var(--chat-bg-hover); border-left: 3px solid var(--chat-accent-alt); color: var(--chat-text); }
.chat-style-whatsapp .chat-private-preview .chat-private-preview-title { color: var(--chat-accent-alt); }
.chat-style-viber .chat-reply-preview { background: var(--chat-bg); border-left: 3px solid var(--chat-accent); color: var(--chat-text); }
.chat-style-viber .chat-reply-preview .chat-reply-preview-title { color: var(--chat-accent); }
.chat-style-viber .chat-private-preview { background: var(--chat-bg); border-left: 3px solid var(--chat-accent); color: var(--chat-text); }
.chat-style-viber .chat-private-preview .chat-private-preview-title { color: var(--chat-accent); }
.chat-style-skype .chat-reply-preview { background: var(--chat-bg); border-left: 3px solid var(--chat-accent); color: var(--chat-text); }
.chat-style-skype .chat-reply-preview .chat-reply-preview-title { color: var(--chat-accent); }
.chat-style-skype .chat-private-preview { background: var(--chat-bg); border-left: 3px solid var(--chat-accent); color: var(--chat-text); }
.chat-style-skype .chat-private-preview .chat-private-preview-title { color: var(--chat-accent); }

/* =============================================
   СПОЙЛЕРЫ ПО ТЕМАМ
   ============================================= */
.chat-style-discord .chat-spoiler { background: #4f545c; color: #4f545c; }
.chat-style-discord .chat-spoiler.revealed { background: transparent; color: inherit; }