/* EVA: исправление подписей в автозаполненных полях логина/пароля */

.mx_Field input:-webkit-autofill + label,
.mx_Field input:-webkit-autofill ~ label,
.mx_Field input:not(:placeholder-shown) + label,
.mx_Field input:not(:placeholder-shown) ~ label {
    transform: translateY(-15px) scale(1) !important;
    background: #ffffff !important;
    padding: 0 6px !important;
    z-index: 5 !important;

}


/* EVA Chat custom branding */

:root {
    --eva-blue: #0A84FF;
    --eva-teal: #00BFA5;
    --eva-dark: #111827;
    --eva-text: #1F2937;
    --eva-bg: #F5F8FC;
}

/* Общий фон */
body {
    background-image:
        linear-gradient(
            rgba(8, 20, 35, 0.45),
            rgba(8, 20, 35, 0.55)
        ),
        url('/backgrounds/earth-bg.webp') !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}





/* Основной акцентный цвет */
.mx_Login_submit,
.mx_AccessibleButton_kind_primary,
button[type="submit"] {
    background: linear-gradient(135deg, #0A84FF, #00BFA5) !important;
    border-radius: 12px !important;
    border: none !important;
    color: #ffffff !important;
}

/* Hover кнопок */
.mx_Login_submit:hover,
.mx_AccessibleButton_kind_primary:hover,
button[type="submit"]:hover {
    filter: brightness(1.05) !important;
}

/* Поля ввода */
input {
    border-radius: 10px !important;
}

/* Название приложения */
.mx_AuthHeader_title,
.mx_Login_header {
    color: var(--eva-dark) !important;
}

/* Ссылки */
a {
    color: var(--eva-blue) !important;
}

/* Логотип/карточка входа */
.mx_AuthPage_modal,
.mx_AuthBody {
    border-radius: 28px !important;

    background:
        radial-gradient(
            ellipse at center,
            rgba(24,56,120,0.05) 0%,
            rgba(24,56,120,0.10) 65%,
            rgba(80,170,255,0.18) 100%
        ),
        rgba(7,16,32,0.06) !important;

    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;

    box-shadow:
        0 20px 60px rgba(0,0,0,0.25) !important;

    border: 1px solid rgba(255,255,255,0.25) !important;
}


/* EVA login background override */

.mx_AuthPage {
    background-image:
        linear-gradient(
            rgba(6, 16, 28, 0.45),
            rgba(6, 16, 28, 0.55)
        ),
        url('/backgrounds/earth-bg.webp') !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.mx_AuthPage::before,
.mx_AuthPage::after {
    display: none !important;
    background: none !important;
}

.mx_AuthPage_modalContent,
.mx_AuthPage_modal,
.mx_AuthBody {
    background-image: none !important;
}

.mx_AuthPage_modal {
    background:
        radial-gradient(
            ellipse at center,
            rgba(24,56,120,0.05) 0%,
            rgba(24,56,120,0.10) 65%,
            rgba(80,170,255,0.18) 100%
        ),
        rgba(7,16,32,0.06) !important;
}

/* EVA logo on login screen */
.mx_AuthHeader_logo,
.mx_AuthHeader img,
.mx_AuthPage_modalContent img {
    content: url('/vector-icons/eva-logo.png') !important;
    width: 120px !important;
    height: 120px !important;
    object-fit: contain !important;
}

/* Обычное положение label */
.mx_AuthBody .mx_Field label {
    color: #246bb8 !important;


}
.mx_Field {

border: 1px solid #246bb8 !important;

}

/* Когда поле в фокусе */
.mx_Field_valid.mx_Field:focus-within label {

   color: #246bb8 !important;

    z-index: 5 !important;
}

.mx_Field_valid.mx_Field, .mx_Field_valid.mx_Field {

border-color: #246bb8 !important;
z-index:5 !important;
}

/* Убираем нижний footer */
.mx_AuthFooter {
    display: none !important;
}


/* EVA: центрируем окно входа по вертикали */

.mx_AuthPage_modal {
    position: fixed !important;
    border: 1px solid rgba(175,225,255,0.90) !important;

    top: 45% !important;
    left: 50% !important;

    transform: translate(-50%, -50%) !important;

    margin: 0 !important;
}

/* Скрываем оригинальный текст */


.mx_ServerPicker h2 {

    font-size: 0 !important;
}

.mx_AuthBody .mx_ServerPicker_server {
    font-size: 0 !important;
}

/* Вместо "Домашний сервер" */

.mx_ServerPicker h2::after {

    content: "Корпоративный чат";

    
	font-size: 0.9375rem;
font-weight: 600;
    color: #656d77;
	line-height: 1.5;
	font-family: Inter, Twemoji, "Apple Color Emoji", "Segoe UI Emoji", Arial, Helvetica, sans-serif, "Noto Color Emoji";
}

/* Вместо адреса сервера */
.mx_AuthBody .mx_ServerPicker_server::after {
    content: "НПО \"Климатические системы\"";
font-size: 0.9375rem;
	line-height: 1.5;
	font-family: Inter, Twemoji, "Apple Color Emoji", "Segoe UI Emoji", Arial, Helvetica, sans-serif, "Noto Color Emoji";

    color: #1b1d22;
}


/* Левая панель EVA Chat — чистая светлая */

.mx_AuthPage_modal.mx_AuthPage_modal_withBlur .mx_AuthPage_modalContent {

background: linear-gradient(
    180deg,
    rgba(255,255,255,0.88) 0%,
    rgba(232,244,250,0.82) 100%
) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    border-right: 1px solid rgba(36,107,184,0.12) !important;
}

.mx_AuthBody {
    background: rgba(255,255,255,0.985) !important;
}

.mx_Login_submit {
    box-shadow: 0 8px 22px rgba(36,107,184,0.22) !important;

    font-weight: 700 !important;

    letter-spacing: 0.2px !important;
}

/* Более аккуратные поля */
.mx_Field input {
    font-size: 16px !important;
}

/* Более мягкая тень окна */
.mx_AuthPage_modal {
    box-shadow:
        
        inset 0 0 60px rgba(70, 160, 255, 0.32),
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 0 0 1px rgba(175,225,255,0.90),
        0 0 12px rgba(120,200,255,0.80),
        0 0 34px rgba(80,160,255,0.55),
        0 0 64px rgba(50,120,255,0.28),
        0 18px 50px rgba(0,0,0,0.18),
        0 2px 10px rgba(0,0,0,0.08) !important;

}

/* Скрываем панель выбора языка */
.mx_LanguageDropdown {
    display: none !important;
}


/* =========================================
   EVA CHAT — RIGHT CHAT AREA
========================================= */

/* Общий фон правой части */
.mx_MainSplit,
.mx_RoomView,
.mx_RoomView_body,
.mx_RoomView_timeline {
    background: #f4f8fb !important;
}

/* Верхняя панель комнаты */
.mx_RoomHeader {
    background: rgba(255,255,255,0.92) !important;
    border-bottom: 1px solid rgba(36,107,184,0.12) !important;
    box-shadow: 0 4px 18px rgba(15,35,60,0.06) !important;
}

/* Область сообщений */
.mx_AutoHideScrollbar {
    background:
        linear-gradient(
            180deg,
            rgba(244,248,251,1) 0%,
            rgba(232,241,247,1) 100%
        ) !important;
}

/* Нижняя строка ввода */
.mx_MessageComposer {
    background: rgba(255,255,255,0.94) !important;
    border-top: 1px solid rgba(36,107,184,0.12) !important;
    box-shadow: 0 -4px 18px rgba(15,35,60,0.05) !important;
}

/* Поле ввода сообщения */
.mx_MessageComposer textarea,
.mx_MessageComposer input,
.mx_BasicMessageComposer {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid rgba(36,107,184,0.16) !important;
}

/* Иконки верхней панели */
.mx_RoomHeader button svg,
.mx_RoomHeader button {
    color: #246bb8 !important;
}


/* EVA Chat — аккуратные bubble только для текста */

.mx_EventTile .mx_MTextBody {
    display: inline-block !important;
    width: fit-content !important;
    max-width: 520px !important;

    padding: 8px 12px !important;

    border-radius: 16px !important;

    background: #ffffff !important;

    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}

/* Мои текстовые сообщения */
.mx_EventTile_self .mx_MTextBody {
    background: linear-gradient(135deg, #dff3ff, #ccecff) !important;

    border-radius: 16px 16px 4px 16px !important;
}

/* Чужие текстовые сообщения */
.mx_EventTile:not(.mx_EventTile_self) .mx_MTextBody {
    border-radius: 16px 16px 16px 4px !important;
}


/* EVA Chat — свои сообщения справа */

li.mx_EventTile[data-self="true"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
}

/* Основная строка собственного сообщения */
li.mx_EventTile[data-self="true"] > .mx_EventTile_line {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;

    width: fit-content !important;
    max-width: 65% !important;

    margin-left: auto !important;
    margin-right: 24px !important;
}

/* Скрываем аватар у собственных сообщений */
li.mx_EventTile[data-self="true"] > .mx_EventTile_avatar {
    display: none !important;
}

/* Имя отправителя справа */
li.mx_EventTile[data-self="true"] > .mx_DisambiguatedProfile,
li.mx_EventTile[data-self="true"] .mx_DisambiguatedProfile {
    text-align: right !important;
}

/* Пузырь собственного сообщения */
li.mx_EventTile[data-self="true"] .mx_MTextBody {
    display: inline-block !important;

    width: fit-content !important;
    max-width: 520px !important;

    margin-left: auto !important;
    margin-right: 0 !important;

    background: linear-gradient(135deg, #dff3ff, #ccecff) !important;
    border-radius: 16px 16px 4px 16px !important;
}



/* ==========================================================
   EVA Chat — скрытие служебных элементов у своих сообщений
   ========================================================== */

/* Скрываем имя отправителя у собственных сообщений */
li.mx_EventTile[data-self="true"] > .mx_DisambiguatedProfile,
li.mx_EventTile[data-self="true"] > .mx_EventTile_senderDetails,
li.mx_EventTile[data-self="true"] .mx_EventTile_senderDetails,
li.mx_EventTile[data-self="true"] .mx_SenderProfile {
    display: none !important;
}

/* Скрываем аватар собственного сообщения */
li.mx_EventTile[data-self="true"] > .mx_EventTile_avatar,
li.mx_EventTile[data-self="true"] .mx_EventTile_avatar {
    display: none !important;
}

/* Не оставляем пустое место от скрытого имени и аватара */
li.mx_EventTile[data-self="true"] {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
}

/* Уменьшаем расстояние между последовательными своими сообщениями */
li.mx_EventTile[data-self="true"].mx_EventTile_continuation {
    padding-top: 2px !important;
}

/* Небольшой интервал перед первым сообщением группы */
li.mx_EventTile[data-self="true"]:not(.mx_EventTile_continuation) {
    padding-top: 8px !important;
}





.mx_EventTile .mx_MTextBody {
    display: inline-block !important;
    width: fit-content !important;
    max-width: 520px !important;
    padding: 8px 12px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}

.mx_EventTile[data-self="true"] .mx_MTextBody {
    background: linear-gradient(135deg, #dff3ff, #ccecff) !important;
    border-radius: 16px 16px 4px 16px !important;
}

/* ==========================================================
   EVA Chat — собственное сообщение в стиле Telegram
   Единое строчное размещение текста, времени и статуса
   ========================================================== */

/*
 * Контейнер собственного сообщения.
 */
li.mx_EventTile[data-self="true"] .eva_OwnMessage {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;

    width: fit-content !important;
    max-width: 100% !important;

    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
}

/*
 * Единый пузырь сообщения.
 *
 * Это обычный inline-block. Внутри него текст и время
 * участвуют в одном строчном потоке.
 */
li.mx_EventTile[data-self="true"] .eva_OwnMessageContent {
    display: inline-block !important;

    width: fit-content !important;
    max-width: 520px !important;

    box-sizing: content-box !important;

    padding: 8px 12px !important;

    background: linear-gradient(135deg, #dff3ff, #ccecff) !important;
    border-radius: 16px 16px 4px 16px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;

    line-height: 1.35 !important;
    text-align: start !important;
}

/*
 * Убираем отдельную коробку штатного mx_MTextBody.
 *
 * Его содержимое становится непосредственной частью
 * строчного потока eva_OwnMessageContent.
 */
li.mx_EventTile[data-self="true"]
    .eva_OwnMessageContent
    .mx_MTextBody {
    display: contents !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/*
 * В TextualBodyFactory собственный текст теперь создаётся
 * тегом span. Принудительно сохраняем строчное поведение.
 */
li.mx_EventTile[data-self="true"]
    .eva_OwnMessageContent
    .mx_EventTile_body {
    display: inline !important;
    position: static !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: normal !important;
    overflow: visible !important;
}

/*
 * Старых невидимых проставок больше нет.
 */
li.mx_EventTile[data-self="true"]
    .eva_OwnMessageContent
    .mx_EventTile_body::after {
    content: none !important;
    display: none !important;

    width: 0 !important;
    height: 0 !important;
}

/*
 * Если сообщение отрисовано как Markdown с абзацем,
 * последний абзац должен позволять времени продолжить
 * последнюю строку.
 */
li.mx_EventTile[data-self="true"]
    .eva_OwnMessageContent
    .mx_EventTile_body > p:last-child,
li.mx_EventTile[data-self="true"]
    .eva_OwnMessageContent
    .markdown-body > p:last-child {
    display: inline !important;

    margin-bottom: 0 !important;
}

/*
 * Блок времени следует сразу после текста.
 *
 * display: inline-flex:
 * - время является одним неразрывным блоком;
 * - остаётся после последней строки;
 * - при нехватке места переносится целиком.
 *
 * vertical-align опускает его немного ниже текста,
 * как в Telegram.
 */
li.mx_EventTile[data-self="true"] .eva_OwnMessageMeta {
    position: static !important;

    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 3px !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 12px !important;

    margin: 0 0 0 7px !important;
    padding: 0 !important;

    vertical-align: -2px !important;
    white-space: nowrap !important;

    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
    translate: none !important;

    pointer-events: auto !important;
    z-index: auto !important;

   
}

/*
 * Сам timestamp всегда виден.
 */
li.mx_EventTile[data-self="true"]
    .eva_OwnMessageMeta
    .mx_MessageTimestamp,
li.mx_EventTile[data-self="true"]
    .eva_OwnMessageMeta
    > a.mx_MessageTimestamp {
    position: static !important;

    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: inline-flex !important;
    align-items: center !important;

    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 12px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 10px !important;
    line-height: 12px !important;
    white-space: nowrap !important;

    color: #6d8794 !important;

    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
    translate: none !important;

}

/*
 * Hover и focus не меняют расположение времени.
 */
li.mx_EventTile[data-self="true"]:hover .eva_OwnMessageMeta,
li.mx_EventTile[data-self="true"]:focus-within .eva_OwnMessageMeta,
li.mx_EventTile[data-self="true"]:not(:hover) .eva_OwnMessageMeta {
    position: static !important;
    inset: auto !important;

    display: inline-flex !important;

    width: auto !important;

    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
    translate: none !important;
}

/* ==========================================================
   EVA Chat — время сразу под последней строкой
   только у длинного собственного сообщения
   ========================================================== */

/*
 * Portal уже переносит meta внутрь mx_EventTile_body.
 * Поэтому для длинного сообщения можно создать компактную
 * служебную строку непосредственно после текста.
 */
li.mx_EventTile[data-self="true"]
    .eva_MTextBody_multiline
    .mx_EventTile_body {
    position: static !important;
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

/*
 * Старый резерв в конце строки больше не требуется.
 */
li.mx_EventTile[data-self="true"]
    .eva_MTextBody_multiline
    .mx_EventTile_body::after {
    content: none !important;
    display: none !important;

    width: 0 !important;
    height: 0 !important;
}

/*
 * Время длинного сообщения:
 *
 * - находится в обычном потоке;
 * - идёт сразу после последней текстовой строки;
 * - выравнивается вправо;
 * - имеет минимальный вертикальный интервал.
 */
li.mx_EventTile[data-self="true"]
    .eva_MTextBody_multiline
    .mx_EventTile_body
    > .eva_OwnMessageMeta {
    position: static !important;

    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    float: none !important;
    clear: both !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 11px !important;

    /*
     * Отрицательный верхний отступ подтягивает время
     * ближе к последней строке, как в Telegram.
     */
    margin-top: -2px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;

    padding: 0 !important;

    line-height: 11px !important;
    white-space: nowrap !important;

    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
    translate: none !important;

    z-index: auto !important;
}

/*
 * Сам timestamp также не должен получать
 * штатное абсолютное позиционирование Element.
 */
li.mx_EventTile[data-self="true"]
    .eva_MTextBody_multiline
    .mx_EventTile_body
    > .eva_OwnMessageMeta
    .mx_MessageTimestamp,
li.mx_EventTile[data-self="true"]
    .eva_MTextBody_multiline
    .mx_EventTile_body
    > .eva_OwnMessageMeta
    > a.mx_MessageTimestamp {
    position: static !important;
    inset: auto !important;

    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    height: 11px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 10px !important;
    line-height: 11px !important;

    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
    translate: none !important;
}

/*
 * Hover и focus не меняют расположение времени.
 */
li.mx_EventTile[data-self="true"]:hover
    .eva_MTextBody_multiline
    .mx_EventTile_body
    > .eva_OwnMessageMeta,
li.mx_EventTile[data-self="true"]:focus-within
    .eva_MTextBody_multiline
    .mx_EventTile_body
    > .eva_OwnMessageMeta,
li.mx_EventTile[data-self="true"]:not(:hover)
    .eva_MTextBody_multiline
    .mx_EventTile_body
    > .eva_OwnMessageMeta {
    position: static !important;
    inset: auto !important;

    float: none !important;
    clear: both !important;

    display: flex !important;
    justify-content: flex-end !important;

    width: 100% !important;

    margin-top: -2px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
    translate: none !important;
}

/* ==========================================================
   EVA Chat — входящее сообщение в стиле исходящего
   Текст и время находятся внутри одного пузыря
   ========================================================== */

li.mx_EventTile[data-self="false"] .eva_IncomingMessage {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-inline-start: 0 !important;
    margin-inline-end: auto !important;
}

li.mx_EventTile[data-self="false"] .eva_IncomingMessageContent {
    display: inline-block !important;
    width: fit-content !important;
    max-width: 520px !important;
    box-sizing: content-box !important;
    padding: 8px 12px !important;
    background: linear-gradient(135deg, #dff3ff, #ccecff) !important;
    border-radius: 16px 16px 16px 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    line-height: 1.35 !important;
    text-align: start !important;
}

/*
 * Стандартная оболочка текста не должна рисовать
 * второй пузырь внутри eva_IncomingMessageContent.
 */
li.mx_EventTile[data-self="false"]
    .eva_IncomingMessageContent
    .mx_MTextBody {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/*
 * Текст и время участвуют в общем строчном потоке.
 */
li.mx_EventTile[data-self="false"]
    .eva_IncomingMessageContent
    .mx_EventTile_body {
    display: inline !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
}

li.mx_EventTile[data-self="false"]
    .eva_IncomingMessageContent
    .mx_EventTile_body::after {
    content: none !important;
    display: none !important;
}

li.mx_EventTile[data-self="false"]
    .eva_IncomingMessageContent
    .mx_EventTile_body > p:last-child,
li.mx_EventTile[data-self="false"]
    .eva_IncomingMessageContent
    .markdown-body > p:last-child {
    display: inline !important;
    margin-bottom: 0 !important;
}

/*
 * Время короткого входящего сообщения.
 */
li.mx_EventTile[data-self="false"] .eva_IncomingMessageMeta {
    position: static !important;
    inset: auto !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 3px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 12px !important;
    margin: 0 0 0 7px !important;
    padding: 0 !important;
    vertical-align: -2px !important;
    white-space: nowrap !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
}

li.mx_EventTile[data-self="false"]
    .eva_IncomingMessageMeta
    .mx_MessageTimestamp,
li.mx_EventTile[data-self="false"]
    .eva_IncomingMessageMeta
    > a.mx_MessageTimestamp {
    position: static !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 12px !important;
    white-space: nowrap !important;
    color: #6d8794 !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
}

/*
 * Длинное входящее сообщение.
 * Portal переносит время внутрь mx_EventTile_body.
 */
li.mx_EventTile[data-self="false"]
    .eva_MTextBody_multiline
    .mx_EventTile_body {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

li.mx_EventTile[data-self="false"]
    .eva_MTextBody_multiline
    .mx_EventTile_body::after {
    content: none !important;
    display: none !important;
}

li.mx_EventTile[data-self="false"]
    .eva_MTextBody_multiline
    .mx_EventTile_body
    > .eva_IncomingMessageMeta {
    position: static !important;
    inset: auto !important;
    float: none !important;
    clear: both !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 11px !important;
    margin-top: -2px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    line-height: 11px !important;
    white-space: nowrap !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
}

li.mx_EventTile[data-self="false"]
    .eva_MTextBody_multiline
    .mx_EventTile_body
    > .eva_IncomingMessageMeta
    .mx_MessageTimestamp,
li.mx_EventTile[data-self="false"]
    .eva_MTextBody_multiline
    .mx_EventTile_body
    > .eva_IncomingMessageMeta
    > a.mx_MessageTimestamp {
    position: static !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 11px !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
}

/*
 * Наведение и фокус не должны скрывать
 * или перемещать время входящего сообщения.
 */
li.mx_EventTile[data-self="false"]:hover .eva_IncomingMessageMeta,
li.mx_EventTile[data-self="false"]:focus-within .eva_IncomingMessageMeta,
li.mx_EventTile[data-self="false"]:not(:hover) .eva_IncomingMessageMeta {
    position: static !important;
    inset: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
}

/* ==========================================================
   EVA Chat — время URL-превью справа внизу
   Для входящих и исходящих сообщений с карточкой ссылки
   ========================================================== */

/*
 * Текст сообщения и URL-превью занимают отдельную строку.
 */
li.mx_EventTile[data-self="false"]
    .eva_IncomingMessageContent:has(.mx_TextualBody_urlPreviews)
    > .mx_MTextBody,
li.mx_EventTile[data-self="true"]
    .eva_OwnMessageContent:has(.mx_TextualBody_urlPreviews)
    > .mx_MTextBody {
    display: block !important;
    width: 100% !important;
}

/*
 * Метаданные являются соседним элементом mx_MTextBody,
 * а не находятся внутри mx_EventTile_body.
 */
li.mx_EventTile[data-self="false"]
    .eva_IncomingMessageContent:has(.mx_TextualBody_urlPreviews)
    > .eva_IncomingMessageMeta,
li.mx_EventTile[data-self="true"]
    .eva_OwnMessageContent:has(.mx_TextualBody_urlPreviews)
    > .eva_OwnMessageMeta {
    position: static !important;
    inset: auto !important;
    float: none !important;
    clear: both !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 12px !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    line-height: 12px !important;
    white-space: nowrap !important;
    vertical-align: baseline !important;
margin-top: -5px !important;
}

/* ==========================================================================
   EVA: Message delivery and read status
   ========================================================================== */

.eva_OwnMessageMeta .mx_EventTile_msgOption {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 12px !important;
    height: 12px !important;

    margin: 0 0 0 4px !important;
    padding: 0 !important;

    flex: 0 0 12px !important;
}

.eva_OwnMessageMeta .mx_ReadReceiptGroup {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 12px !important;
    height: 12px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.eva_OwnMessageMeta .mx_ReadReceiptGroup_button.eva_MessageReceipt {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;

    color: #8a939b !important;
}

.eva_OwnMessageMeta .eva_MessageReceipt .mx_ReadReceiptGroup_container {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 12px !important;
    height: 12px !important;
}

.eva_OwnMessageMeta .eva_MessageReceipt svg {
    display: block !important;

    width: 12px !important;
    height: 12px !important;

    fill: currentColor !important;
    stroke: currentColor !important;
}

.eva_OwnMessageMeta .eva_MessageReceipt--read {
    color: #3390ec !important;
}

.eva_OwnMessageMeta .eva_MessageReceipt--failed {
    color: #e5484d !important;
}

/* ==========================================================================
   EVA Chat — время у изображений справа
   ========================================================================== */

/*
 * Изображение занимает отдельную строку.
 * Метаданные располагаются под изображением и выравниваются вправо.
 */
li.mx_EventTile[data-self="true"]
    .eva_OwnMessageContent.eva_MessageContent_image,
li.mx_EventTile[data-self="false"]
    .eva_IncomingMessageContent.eva_MessageContent_image {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

/*
 * Время исходящего изображения и галочки.
 */
li.mx_EventTile[data-self="true"]
    .eva_OwnMessageContent.eva_MessageContent_image
    > .eva_OwnMessageMeta {
    position: static !important;
    inset: auto !important;

    float: none !important;
    clear: both !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    align-self: flex-end !important;

    width: fit-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 12px !important;

    margin-top: 10px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    padding: 0 !important;

    line-height: 12px !important;
    white-space: nowrap !important;
    vertical-align: baseline !important;

    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
    translate: none !important;
}

/*
 * Время входящего изображения.
 */
li.mx_EventTile[data-self="false"]
    .eva_IncomingMessageContent.eva_MessageContent_image
    > .eva_IncomingMessageMeta {
    position: static !important;
    inset: auto !important;

    float: none !important;
    clear: both !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    align-self: flex-end !important;

    width: fit-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 12px !important;

    margin-top: 2px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    padding: 0 !important;

    line-height: 12px !important;
    white-space: nowrap !important;
    vertical-align: baseline !important;

    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
    translate: none !important;
}

/* ORBIS: космический градиент заголовка приветствия */
.mx_DefaultWelcome h1 {
    display: inline-block !important;

    background: linear-gradient(
        90deg,
        #62b7ff 0%,
        #9fd7ff 42%,
        #d8b7ff 68%,
        #ffd37a 100%
    ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;

    filter: drop-shadow(0 0 6px rgba(98, 183, 255, 0.35)) !important;
}


/* ==========================================================
   ORBIS — Welcome screen
   ========================================================== */

/* 1. Лёгкое объёмное свечение заголовка */
.mx_DefaultWelcome h1 {
    text-shadow:
        0 0 10px rgba(80,170,255,0.18),
        0 0 22px rgba(80,170,255,0.08);
}

/* 2. Оставляем только кнопку "Войти" */
.mx_DefaultWelcome_buttons a[href="#/register"] {
    display: none !important;
}

/* 3. Убираем лишнее пространство после скрытия регистрации */
.mx_DefaultWelcome_buttons {
    display: flex;
    flex-direction: column;
    gap: 0 !important;
    margin-bottom: 0 !important;
border-bottom: none !important;
margin-top: 15px !important;
margin-bottom: 10px !important;
}

/* 4. Кнопка "Войти" */


.mx_DefaultWelcome_buttons a[href="#/login"] {
    background: linear-gradient(
        135deg,
        #0A84FF 0%,
        #2A9DFF 45%,
        #00BFA5 100%
    ) !important;

    color: #ffffff !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    width: 220px !important;
    min-width: 220px !important;
    height: 42px !important;
    min-height: 42px !important;

    padding: 0 24px !important;
    margin: 0 auto !important;

    border-radius: 12px !important;

    box-shadow:
        0 8px 24px rgba(10,132,255,0.25),
        inset 0 1px 0 rgba(255,255,255,0.20);

    transition: all .25s ease;
}

/* Hover */
.mx_DefaultWelcome_buttons a[href="#/login"]:hover {
    transform: translateY(-1px);
    box-shadow:
        0 12px 30px rgba(10,132,255,0.32),
        inset 0 1px 0 rgba(255,255,255,0.28);
}