/* SAF_HOME_INSTALL_REAL_LIGHT_FIX_V6 */
/* Только действующая светлая тема body.light */

/* Основная кнопка */
html body.light #homePage
.saf-home-install-action-v1 {
    background: #edf1ee !important;
    background-color: #edf1ee !important;
    background-image: none !important;

    color: #343b37 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Наведение */
html body.light #homePage
.saf-home-install-action-v1:hover {
    background: #e3e8e4 !important;
    background-color: #e3e8e4 !important;
    background-image: none !important;
}

/* Круг с иконкой */
html body.light #homePage
.saf-home-install-action-v1-icon {
    background: #dfe7e1 !important;
    background-color: #dfe7e1 !important;

    color: #343b37 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Иконка книги */
html body.light #homePage
.saf-home-install-action-v1-icon svg,
html body.light #homePage
.saf-home-install-action-v1-icon svg * {
    color: #343b37 !important;
    stroke: #343b37 !important;
    fill: none !important;
    filter: none !important;
}

/* Заголовок */
html body.light #homePage
.saf-home-install-action-v1-title {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
}

/* Описание */
html body.light #homePage
.saf-home-install-action-v1-subtitle {
    color: #68736d !important;
    -webkit-text-fill-color: #68736d !important;
    opacity: 1 !important;
}

/* Стрелка */
html body.light #homePage
.saf-home-install-action-v1-arrow {
    color: #68736d !important;
    -webkit-text-fill-color: #68736d !important;
    opacity: .8 !important;
}



/* SAF_INSTALL_FULL_LIGHT_V1 */
/* Только светлая тема SAF CONNECT */

/* Основная карточка */
body.light #safConnectPage .saf-install-panel {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #dce3de !important;
    box-shadow: 0 12px 35px rgba(35, 48, 40, .055) !important;
    color: #343b37 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Верхний блок установки */
body.light #safConnectPage .saf-install-head {
    color: #343b37 !important;
}

body.light #safConnectPage .saf-install-title {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
}

/* Выбор приложения */
body.light #safConnectPage .saf-app-button {
    background: #f0f3f1 !important;
    background-image: none !important;
    border: 1px solid #dfe5e0 !important;
    color: #343b37 !important;
}

body.light #safConnectPage .saf-app-button.active {
    background: linear-gradient(
        115deg,
        #e0e7e2,
        #edf1ee
    ) !important;
    border: 1px solid #77867b !important;
    color: #343b37 !important;
    box-shadow: inset 0 0 0 1px rgba(52,59,55,.07) !important;
}

body.light #safConnectPage .saf-app-button:hover {
    border-color: #a4afa7 !important;
}

body.light #safConnectPage .saf-app-button::before {
    background: #66736a !important;
}

/* QR-кнопка и выбор платформы */
body.light #safConnectPage .saf-connect-qr-button-v1,
body.light #safConnectPage .saf-platform-current {
    background: #f0f3f1 !important;
    border: 1px solid #dce3de !important;
    color: #343b37 !important;
}

body.light #safConnectPage .saf-platform-arrow {
    border-color: #606c63 !important;
}

body.light #safConnectPage .saf-platform-current-name,
body.light #safConnectPage .saf-platform-current-icon {
    color: #343b37 !important;
}

/* Выпадающее меню платформ */
body.light #safConnectPage .saf-platform-menu {
    background: #ffffff !important;
    border: 1px solid #dce3de !important;
    box-shadow: 0 14px 35px rgba(30,45,35,.12) !important;
    color: #343b37 !important;
}

body.light #safConnectPage .saf-platform-option {
    color: #343b37 !important;
}

body.light #safConnectPage .saf-platform-option:hover {
    background: #edf1ee !important;
}

body.light #safConnectPage .saf-platform-option.active {
    background: #e5ebe6 !important;
    color: #343b37 !important;
}

/* Заголовки шагов */
body.light #safConnectPage .saf-guide-title {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    opacity: 1 !important;
}

/* Описания шагов */
body.light #safConnectPage .saf-guide-text {
    color: #68736c !important;
    -webkit-text-fill-color: #68736c !important;
    opacity: 1 !important;
}

/* Общий текст внутри инструкции */
body.light #safConnectPage .saf-guide-content {
    color: #343b37 !important;
}

/* Вертикальная линия шагов */
body.light #safConnectPage .saf-guide-step::before,
body.light #safConnectPage .saf-guide-step::after {
    border-color: #d6ded8 !important;
}

/* Кнопки скачивания Linux */
body.light #safConnectPage .saf-linux-download {
    background: #edf1ee !important;
    border: 1px solid #cdd7cf !important;
    color: #343b37 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

body.light #safConnectPage .saf-linux-download:hover {
    background: #e0e7e1 !important;
    border-color: #a6b4a9 !important;
}

/* Добавление подписки Linux */
body.light #safConnectPage .saf-linux-import-button {
    background: #343b37 !important;
    border: 1px solid #343b37 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body.light #safConnectPage .saf-linux-import-button:hover {
    background: #465049 !important;
}

/* Общие кнопки внутри шагов */
body.light #safConnectPage .saf-guide-content a,
body.light #safConnectPage .saf-guide-content button {
    transition:
        transform .14s ease,
        border-color .14s ease !important;
}

/* Стандартная кнопка добавления подписки */
body.light #safConnectPage .saf-guide-content
.saf-connect-add-button,
body.light #safConnectPage .saf-guide-content
.saf-guide-add-button {
    background: #343b37 !important;
    border-color: #343b37 !important;
    color: #ffffff !important;
}

/* Предупреждения и вспомогательный текст */
body.light #safConnectPage .saf-linux-unavailable {
    color: #68736c !important;
}

/* Убираем наследование белого текста у стандартных элементов */
body.light #safConnectPage .saf-install-panel p {
    text-shadow: none !important;
}

/* Цветные PNG-стикеры шагов не изменяем. */


/* SAF_INSTALL_FULL_LIGHT_V2 */
/* Только светлая тема, только страница установки */

/* Внешняя карточка: убираем серо-зелёную заливку */
html body.light.saf-connect-page-open
#safConnectPage .saf-connect-page-inner,
html body.light
#safConnectPage .saf-connect-page-inner {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfcfb 52%,
            #f4f7f5 100%
        ) !important;
    background-color: #ffffff !important;
    border: 1px solid #dce4de !important;
    box-shadow:
        0 14px 38px rgba(35,48,40,.055) !important;
    color: #343b37 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Не допускаем тёмной заливки самой страницы */
html body.light.saf-connect-page-open
#safConnectPage {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #343b37 !important;
}

/* Верхний блок выбора приложения */
html body.light #safConnectPage .saf-install-panel {
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fafbfa
        ) !important;
    background-color: #ffffff !important;
    border: 1px solid #dce4de !important;
    color: #343b37 !important;
}

/* Заголовки и описания всех шагов */
html body.light #safConnectPage .saf-guide-title {
    color: #343b37 !important;
    opacity: 1 !important;
}

html body.light #safConnectPage .saf-guide-text,
html body.light #safConnectPage .saf-region-video-note {
    color: #626e66 !important;
    opacity: 1 !important;
}

html body.light #safConnectPage .saf-guide-content {
    color: #343b37 !important;
}

/* Линия между шагами */
html body.light #safConnectPage .saf-guide-timeline
.saf-guide-step::before,
html body.light #safConnectPage .saf-guide-timeline
.saf-guide-step::after {
    border-color: #cbd5cd !important;
}

/* Кнопки установки и импорта */
html body.light #safConnectPage
.saf-subscription-open,
html body.light #safConnectPage
#safConnectCopySubscription,
html body.light #safConnectPage
.saf-linux-download,
html body.light #safConnectPage
.saf-linux-import-button {
    background: #edf1ee !important;
    background-image: none !important;
    border: 1px solid #b8c5bb !important;
    color: #343b37 !important;
    box-shadow: none !important;
}

html body.light #safConnectPage
.saf-subscription-open:hover,
html body.light #safConnectPage
#safConnectCopySubscription:hover,
html body.light #safConnectPage
.saf-linux-download:hover,
html body.light #safConnectPage
.saf-linux-import-button:hover {
    background: #dfe7e1 !important;
    border-color: #8d9d91 !important;
}

html body.light #safConnectPage
.saf-subscription-open-plus,
html body.light #safConnectPage
.saf-guide-action-symbol,
html body.light #safConnectPage
#safConnectCopyText {
    color: #343b37 !important;
    opacity: 1 !important;
}

/* Видеоинструкция */
html body.light #safConnectPage .saf-region-video {
    background: #f0f3f1 !important;
    background-image: none !important;
    border: 1px solid #d6dfd8 !important;
    color: #343b37 !important;
}

html body.light #safConnectPage
.saf-region-video-label strong {
    color: #343b37 !important;
}

html body.light #safConnectPage
.saf-region-video-label small {
    color: #69756d !important;
}

html body.light #safConnectPage
.saf-region-video-play {
    background: #e0e8e2 !important;
    border: 1px solid #b6c5b9 !important;
    color: #343b37 !important;
}

html body.light #safConnectPage
.saf-region-video-arrow::before {
    border-color: #657269 !important;
}

/* Выпадающий список платформ */
html body.light #safConnectPage .saf-platform-menu {
    background: #ffffff !important;
    background-image: none !important;
    background-color: #ffffff !important;
    border: 1px solid #dce4de !important;
    box-shadow:
        0 16px 38px rgba(35,48,40,.13) !important;
    color: #343b37 !important;
}

html body.light #safConnectPage
.saf-platform-menu .saf-platform-option {
    color: #343b37 !important;
}

html body.light #safConnectPage
.saf-platform-menu .saf-platform-option.active {
    background: #e3eae5 !important;
    background-image: none !important;
    background-color: #e3eae5 !important;
    color: #343b37 !important;
    box-shadow: none !important;
}

html body.light #safConnectPage
.saf-platform-menu .saf-platform-option:not(.active):hover {
    background: #f0f3f1 !important;
    background-image: none !important;
    background-color: #f0f3f1 !important;
}

/* Значки и стрелки в верхней панели */
html body.light #safConnectPage
.saf-connect-qr-button-v1,
html body.light #safConnectPage
.saf-platform-current {
    background: #edf1ee !important;
    background-image: none !important;
    border-color: #d3dcd5 !important;
    color: #343b37 !important;
}

html body.light #safConnectPage
.saf-platform-arrow {
    border-color: #343b37 !important;
}

/* Вспомогательные поля */
html body.light #safConnectPage
.saf-guide-empty,
html body.light #safConnectPage
.saf-connect-next {
    background: #f1f4f2 !important;
    border-color: #d5ded7 !important;
    color: #343b37 !important;
}

/* Мобильные устройства и Mini App */
@media (max-width: 600px) {
    html body.light #safConnectPage
    .saf-connect-page-inner {
        background:
            linear-gradient(
                160deg,
                #ffffff,
                #f6f8f6
            ) !important;
    }
}



/* SAF_INSTALL_PAGE_WHITE_BACKGROUND_V3 */

/*
 * Белый фон всей страницы инструкций.
 * Работает только в светлой теме.
 * Не изменяет другие страницы.
 */

html body.light.saf-connect-page-open
#safConnectPage {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;

    min-height: 100vh;
    min-height: 100dvh;
}

/*
 * Заполняем нижнюю пустую область
 * на iPhone и в Telegram Mini App.
 */

html body.light.saf-connect-page-open
.app {
    background: #ffffff !important;
    background-image: none !important;
}

/*
 * Сама карточка сохраняет
 * существующий светлый дизайн.
 */

html body.light.saf-connect-page-open
#safConnectPage .saf-connect-page-inner {
    background-color: #ffffff !important;
}

/*
 * Убираем тёмный фон у корневой
 * области только пока открыты инструкции.
 */

html body.light.saf-connect-page-open {
    background-color: #ffffff !important;
    background-image: none !important;
}


/* SAF_INSTALL_LIGHT_ICONS_V3 */
/* Исключительно светлая тема страницы установки */

/* QR-стикер: графитовый, без изменения размеров */
html body.light #safConnectPage
.saf-connect-qr-icon-v1 {
    filter:
        brightness(0)
        saturate(100%)
        invert(22%)
        sepia(8%)
        saturate(430%)
        hue-rotate(88deg)
        brightness(92%) !important;

    opacity: 1 !important;
}

/* Если QR выполнен через SVG */
html body.light #safConnectPage
.saf-connect-qr-button-v1 svg {
    color: #343b37 !important;
    stroke: #343b37 !important;
}

/* Стрелка в заголовке установки */
html body.light #safConnectPage
.saf-install-head
.saf-install-back,
html body.light #safConnectPage
.saf-install-head
.saf-connect-back {
    color: #343b37 !important;
    opacity: 1 !important;
}

html body.light #safConnectPage
.saf-install-head
.saf-install-back svg,
html body.light #safConnectPage
.saf-install-head
.saf-connect-back svg {
    color: #343b37 !important;
    stroke: #343b37 !important;
    opacity: 1 !important;
}

/* Кнопки скачивания на всех платформах */
html body.light #safConnectPage
.saf-guide-action {
    background: #edf1ee !important;
    background-image: none !important;

    border: 1px solid #b8c5bb !important;
    color: #343b37 !important;

    box-shadow: none !important;
}

html body.light #safConnectPage
.saf-guide-action:hover {
    background: #dfe7e1 !important;
    border-color: #8d9d91 !important;
}

html body.light #safConnectPage
.saf-guide-action svg,
html body.light #safConnectPage
.saf-guide-action i,
html body.light #safConnectPage
.saf-guide-action .saf-guide-action-symbol {
    color: #343b37 !important;
    stroke: currentColor;
}

/* Активные приложения: графит, не зелёный */
html body.light #safConnectPage
.saf-app-button.active {
    color: #343b37 !important;
    border-color: #8c9b90 !important;
    background:
        linear-gradient(
            120deg,
            #e0e7e2,
            #edf1ee
        ) !important;
}

html body.light #safConnectPage
.saf-app-button.active::before {
    background: #657269 !important;
}

/* Не анимируем смену цветовой темы */
html body.light #safConnectPage
.saf-guide-action,
html body.light #safConnectPage
.saf-app-button {
    transition:
        transform .14s ease !important;
}



/* SAF_INCY_LIGHT_BRAND_GRAPHITE_V1 */

/* INCY / Inki: readable brand in light theme only */
html body.light #safConnectPage
.saf-app-button .saf-app-brand-incy,

html body.light-theme #safConnectPage
.saf-app-button .saf-app-brand-incy {

    color: #343b37 !important;
    opacity: 1 !important;
}

/* Keep the selected brand clearly visible */
html body.light #safConnectPage
.saf-app-button.active .saf-app-brand-incy,

html body.light-theme #safConnectPage
.saf-app-button.active .saf-app-brand-incy {

    color: #343b37 !important;
    opacity: 1 !important;
}



/* SAF_HAPP_LIGHT_BRAND_GRAPHITE_V1 */

/* Happ PNG logo: graphite in light theme only */

html body.light #safConnectPage
.saf-app-button img.saf-app-brand-happ,

html body.light-theme #safConnectPage
.saf-app-button img.saf-app-brand-happ {

    filter:
        brightness(0)
        saturate(100%)
        invert(22%)
        sepia(8%)
        saturate(450%)
        hue-rotate(86deg)
        brightness(94%)
        contrast(94%) !important;

    opacity: 1 !important;
}

/* Selected Happ remains clearly visible */

html body.light #safConnectPage
.saf-app-button.active img.saf-app-brand-happ,

html body.light-theme #safConnectPage
.saf-app-button.active img.saf-app-brand-happ {

    opacity: 1 !important;
}



/* SAF_LIGHT_APP_DOT_GRAPHITE_V1 */

/* Точка слева от названия приложения */

html body.light #safConnectPage
.saf-app-button::before,

html body.light-theme #safConnectPage
.saf-app-button::before {

    background: #343b37 !important;
    opacity: 1 !important;
}

/* Точка выбранного приложения */

html body.light #safConnectPage
.saf-app-button.active::before,

html body.light-theme #safConnectPage
.saf-app-button.active::before {

    background: #343b37 !important;
    opacity: 1 !important;
}


/* SAF_PLATFORM_LIGHT_GRAPHITE_V1 */
/* Только светлая тема страницы установки */

/* Все иконки платформ */
html body.light #safConnectPage
.saf-platform-current-icon,
html body.light #safConnectPage
.saf-platform-option-icon {
    color: #343b37 !important;
    opacity: 1 !important;
}

/* SVG: macOS, Android, Windows, Linux и другие */
html body.light #safConnectPage
.saf-platform-current-icon svg,
html body.light #safConnectPage
.saf-platform-option-icon svg {
    color: #343b37 !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Изображения платформ: графит без белого свечения */
html body.light #safConnectPage
.saf-platform-current-icon img,
html body.light #safConnectPage
.saf-platform-option-icon img {
    filter:
        brightness(0)
        saturate(100%)
        invert(22%)
        sepia(8%)
        saturate(430%)
        hue-rotate(88deg)
        brightness(92%) !important;

    opacity: 1 !important;
}

/* Включая macOS Finder SVG */
html body.light #safConnectPage
.saf-platform-option[data-platform="macos"]
.saf-platform-option-icon svg,
html body.light #safConnectPage
.saf-platform-select:has(
    .saf-platform-option[data-platform="macos"].active
)
.saf-platform-current-icon svg {
    color: #343b37 !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Кнопка выбранной платформы */
html body.light #safConnectPage
.saf-platform-current {
    background: #edf1ee !important;
    background-image: none !important;
    border: 1px solid #d3dcd5 !important;
    color: #343b37 !important;
}

/* Выпадающее меню */
html body.light #safConnectPage
.saf-platform-menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #dce4de !important;
    color: #343b37 !important;
}

/* Обычные пункты */
html body.light #safConnectPage
.saf-platform-menu .saf-platform-option {
    color: #343b37 !important;
    background: transparent !important;
    background-image: none !important;
}

/* Выбранная платформа */
html body.light #safConnectPage
.saf-platform-menu .saf-platform-option.active {
    color: #343b37 !important;
    background: #e3e8e4 !important;
    background-color: #e3e8e4 !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Наведение */
html body.light #safConnectPage
.saf-platform-menu .saf-platform-option:not(.active):hover {
    background: #f0f2f0 !important;
    background-image: none !important;
}

/* Стрелка раскрытия */
html body.light #safConnectPage
.saf-platform-arrow {
    border-color: #343b37 !important;
}


/* SAF_QR_LIGHT_GRAPHITE_V1 */
/* Только светлая тема. QR-генерацию не изменяем. */

/* Основное окно */
html body.light #safQrPage.active-page .saf-qr-inner,
html body.light-theme #safQrPage.active-page .saf-qr-inner {
    background: linear-gradient(
        155deg,
        #ffffff 0%,
        #f7f9f7 52%,
        #edf1ee 100%
    ) !important;

    background-color: #ffffff !important;

    border: 1px solid #d6dfd8 !important;

    box-shadow:
        0 24px 70px rgba(30, 42, 34, .18),
        inset 0 1px 0 rgba(255,255,255,.9)
        !important;

    color: #343b37 !important;

    -webkit-text-fill-color: #343b37 !important;

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

/* Заголовок */
html body.light #safQrPage .saf-qr-title,
html body.light-theme #safQrPage .saf-qr-title {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    text-shadow: none !important;
}

/* Название сервиса */
html body.light #safQrPage .saf-qr-brand,
html body.light-theme #safQrPage .saf-qr-brand {
    color: #48534c !important;
    -webkit-text-fill-color: #48534c !important;
    text-shadow: none !important;
}

/* Описание */
html body.light #safQrPage .saf-qr-subtitle,
html body.light-theme #safQrPage .saf-qr-subtitle {
    color: #68756c !important;
    -webkit-text-fill-color: #68756c !important;
    text-shadow: none !important;
}

/* Ссылка под QR */
html body.light #safQrPage .saf-qr-url,
html body.light-theme #safQrPage .saf-qr-url {
    color: #58655d !important;
    -webkit-text-fill-color: #58655d !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* Сообщение об отсутствии конфигурации */
html body.light #safQrPage .saf-qr-unavailable,
html body.light-theme #safQrPage .saf-qr-unavailable {
    color: #59665e !important;
    -webkit-text-fill-color: #59665e !important;
}

/* Кнопка Назад */
html body.light #safQrPage .saf-qr-inner .saf-qr-back-v7,
html body.light-theme #safQrPage .saf-qr-inner .saf-qr-back-v7 {
    background: #edf1ee !important;
    background-image: none !important;

    border: 1px solid #d3dcd5 !important;

    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;

    box-shadow: none !important;
    text-shadow: none !important;
}

/* Текст и стрелка псевдоэлементов */
html body.light #safQrPage .saf-qr-back-v7::before,
html body.light #safQrPage .saf-qr-back-v7::after,
html body.light-theme #safQrPage .saf-qr-back-v7::before,
html body.light-theme #safQrPage .saf-qr-back-v7::after {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
}

/* Hover только на устройствах с мышью */
@media (hover: hover) {
    html body.light #safQrPage .saf-qr-back-v7:hover,
    html body.light-theme #safQrPage .saf-qr-back-v7:hover {
        background: #e2e9e4 !important;
        border-color: #bfcac1 !important;
        color: #343b37 !important;
    }
}

/* Белая подложка QR: без фильтров */
html body.light #safQrPage .saf-qr-card,
html body.light-theme #safQrPage .saf-qr-card {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e1e6e2 !important;
    box-shadow: 0 6px 22px rgba(35,45,38,.08) !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* QR остаётся чёрно-белым */
html body.light #safQrPage #safQrCode,
html body.light-theme #safQrPage #safQrCode,
html body.light #safQrPage #safQrCode canvas,
html body.light-theme #safQrPage #safQrCode canvas {
    filter: none !important;
    opacity: 1 !important;
}



/* SAF_QR_LIGHT_WHITE_BACKGROUND_V2 */

/*
 * Белый фон QR-экрана в светлой теме.
 * Общая система оформления сохраняется.
 */

html body.light:not(.guest-mode)
#safQrPage.active-page,
html body.light-theme:not(.guest-mode)
#safQrPage.active-page {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;

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

/*
 * Цвет текста карточки.
 * Размеры и расположение не меняем.
 */

html body.light:not(.guest-mode)
#safQrPage.active-page .saf-qr-inner,
html body.light-theme:not(.guest-mode)
#safQrPage.active-page .saf-qr-inner {
    color: #343b37 !important;
}


/* SAF_INFO_LIGHT_GRAPHITE_V1 */
/* Только светлая тема страницы «Информация» */

/* Основная страница */
html body.light.saf-info-page-open
#safInfoPage.active-page {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #343b37 !important;
}

/* Фон приложения */
html body.light.saf-info-page-open .app {
    background: transparent !important;
    background-color: transparent !important;
}

/* Заголовок */
html body.light #safInfoPage .saf-info-heading,
html body.light #safInfoPage .saf-info-heading h1 {
    color: #343b37 !important;
}

/* Карточка содержимого */
html body.light #safInfoPage .saf-info-card {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfcfb 55%,
            #f5f7f5 100%
        ) !important;
    background-color: #ffffff !important;
    border: 1px solid #dce3de !important;
    box-shadow: 0 12px 32px rgba(35,48,40,.045) !important;
    color: #343b37 !important;
}

/* Вкладки */
html body.light #safInfoPage .saf-info-tab {
    background: #f0f2f0 !important;
    background-image: none !important;
    border: 1px solid #e0e5e1 !important;
    color: #343b37 !important;
}

/* Активная вкладка */
html body.light #safInfoPage .saf-info-tab.active {
    background:
        linear-gradient(
            120deg,
            #dce4de,
            #edf1ee
        ) !important;
    border: 1px solid #75867a !important;
    color: #343b37 !important;
    box-shadow:
        inset 0 0 0 1px rgba(52,59,55,.06)
        !important;
}

/* Значки вкладок */
html body.light #safInfoPage
.saf-info-tab-icon,
html body.light #safInfoPage
.saf-info-tab-icon svg {
    color: #343b37 !important;
    stroke: #343b37 !important;
    opacity: 1 !important;
}

/* Заливка центрального элемента значка статуса */
html body.light #safInfoPage
.saf-info-tab-icon svg path[fill="#20dc78"] {
    fill: #343b37 !important;
}

/* Персональные статусы */
html body.light #safInfoPage
.saf-status-preview-v1 {
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f4f6f4
        ) !important;
    background-color: #ffffff !important;
    border: 1px solid #dce3de !important;
    box-shadow: none !important;
    color: #343b37 !important;
}

/* Заголовок статуса */
html body.light #safInfoPage
.saf-status-preview-heading-v1 h2 {
    color: #343b37 !important;
}

/* Значок награды */
html body.light #safInfoPage
.saf-status-preview-icon-v1 {
    background: #e9eeea !important;
    border: 1px solid #d0d9d2 !important;
    color: #343b37 !important;
}

html body.light #safInfoPage
.saf-status-preview-icon-v1 svg {
    color: #343b37 !important;
    stroke: #343b37 !important;
}

/* Плашка «Привилегии» */
html body.light #safInfoPage
.saf-status-preview-badge-v1 {
    background: #e6ebe7 !important;
    border-color: #d4ddd6 !important;
    color: #343b37 !important;
}

/* Подзаголовок */
html body.light #safInfoPage
.saf-status-preview-lead-v1 {
    color: #343b37 !important;
}

/* Обычные абзацы */
html body.light #safInfoPage
.saf-status-preview-v1 p {
    color: #59665e !important;
}

/* Информационная плашка внизу */
html body.light #safInfoPage
.saf-status-preview-note-v1 {
    background: #edf1ee !important;
    background-image: none !important;
    border: 1px solid #d7dfd9 !important;
    color: #59665e !important;
}

/* Мобильное выпадающее меню вкладок */
html body.light #safInfoPage
.saf-info-dropdown-v1 .saf-info-tabs {
    background: #ffffff !important;
    border-color: #dce3de !important;
    box-shadow: 0 14px 32px rgba(35,48,40,.12) !important;
}

/* Не меняем размеры, скролл и анимации страницы */


/* SAF_INFO_STATUS_ICON_GRAPHITE_V2 */

/* Значок персональных статусов — только светлая тема */
html body.light #safInfoPage
.saf-status-preview-icon-v1,
html body.light #safInfoPage
.saf-status-preview-icon {
    background: #e9eeea !important;
    background-image: none !important;
    border: 1px solid #d5ddd7 !important;
    color: #343b37 !important;
    box-shadow: none !important;
}

html body.light #safInfoPage
.saf-status-preview-icon-v1 svg,
html body.light #safInfoPage
.saf-status-preview-icon svg {
    color: #343b37 !important;
    stroke: #343b37 !important;
    fill: none !important;
    filter: none !important;
}

/* Центральная звезда использует заливку */
html body.light #safInfoPage
.saf-status-preview-icon-v1 svg path[fill],
html body.light #safInfoPage
.saf-status-preview-icon svg path[fill] {
    fill: #343b37 !important;
    stroke: none !important;
}



/* SAF_INFO_STATUS_TEXT_GRAPHITE_V3 */
/* Только светлая тема */

/* Настоящий контейнер медали */
html body.light #safInfoPage
.saf-status-preview-v1
.saf-status-preview-medal-v1 {
    background: #e9edeb !important;
    background-image: none !important;
    border: 1px solid #d3dcd6 !important;
    box-shadow: none !important;
    color: #343b37 !important;
}

/* SVG медали */
html body.light #safInfoPage
.saf-status-preview-medal-v1 svg,
html body.light #safInfoPage
.saf-status-preview-medal-v1 svg * {
    color: #343b37 !important;
    stroke: #343b37 !important;
    filter: none !important;
}

/* Убираем зелёную заливку внутренних элементов */
html body.light #safInfoPage
.saf-status-preview-medal-v1 svg
[fill]:not([fill="none"]) {
    fill: #343b37 !important;
}

/* Сохраняем прозрачные элементы SVG */
html body.light #safInfoPage
.saf-status-preview-medal-v1 svg
[fill="none"] {
    fill: none !important;
}

/* Подзаголовок */
html body.light #safInfoPage
.saf-status-preview-v1
.saf-status-preview-lead-v1 {
    color: #343b37 !important;
    font-weight: 750 !important;
    opacity: 1 !important;
}

/* Основной текст */
html body.light #safInfoPage
.saf-status-preview-v1 p:not(.saf-status-preview-lead-v1) {
    color: #48534c !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

/* Нижняя информационная плашка */
html body.light #safInfoPage
.saf-status-preview-v1
.saf-status-preview-note-v1 {
    background: #e9edeb !important;
    background-image: none !important;
    border-color: #d2dbd5 !important;
    color: #48534c !important;
    font-weight: 550 !important;
    opacity: 1 !important;
}

/* Название статуса */
html body.light #safInfoPage
.saf-status-preview-heading-v1 h2 {
    color: #343b37 !important;
    font-weight: 800 !important;
}


/* SAF_DESKTOP_INFO_NAV_SAFE_V1 */

/* Не даём пунктам навигации накладываться друг на друга. */
@media (min-width: 1024px) {
    #safDesktopNav {
        min-width: 0;
        max-width: 100%;
    }

    #safDesktopNav .saf-desktop-nav-btn {
        white-space: nowrap;
        flex-shrink: 0;
    }
}

/*
 * При нехватке места скрываем только центральную
 * навигацию. Существующее боковое меню остаётся.
 */