/*
 * Favorit Messenger
 * Custom visual layer for Element Web.
 */

/* Основные фирменные переменные */
:root {
    --favorit-violet: #7368A9;
    --favorit-blue: #6390CB;
    --favorit-sky: #89CFE2;
    --favorit-light: #A5D7DF;
    --favorit-text: #1D1D1B;

    --cpd-color-bg-action-primary-rest: #7368A9;
    --cpd-color-bg-action-primary-hovered: #6390CB;
    --cpd-color-text-action-accent: #7368A9;
}

/* Общий фон */
body {
    background: #f7f9fc;
}

/* Левая навигационная область */
.mx_SpacePanel {
    background:
        linear-gradient(
            180deg,
            #7168a5 0%,
            #6390cb 55%,
            #89cfe2 100%
        ) !important;
}

/* Панель списка комнат */
.mx_RoomList {
    background: #f7f9fc !important;
}

/* Выбранная комната */
.mx_RoomTile_selected,
.mx_RoomTile_selected:hover {
    background: rgba(99, 144, 203, 0.14) !important;
    border-radius: 12px;
}

/* Комнаты при наведении */
.mx_RoomTile:hover {
    border-radius: 12px;
}

/* Основная область комнаты */


/* Верхняя панель комнаты */


/* Поле ввода */


/* Основные кнопки */
.mx_AccessibleButton_kind_primary {
    background:
        linear-gradient(
            135deg,
            #7368A9,
            #6390CB
        ) !important;

    border-radius: 10px !important;
}

/* Ссылки и акцентные элементы */
a {
    color: #6390CB;
}

/* Диалоги */
.mx_Dialog {
    border-radius: 18px !important;
}

/* Экран входа */
.mx_AuthPage {
    background:
        linear-gradient(
            135deg,
            rgba(115, 104, 169, 0.10),
            rgba(137, 207, 226, 0.18)
        ) !important;
}

.mx_AuthPage_modal {
    border-radius: 22px !important;
    box-shadow:
        0 20px 60px rgba(29, 29, 27, 0.12) !important;
}


/* =========================================
   Favorit — branding экрана авторизации
   ========================================= */

/* Логотип Element -> Фаворит */
.mx_AuthHeader {
    min-height: 70px;
    background:
        url("/favorit/logo.svg")
        center center / 190px auto
        no-repeat;
}

.mx_AuthHeader img {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Убираем публичные ссылки Element */
.mx_AuthFooter {
    display: none !important;
}

/* Фирменная кнопка входа */
.mx_Login_submit,
.mx_AuthBody input[type="submit"],
.mx_AuthBody button[type="submit"] {
    background:
        linear-gradient(
            135deg,
            #7368A9 0%,
            #6390CB 55%,
            #89CFE2 100%
        ) !important;

    color: #ffffff !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow:
        0 6px 18px rgba(99, 144, 203, 0.25) !important;
}

.mx_Login_submit:hover,
.mx_AuthBody input[type="submit"]:hover,
.mx_AuthBody button[type="submit"]:hover {
    filter: brightness(1.05);
}

/* Акцент полей */
.mx_AuthBody input:focus {
    border-color: #6390CB !important;
    box-shadow:
        0 0 0 2px rgba(99, 144, 203, 0.12) !important;
}

/* =========================================
   Фаворит — страница приветствия
   ========================================= */

/* Логотип */
.mx_WelcomePage .mx_Logo {
    opacity: 0 !important;
}

.mx_WelcomePage .mx_Header {
    background:
        url("/favorit/logo.svg")
        center 20px / 190px auto
        no-repeat;
}

/* Кнопка входа */
.mx_WelcomePage .mx_ButtonSignIn {
    background: #6390CB !important;
    border-radius: 10px !important;
}

/* Кнопка регистрации */
.mx_WelcomePage .mx_ButtonCreateAccount {
    background: #7368A9 !important;
    border-radius: 10px !important;
}

/* Значок Matrix */
.mx_WelcomePage_logo {
    display: none !important;
}

/* Логотип Фаворит на странице приветствия */
.mx_Logo[src="/favorit/logo.svg"] {
    opacity: 1 !important;
    visibility: visible !important;
    width: 190px !important;
    height: auto !important;
}

/* Фаворит — скрыть регистрацию на странице приветствия */
.mx_WelcomePage .mx_ButtonCreateAccount {
    display: none !important;
}

/* Фаворит: вход только по имени пользователя */
.mx_Login_type_container {
    display: none !important;
}

/* Фаворит: скрыть предложение регистрации */
.mx_AuthBody_changeFlow {
    display: none !important;
}

/* FAVORIT FINAL DARK CONTRAST */

/* Названия чатов */
.mx_Theme_dark .mx_RoomTile_name {
    color: #c8d3e3 !important;
}

/* Непрочитанные */
.mx_Theme_dark .mx_RoomTile_unread .mx_RoomTile_name {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Выбранный чат */
.mx_Theme_dark .mx_RoomTile_selected {
    background: #26374e !important;
    border-radius: 10px;
}

/* Служебные сообщения */
.mx_Theme_dark .mx_TextualEvent,
.mx_Theme_dark .mx_EventTile_info {
    color: #9baec6 !important;
}

/* Даты */
.mx_Theme_dark .mx_DateSeparator {
    color: #c8d3e3 !important;
}


/* FAVORIT SIDEBAR V2 START */

/* DARK */
.mx_Theme_dark .mx_LeftPanel_panel,
.mx_Theme_dark .mx_LeftPanel_outerWrapper,
.mx_Theme_dark .mx_LeftPanel_wrapper,
.mx_Theme_dark .mx_LeftPanel_roomListContainer,
.mx_Theme_dark .mx_LeftPanel {
    background: #151d2b !important;
    color: #e2e8f0 !important;
}

.mx_Theme_dark .mx_LeftPanel .mx_RoomTile_name {
    color: #e2e8f0 !important;
}

.mx_Theme_dark .mx_LeftPanel .mx_RoomTile:hover {
    background: #26354b !important;
}

.mx_Theme_dark .mx_LeftPanel .mx_RoomTile_selected {
    background: #304562 !important;
    box-shadow: inset 3px 0 #85a9e5;
    border-radius: 10px;
}

/* LIGHT */
.mx_Theme_light .mx_LeftPanel_panel,
.mx_Theme_light .mx_LeftPanel_outerWrapper,
.mx_Theme_light .mx_LeftPanel_wrapper,
.mx_Theme_light .mx_LeftPanel_roomListContainer,
.mx_Theme_light .mx_LeftPanel {
    background: #f4f7fc !important;
    color: #27364b !important;
}

.mx_Theme_light .mx_LeftPanel .mx_RoomTile_name {
    color: #27364b !important;
}

.mx_Theme_light .mx_LeftPanel .mx_RoomTile:hover {
    background: #e5eefb !important;
}

.mx_Theme_light .mx_LeftPanel .mx_RoomTile_selected {
    background: #d8e7fc !important;
    box-shadow: inset 3px 0 #638fcb;
    border-radius: 10px;
}

/* FAVORIT SIDEBAR V2 END */


/* FAVORIT SIDEBAR FINAL START */

/* Темная тема: пространства */
.mx_Theme_dark .mx_SpacePanel,
.mx_Theme_dark.mx_SpacePanel {
    background: #202b40 !important;
    border-right: 1px solid #34445e !important;
}

/* Темная тема: список чатов */
.mx_Theme_dark .mx_LeftPanel_panel,
.mx_Theme_dark .mx_LeftPanel_outerWrapper,
.mx_Theme_dark .mx_LeftPanel_wrapper,
.mx_Theme_dark .mx_LeftPanel_roomListContainer,
.mx_Theme_dark .mx_LeftPanel {
    background: #151d2b !important;
}

/* Названия чатов */
.mx_Theme_dark .mx_LeftPanel [class*="RoomTile"] {
    color: #dbe6f5 !important;
}

.mx_Theme_dark .mx_LeftPanel .mx_RoomTile_name {
    color: #dbe6f5 !important;
    opacity: 1 !important;
}

/* Второстепенный текст */
.mx_Theme_dark .mx_LeftPanel [class*="subtitle"],
.mx_Theme_dark .mx_LeftPanel [class*="preview"] {
    color: #9aadc5 !important;
}

/* Наведение */
.mx_Theme_dark .mx_LeftPanel .mx_RoomTile:hover {
    background: #25364f !important;
    border-radius: 10px !important;
}

/* Выбранный чат */
.mx_Theme_dark .mx_LeftPanel .mx_RoomTile_selected {
    background: #304562 !important;
    box-shadow: inset 3px 0 0 #83b5ef;
    border-radius: 10px !important;
}

/* Светлая тема: пространства */
.mx_Theme_light .mx_SpacePanel,
.mx_Theme_light.mx_SpacePanel {
    background: #7294c2 !important;
}

/* Светлая тема: список чатов */
.mx_Theme_light .mx_LeftPanel_panel,
.mx_Theme_light .mx_LeftPanel_outerWrapper,
.mx_Theme_light .mx_LeftPanel_wrapper,
.mx_Theme_light .mx_LeftPanel_roomListContainer,
.mx_Theme_light .mx_LeftPanel {
    background: #f3f7fc !important;
}

/* Светлая тема: названия */
.mx_Theme_light .mx_LeftPanel .mx_RoomTile_name {
    color: #243447 !important;
    opacity: 1 !important;
}

/* Светлая тема: выбранный чат */
.mx_Theme_light .mx_LeftPanel .mx_RoomTile_selected {
    background: #dce9fa !important;
    box-shadow: inset 3px 0 0 #638fcb;
    border-radius: 10px !important;
}

/* FAVORIT SIDEBAR FINAL END */


/* FAVORIT SPACEBAR FIX START */

/* Базовый цвет определяет сама тема Element */
.mx_SpacePanel {
    background: var(--cpd-color-bg-canvas-default) !important;
    background-image: none !important;
}

/* Тёмная тема */
.mx_Theme_dark .mx_SpacePanel,
.mx_Theme_dark.mx_SpacePanel {
    background: #161b24 !important;
    border-right: 1px solid #293241 !important;
}

/* Светлая тема */
.mx_Theme_light .mx_SpacePanel,
.mx_Theme_light.mx_SpacePanel {
    background: #edf2f8 !important;
    border-right: 1px solid #d7e0eb !important;
}

/* FAVORIT SPACEBAR FIX END */


/* FAVORIT CHAT TEXT START */

/* Тёмная тема: обычные названия */
.mx_Theme_dark .mx_LeftPanel .mx_RoomTile_name {
    color: #d5deeb !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

/* Тёмная тема: непрочитанные */
.mx_Theme_dark .mx_LeftPanel
.mx_RoomTile_unread .mx_RoomTile_name,
.mx_Theme_dark .mx_LeftPanel
.mx_RoomTile_hasUnread .mx_RoomTile_name {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Светлая тема: обычные названия */
.mx_Theme_light .mx_LeftPanel .mx_RoomTile_name {
    color: #344256 !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

/* Светлая тема: непрочитанные */
.mx_Theme_light .mx_LeftPanel
.mx_RoomTile_unread .mx_RoomTile_name,
.mx_Theme_light .mx_LeftPanel
.mx_RoomTile_hasUnread .mx_RoomTile_name {
    color: #101827 !important;
    font-weight: 700 !important;
}

/* FAVORIT CHAT TEXT END */