/* NorthPrime Chat: оформление встроенных страниц Element.
   Классы из welcome.html/home.html фильтр вырезает, поэтому селекторы
   опираются на классы самого Element и на атрибуты src у картинок. */

/* ---------- Страница приветствия ---------- */
.mx_WelcomePage_body {
    max-width: 420px;
    margin: 0 auto;
    padding: 20px 12px 8px;
    text-align: center;
    color: #FFFFFF;
    font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif;
}

.mx_WelcomePage_body img[src*="logo"] {
    display: block;
    margin: 0 auto 28px;
    max-width: 200px;
    height: auto;
}

.mx_WelcomePage_body h1 {
    margin: 0 0 12px;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}

.mx_WelcomePage_body p {
    margin: 0 0 18px;
    font-size: 14px;
    line-height: 1.6;
    color: #9D9D9D;
}

.mx_WelcomePage_body small {
    font-size: 12px;
    color: #7C7E89;
}

/* ---------- Главная страница после входа ---------- */
.mx_HomePage_body {
    max-width: 560px;
    margin: 0 auto;
    padding: 48px 24px;
    color: #FFFFFF;
    font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif;
}

.mx_HomePage_body img[src*="logo"] {
    display: block;
    margin: 0 0 28px;
    max-width: 170px;
    height: auto;
}

.mx_HomePage_body h1 {
    margin: 0 0 12px;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.mx_HomePage_body p {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.6;
    color: #9D9D9D;
}

.mx_HomePage_body small {
    font-size: 12px;
    color: #7C7E89;
}

/* ---------- Кнопки и ссылки (общее) ---------- */
.mx_WelcomePage_body a,
.mx_HomePage_body a {
    color: #CCB38D;
    text-decoration: none;
}

.mx_WelcomePage_body a:hover,
.mx_HomePage_body a:hover {
    text-decoration: underline;
}

.mx_WelcomePage_body a img[src*="btn-"],
.mx_HomePage_body a img[src*="btn-"] {
    display: block;
    width: 280px;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    transition: filter 0.18s, transform 0.12s;
}

.mx_WelcomePage_body a:hover img[src*="btn-"],
.mx_HomePage_body a:hover img[src*="btn-"] {
    filter: brightness(1.18);
}

.mx_WelcomePage_body a:active img[src*="btn-"],
.mx_HomePage_body a:active img[src*="btn-"] {
    transform: scale(0.98);
}

.mx_WelcomePage_body a:has(img),
.mx_HomePage_body a:has(img) {
    display: inline-block;
    text-decoration: none;
}

/* Кнопка по центру на странице приветствия */
.mx_WelcomePage_body a img[src*="btn-"] {
    margin: 0 auto;
}