/* ===== 1. КАЛЕНДАРЬ СРОКА ПОДПИСКИ ===== */

html body.light #homePage #homeUserCard
#safPlusRemainingV5 svg,
html body.light #homePage #homeUserCard
#safPlusRemainingV5 svg *,
html body.light #homePage #homeUserCard
.saf-plus-expiry svg,
html body.light #homePage #homeUserCard
.saf-plus-expiry svg * {
    color: #343b37 !important;
    stroke: #343b37 !important;
}

/* ===== 2. ПРОДЛИТЬ / СМЕНИТЬ ТАРИФ ===== */

/* Основная кнопка — нейтральная светлая */
html body.light #homePage #homeUserCard
#homeBuyButton:not(.saf-renew-warning):not(.saf-renew-danger) {
    background: #edf0ee !important;
    border-color: #edf0ee !important;
    color: #343b37 !important;
}

/* Иконка и её подложка */
html body.light #homePage #homeUserCard
#homeBuyButton .saf-buy-tariff-icon-v11,
html body.light #homePage #homeUserCard
#homeBuyButton .saf-renew-icon {
    background: #dfe5e1 !important;
    color: #343b37 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* SVG календаря */
html body.light #homePage #homeUserCard
#homeBuyButton .saf-buy-tariff-icon-v11 svg,
html body.light #homePage #homeUserCard
#homeBuyButton .saf-buy-tariff-icon-v11 svg *,
html body.light #homePage #homeUserCard
#homeBuyButton .saf-renew-icon svg {
    color: #343b37 !important;
    stroke: #343b37 !important;
}

/* Название и стрелка */
html body.light #homePage #homeUserCard
#homeBuyButton b,
html body.light #homePage #homeUserCard
#homeBuyButton .arrow {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
}

/* Подпись */
html body.light #homePage #homeUserCard
#homeBuyButton .action-sub {
    color: #68716c !important;
    -webkit-text-fill-color: #68716c !important;
}

/* ===== 3. ПЛАВАЮЩИЕ ФОНОВЫЕ ЭЛЕМЕНТЫ ===== */

html body.light:not(.guest-mode)
#safAmbientBackground .saf-ambient-glow-one {
    background: radial-gradient(
        circle,
        rgba(90,98,93,.16) 0%,
        rgba(120,128,122,.08) 38%,
        transparent 70%
    ) !important;
}

html body.light:not(.guest-mode)
#safAmbientBackground .saf-ambient-glow-two {
    background: radial-gradient(
        circle,
        rgba(110,116,112,.14) 0%,
        rgba(140,146,141,.07) 40%,
        transparent 70%
    ) !important;
}

html body.light:not(.guest-mode)
#safAmbientBackground .saf-ambient-glow-three {
    background: radial-gradient(
        circle,
        rgba(80,90,84,.13) 0%,
        rgba(120,128,122,.06) 40%,
        transparent 70%
    ) !important;
}

/* Сохраняем анимации и размеры элементов. */




/* SAF_PROFILE_LIGHT_TYPOGRAPHY_V1 */
/* Светлая тема: улучшенная читаемость профиля */

/* Заголовки информационных карточек */
html body.light .saf-account-info-card > h2,
html body.light .saf-linked-accounts-card > h2 {
    font-weight: 750 !important;
    color: #26312b !important;
    -webkit-text-fill-color: #26312b !important;
}

/* Названия полей и их значения */
html body.light .saf-account-info-card .list-row {
    font-weight: 550 !important;
    color: #343b37 !important;
}

html body.light .saf-account-info-card .list-row > span {
    font-weight: 600 !important;
    color: #4b5850 !important;
    -webkit-text-fill-color: #4b5850 !important;
    opacity: 1 !important;
}

/* Подпись блока способов входа */
html body.light .saf-linked-accounts-card
.saf-linked-accounts-subtitle {
    font-weight: 500 !important;
    color: #68736d !important;
    opacity: 1 !important;
}

/* Названия способов входа */
html body.light .saf-linked-accounts-card
.saf-linked-account-name {
    font-weight: 650 !important;
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
}

/* Адреса и идентификаторы */
html body.light .saf-linked-accounts-card
.saf-linked-account-description {
    font-weight: 550 !important;
    color: #68736d !important;
    -webkit-text-fill-color: #68736d !important;
    opacity: 1 !important;
}

/* Статусы привязки: сохраняем смысловые цвета */
html body.light .saf-linked-accounts-card
.saf-linked-account-status {
    font-weight: 650 !important;
    opacity: 1 !important;
}



/* SAF_PROFILE_LINKED_ACCOUNTS_UNIFIED_V1 */
/* Только светлая тема, только карточка Аккаунт */

/* Заголовок */
html body.light .saf-linked-accounts-card > h2 {
    color: #26312b !important;
    font-weight: 750 !important;
}

/* Описание */
html body.light .saf-linked-accounts-card
.saf-linked-accounts-subtitle {
    color: #68736d !important;
    font-weight: 550 !important;
    opacity: 1 !important;
}

/* Названия способов входа */
html body.light .saf-linked-accounts-card
.saf-linked-account-name {
    color: #343b37 !important;
    font-weight: 650 !important;
}

/* Идентификаторы и адреса */
html body.light .saf-linked-accounts-card
.saf-linked-account-description {
    color: #68736d !important;
    font-weight: 550 !important;
    opacity: 1 !important;
}

/* Статусы привязки */
html body.light .saf-linked-accounts-card
.saf-linked-account-status {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    font-weight: 650 !important;
    opacity: 1 !important;
}

/* Одинаковые кнопки отвязки */
html body.light .saf-linked-accounts-card
.saf-linked-account-button {
    box-sizing: border-box !important;

    background: #f0f3f1 !important;
    background-image: none !important;

    border: 1px solid #d6ded8 !important;
    border-radius: 10px !important;

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

    box-shadow: none !important;
    outline: none !important;

    opacity: 1 !important;
}

/* Иконки удаления */
html body.light .saf-linked-accounts-card
.saf-linked-account-button svg,
html body.light .saf-linked-accounts-card
.saf-linked-account-button svg * {
    color: #343b37 !important;
    stroke: #343b37 !important;
    opacity: 1 !important;
}

/* Наведение */
@media (hover: hover) {
    html body.light .saf-linked-accounts-card
    .saf-linked-account-button:hover {
        background: #e2e8e4 !important;
        border-color: #aebcb2 !important;
        box-shadow: none !important;
    }
}

/* Клавиатурный фокус */
html body.light .saf-linked-accounts-card
.saf-linked-account-button:focus-visible {
    outline: 2px solid #343b37 !important;
    outline-offset: 2px !important;
}

/* Разделители строк */
html body.light .saf-linked-accounts-card
.saf-linked-account-item {
    border-color: #dce4de !important;
}



/* SAF_PROFILE_LINKED_ICONS_GRAPHITE_V1 */
/* Telegram + Email icons, light theme only */

html body.light .saf-linked-accounts-card
.saf-linked-account-icon {
    box-sizing: border-box !important;

    background: #e5eae7 !important;
    background-image: none !important;

    border: 1px solid #d1dbd4 !important;
    border-radius: 11px !important;

    color: #343b37 !important;

    box-shadow: none !important;
    opacity: 1 !important;
}

/* Telegram and email SVG */
html body.light .saf-linked-accounts-card
.saf-linked-account-icon svg {
    color: #343b37 !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Telegram icon uses fill=currentColor */
html body.light .saf-linked-accounts-card
.saf-linked-telegram svg,
html body.light .saf-linked-accounts-card
.saf-linked-telegram svg path {
    fill: #343b37 !important;
}

/* Email icon uses stroke */
html body.light .saf-linked-accounts-card
.saf-linked-account-icon:not(.saf-linked-telegram) svg,
html body.light .saf-linked-accounts-card
.saf-linked-account-icon:not(.saf-linked-telegram) svg * {
    stroke: #343b37 !important;
}


/* SAF DEVICE DELETE LIGHT FIX V3 */

/* Только светлая тема */
body.light #safDeviceDeleteModal .saf-delete-modal-card,
body.light-theme #safDeviceDeleteModal .saf-delete-modal-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #d8dfda !important;
    box-shadow: 0 24px 65px rgba(25,35,29,.20) !important;
    color: #343b37 !important;
    opacity: 1 !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.light #safDeviceDeleteModal .saf-delete-modal-title,
body.light-theme #safDeviceDeleteModal .saf-delete-modal-title {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    text-shadow: none !important;
}

body.light #safDeviceDeleteModal .saf-delete-modal-text,
body.light-theme #safDeviceDeleteModal .saf-delete-modal-text {
    color: #657169 !important;
    -webkit-text-fill-color: #657169 !important;
}

body.light #safDeviceDeleteModal .saf-delete-modal-device,
body.light-theme #safDeviceDeleteModal .saf-delete-modal-device {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
}

body.light #safDeviceDeleteModal .saf-delete-modal-cancel,
body.light-theme #safDeviceDeleteModal .saf-delete-modal-cancel {
    background: #edf1ee !important;
    border: 1px solid #d6ded8 !important;
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
}

body.light #safDeviceDeleteModal .saf-delete-modal-confirm,
body.light-theme #safDeviceDeleteModal .saf-delete-modal-confirm {
    background: #fff0f0 !important;
    border: 1px solid #efc6c6 !important;
    color: #be4040 !important;
    -webkit-text-fill-color: #be4040 !important;
}

body.light #safDeviceDeleteModal .saf-delete-modal-icon,
body.light-theme #safDeviceDeleteModal .saf-delete-modal-icon {
    background: #fff0f0 !important;
    border: 1px solid #f0d0d0 !important;
}

body.light #safDeviceDeleteModal .saf-delete-modal-icon svg,
body.light-theme #safDeviceDeleteModal .saf-delete-modal-icon svg {
    color: #d14b4b !important;
    stroke: #d14b4b !important;
}


/* SAF CONNECT — LIGHT TARIFF CATALOG GRAPHITE V1 */

/* Карточки */
html body.light #safTariffCatalogV13 .saf-tariff-card-v13,
html body.light-theme #safTariffCatalogV13 .saf-tariff-card-v13 {
    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #f2f4f2 100%
    ) !important;
    border: 1px solid #d9e0db !important;
    color: #343b37 !important;
    box-shadow: 0 8px 28px rgba(35,45,39,.045) !important;
}

/* Названия и иконки */
html body.light #safTariffCatalogV13 .saf-tariff-name-v13,
html body.light-theme #safTariffCatalogV13 .saf-tariff-name-v13,
html body.light #safTariffCatalogV13 .saf-tariff-name-v13 strong,
html body.light-theme #safTariffCatalogV13 .saf-tariff-name-v13 strong,
html body.light #safTariffCatalogV13 .saf-catalog-icon-v1,
html body.light-theme #safTariffCatalogV13 .saf-catalog-icon-v1 {
    color: #343b37 !important;
}

/* Описание */
html body.light #safTariffCatalogV13 .saf-tariff-description-v13,
html body.light-theme #safTariffCatalogV13 .saf-tariff-description-v13 {
    color: #6b756e !important;
}

/* Преимущества */
html body.light #safTariffCatalogV13 .saf-tariff-features-v13,
html body.light-theme #safTariffCatalogV13 .saf-tariff-features-v13 {
    border-color: #e0e5e1 !important;
}

html body.light #safTariffCatalogV13 .saf-tariff-features-v13 div,
html body.light-theme #safTariffCatalogV13 .saf-tariff-features-v13 div,
html body.light #safTariffCatalogV13 .saf-tariff-features-v13 strong,
html body.light-theme #safTariffCatalogV13 .saf-tariff-features-v13 strong {
    color: #46514a !important;
}

/* Галочки и декоративные SVG — без изменения флагов */
html body.light #safTariffCatalogV13 .saf-tariff-features-v13 div > span,
html body.light-theme #safTariffCatalogV13 .saf-tariff-features-v13 div > span,
html body.light #safTariffCatalogV13 .saf-feature-icon,
html body.light-theme #safTariffCatalogV13 .saf-feature-icon {
    color: #343b37 !important;
    stroke: currentColor !important;
}

/* Разделители */
html body.light #safTariffCatalogV13 .saf-tariff-bottom-v13,
html body.light-theme #safTariffCatalogV13 .saf-tariff-bottom-v13,
html body.light #safTariffCatalogV13 .saf-tariff-footer-v13,
html body.light-theme #safTariffCatalogV13 .saf-tariff-footer-v13 {
    border-color: #e0e5e1 !important;
}

/* Цены */
html body.light #safTariffCatalogV13 .saf-tariff-price-v13 strong,
html body.light-theme #safTariffCatalogV13 .saf-tariff-price-v13 strong,
html body.light #safTariffPlusV13 .saf-tariff-price-v13 strong,
html body.light-theme #safTariffPlusV13 .saf-tariff-price-v13 strong {
    color: #343b37 !important;
}

html body.light #safTariffCatalogV13 .saf-tariff-price-v13 small,
html body.light-theme #safTariffCatalogV13 .saf-tariff-price-v13 small,
html body.light #safTariffCatalogV13 .saf-tariff-price-v13 span,
html body.light-theme #safTariffCatalogV13 .saf-tariff-price-v13 span {
    color: #748078 !important;
}

/* Кнопки выбора */
html body.light #safTariffCatalogV13 .saf-tariff-select-v13,
html body.light-theme #safTariffCatalogV13 .saf-tariff-select-v13,
html body.light #safTariffCatalogV13 .saf-tariff-footer-v13 .saf-tariff-select-v13,
html body.light-theme #safTariffCatalogV13 .saf-tariff-footer-v13 .saf-tariff-select-v13 {
    background: linear-gradient(
        135deg,
        #343b37,
        #252c28
    ) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 5px 16px rgba(35,45,39,.12) !important;
}

html body.light #safTariffCatalogV13 .saf-tariff-select-v13::after,
html body.light-theme #safTariffCatalogV13 .saf-tariff-select-v13::after {
    color: #ffffff !important;
}

/* Плашки */
html body.light #safTariffCatalogV13 .saf-tariff-badge-v13,
html body.light-theme #safTariffCatalogV13 .saf-tariff-badge-v13 {
    background: #eef1ee !important;
    border: 1px solid #d6ddd7 !important;
    color: #343b37 !important;
}

/* Кнопка назад */
html body.light #safTariffCatalogV13 .saf-plans-top-back-v1,
html body.light-theme #safTariffCatalogV13 .saf-plans-top-back-v1 {
    background: #f0f3f0 !important;
    border: 1px solid #d5ddd7 !important;
    color: #343b37 !important;
}

/* Дополнительные элементы единого каталога */
html body.light #safTariffCatalogV13 .saf-tariff-benefit-v17,
html body.light-theme #safTariffCatalogV13 .saf-tariff-benefit-v17,
html body.light #safTariffCatalogV13 .saf-tariff-benefit-text-v17 strong,
html body.light-theme #safTariffCatalogV13 .saf-tariff-benefit-text-v17 strong {
    color: #46514a !important;
}

html body.light #safTariffCatalogV13 .saf-tariff-benefit-check-v17,
html body.light-theme #safTariffCatalogV13 .saf-tariff-benefit-check-v17 {
    color: #343b37 !important;
}

html body.light #safTariffCatalogV13 .saf-tariff-benefits-v17,
html body.light-theme #safTariffCatalogV13 .saf-tariff-benefits-v17 {
    border-color: #e0e5e1 !important;
}

/* Флаги стран сохраняют оригинальные цвета */
html body.light #safTariffCatalogV13 .saf-feature-flag,
html body.light-theme #safTariffCatalogV13 .saf-feature-flag {
    filter: none !important;
}




/* SAF LIGHT CATALOG BACK GRAPHITE V4 */

html body.light #safTariffCatalogV13 button#safTariffCatalogBackV13,
html body.light-theme #safTariffCatalogV13 button#safTariffCatalogBackV13 {
    background: #eef0ee !important;
    background-color: #eef0ee !important;
    background-image: none !important;
    border: 1px solid #cbd2cc !important;
    border-color: #cbd2cc !important;
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

/* Надпись создаётся через псевдоэлемент */
html body.light #safTariffCatalogV13 button#safTariffCatalogBackV13::after,
html body.light-theme #safTariffCatalogV13 button#safTariffCatalogBackV13::after {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* Стрелка, если используется отдельный элемент */
html body.light #safTariffCatalogV13 button#safTariffCatalogBackV13 .saf-plans-top-back-icon-v1,
html body.light-theme #safTariffCatalogV13 button#safTariffCatalogBackV13 .saf-plans-top-back-icon-v1 {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    border-color: #cbd2cc !important;
    background: transparent !important;
}

@media (hover: hover) {
    html body.light #safTariffCatalogV13 button#safTariffCatalogBackV13:hover,
    html body.light-theme #safTariffCatalogV13 button#safTariffCatalogBackV13:hover {
        background: #e1e5e1 !important;
        background-color: #e1e5e1 !important;
        border-color: #b9c2bb !important;
    }
}


/* SAF CONNECT — black tariff buttons, light theme only */

html body.light #safTariffCatalogV13 .saf-tariff-select-v13,
html body.light-theme #safTariffCatalogV13 .saf-tariff-select-v13 {
    background: #111111 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #111111 !important;
    box-shadow: 0 7px 18px rgba(0,0,0,.18) !important;
    font-weight: 900 !important;
    transition:
        background-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}

html body.light #safTariffCatalogV13 .saf-tariff-select-v13::after,
html body.light-theme #safTariffCatalogV13 .saf-tariff-select-v13::after {
    color: #ffffff !important;
    font-weight: 900 !important;
}

@media (hover: hover) {
    html body.light #safTariffCatalogV13 .saf-tariff-select-v13:hover,
    html body.light-theme #safTariffCatalogV13 .saf-tariff-select-v13:hover {
        background: #292929 !important;
        border-color: #292929 !important;
        box-shadow: 0 9px 22px rgba(0,0,0,.22) !important;
        transform: translateY(-1px);
    }
}

html body.light #safTariffCatalogV13 .saf-tariff-select-v13:focus-visible,
html body.light-theme #safTariffCatalogV13 .saf-tariff-select-v13:focus-visible {
    outline: 3px solid #777777 !important;
    outline-offset: 3px !important;
}


/* SAF CONNECT — white tariff buttons, light theme only */

html body.light #safTariffCatalogV13 .saf-tariff-select-v13,
html body.light-theme #safTariffCatalogV13 .saf-tariff-select-v13 {
    background: #ffffff !important;
    background-image: none !important;
    color: #111111 !important;
    border: 1px solid #343b37 !important;
    box-shadow: 0 5px 15px rgba(25,30,27,.10) !important;
    font-weight: 900 !important;
}

html body.light #safTariffCatalogV13 .saf-tariff-select-v13::after,
html body.light-theme #safTariffCatalogV13 .saf-tariff-select-v13::after {
    color: #111111 !important;
    font-weight: 900 !important;
}

@media (hover: hover) {
    html body.light #safTariffCatalogV13 .saf-tariff-select-v13:hover,
    html body.light-theme #safTariffCatalogV13 .saf-tariff-select-v13:hover {
        background: #f0f2f0 !important;
        border-color: #343b37 !important;
        box-shadow: 0 8px 20px rgba(25,30,27,.14) !important;
    }
}

html body.light #safTariffCatalogV13 .saf-tariff-select-v13:active,
html body.light-theme #safTariffCatalogV13 .saf-tariff-select-v13:active {
    background: #e6eae7 !important;
}


/* SAF CONNECT — bold tariff features, light theme only */

html body.light #safTariffCatalogV13 .saf-tariff-features-v13 > div,
html body.light-theme #safTariffCatalogV13 .saf-tariff-features-v13 > div {
    font-weight: 600 !important;
    color: #343b37 !important;
    -webkit-font-smoothing: antialiased;
}

html body.light #safTariffCatalogV13 .saf-tariff-features-v13 > div > span,
html body.light-theme #safTariffCatalogV13 .saf-tariff-features-v13 > div > span {
    font-weight: 900 !important;
    color: #343b37 !important;
}


/* SAF CONNECT — LIGHT CONFIGURATOR GRAPHITE V1 */

/* Основная панель */
html body.light #safTariffConfiguratorV13,
html body.light-theme #safTariffConfiguratorV13 {
    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #f8faf8 100%
    ) !important;
    border: 1px solid #d9e0db !important;
    color: #343b37 !important;
    box-shadow: 0 8px 28px rgba(35,45,39,.045) !important;
}

/* Название тарифа, заголовки */
html body.light #safTariffConfiguratorV13 .saf-config-tariff-name-v20,
html body.light-theme #safTariffConfiguratorV13 .saf-config-tariff-name-v20,
html body.light #safTariffConfiguratorV13 .saf-plans-title,
html body.light-theme #safTariffConfiguratorV13 .saf-plans-title,
html body.light #safTariffConfiguratorV13 .saf-plan-section-title,
html body.light-theme #safTariffConfiguratorV13 .saf-plan-section-title {
    color: #343b37 !important;
}

/* Иконки названия тарифа */
html body.light #safTariffConfiguratorV13 .saf-config-tariff-name-v20 svg,
html body.light-theme #safTariffConfiguratorV13 .saf-config-tariff-name-v20 svg {
    color: #343b37 !important;
    stroke: currentColor !important;
}

/* Подписи */
html body.light #safTariffConfiguratorV13 .saf-config-tariff-description-v20,
html body.light-theme #safTariffConfiguratorV13 .saf-config-tariff-description-v20,
html body.light #safTariffConfiguratorV13 .saf-period-range-hint-v1,
html body.light-theme #safTariffConfiguratorV13 .saf-period-range-hint-v1,
html body.light #safTariffConfiguratorV13 .saf-device-description,
html body.light-theme #safTariffConfiguratorV13 .saf-device-description {
    color: #66736b !important;
}

/* Выбор срока подписки */
html body.light #safTariffConfiguratorV13 .saf-period-select,
html body.light-theme #safTariffConfiguratorV13 .saf-period-select {
    background: #f0f3f0 !important;
    border: 1px solid #d5ddd7 !important;
    border-radius: 14px !important;
    color: #343b37 !important;
    box-shadow: none !important;
}

html body.light #safTariffConfiguratorV13 .saf-period-select-title,
html body.light-theme #safTariffConfiguratorV13 .saf-period-select-title,
html body.light #safTariffConfiguratorV13 .saf-period-select-price,
html body.light-theme #safTariffConfiguratorV13 .saf-period-select-price,
html body.light #safTariffConfiguratorV13 .saf-period-chevron,
html body.light-theme #safTariffConfiguratorV13 .saf-period-chevron {
    color: #343b37 !important;
}

/* Количество устройств */
html body.light #safTariffConfiguratorV13 .saf-device-selector,
html body.light-theme #safTariffConfiguratorV13 .saf-device-selector {
    background: #f0f3f0 !important;
    border: 1px solid #d5ddd7 !important;
    border-radius: 15px !important;
}

html body.light #safTariffConfiguratorV13 .saf-device-control,
html body.light-theme #safTariffConfiguratorV13 .saf-device-control {
    background: #ffffff !important;
    border: 1px solid #d0d9d2 !important;
    border-radius: 12px !important;
    color: #343b37 !important;
    opacity: 1 !important;
    box-shadow: 0 2px 6px rgba(35,45,39,.05) !important;
}

html body.light #safTariffConfiguratorV13 .saf-device-control:disabled,
html body.light-theme #safTariffConfiguratorV13 .saf-device-control:disabled {
    opacity: .35 !important;
    cursor: not-allowed !important;
}

html body.light #safTariffConfiguratorV13 .saf-device-value,
html body.light-theme #safTariffConfiguratorV13 .saf-device-value,
html body.light #safTariffConfiguratorV13 #safSelectedDevices,
html body.light-theme #safTariffConfiguratorV13 #safSelectedDevices {
    color: #343b37 !important;
}

html body.light #safTariffConfiguratorV13 #safDeviceWord,
html body.light-theme #safTariffConfiguratorV13 #safDeviceWord {
    color: #66736b !important;
}

/* Включённые и дополнительные устройства */
html body.light #safTariffConfiguratorV13 #safIncludedDevicesDescription,
html body.light-theme #safTariffConfiguratorV13 #safIncludedDevicesDescription,
html body.light #safTariffConfiguratorV13 #safExtraDeviceDescription,
html body.light-theme #safTariffConfiguratorV13 #safExtraDeviceDescription {
    color: #66736b !important;
}

/* Итоговая стоимость */
html body.light #safTariffConfiguratorV13 .saf-total-box,
html body.light-theme #safTariffConfiguratorV13 .saf-total-box {
    background: #f0f3f0 !important;
    border: 1px solid #d9e0db !important;
    border-radius: 14px !important;
}

html body.light #safTariffConfiguratorV13 .saf-total-label,
html body.light-theme #safTariffConfiguratorV13 .saf-total-label,
html body.light #safTariffConfiguratorV13 .saf-total-price,
html body.light-theme #safTariffConfiguratorV13 .saf-total-price {
    color: #343b37 !important;
}

html body.light #safTariffConfiguratorV13 .saf-total-period,
html body.light-theme #safTariffConfiguratorV13 .saf-total-period {
    color: #66736b !important;
}

/* Кнопка покупки — белая с чёрным текстом */
html body.light #safTariffConfiguratorV13 #safPayButton,
html body.light-theme #safTariffConfiguratorV13 #safPayButton {
    background: #ffffff !important;
    background-image: none !important;
    color: #111111 !important;
    border: 1px solid #343b37 !important;
    border-radius: 13px !important;
    box-shadow: 0 5px 15px rgba(25,30,27,.10) !important;
    font-weight: 900 !important;
}

@media (hover: hover) {
    html body.light #safTariffConfiguratorV13 #safPayButton:hover,
    html body.light-theme #safTariffConfiguratorV13 #safPayButton:hover {
        background: #f0f2f0 !important;
        box-shadow: 0 8px 20px rgba(25,30,27,.14) !important;
    }
}

/* Кнопка назад */
html body.light #safTariffConfiguratorV13 #safPlansBackButton,
html body.light-theme #safTariffConfiguratorV13 #safPlansBackButton {
    background: #f0f3f0 !important;
    border: 1px solid #d5ddd7 !important;
    color: #343b37 !important;
    box-shadow: none !important;
}

html body.light #safTariffConfiguratorV13 #safPlansBackButton *,
html body.light-theme #safTariffConfiguratorV13 #safPlansBackButton * {
    color: #343b37 !important;
}

/* Экономия */
html body.light #safTariffConfiguratorV13 .saf-saving-box,
html body.light-theme #safTariffConfiguratorV13 .saf-saving-box {
    background: #eef1ee !important;
    border-color: #d5ddd7 !important;
    color: #343b37 !important;
}

/* Фокус элементов управления */
html body.light #safTariffConfiguratorV13 button:focus-visible,
html body.light-theme #safTariffConfiguratorV13 button:focus-visible {
    outline: 2px solid #343b37 !important;
    outline-offset: 3px !important;
}


/* SAF CONFIGURATOR BACK BUTTON V2 */
/* Only light theme, right top back button */

html body.light #safTariffConfiguratorV13 #safPlansBackButton,
html body.light-theme #safTariffConfiguratorV13 #safPlansBackButton {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    background: #eef1ee !important;
    background-image: none !important;
    border: 1px solid #d0d8d2 !important;
    border-radius: 10px !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

html body.light #safTariffConfiguratorV13 #safPlansBackButton *,
html body.light-theme #safTariffConfiguratorV13 #safPlansBackButton * {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    opacity: 1 !important;
}

html body.light #safTariffConfiguratorV13 #safPlansBackButton::before,
html body.light-theme #safTariffConfiguratorV13 #safPlansBackButton::before,
html body.light #safTariffConfiguratorV13 #safPlansBackButton::after,
html body.light-theme #safTariffConfiguratorV13 #safPlansBackButton::after {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    opacity: 1 !important;
}

@media (hover: hover) {
    html body.light #safTariffConfiguratorV13 #safPlansBackButton:hover,
    html body.light-theme #safTariffConfiguratorV13 #safPlansBackButton:hover {
        background: #e2e7e3 !important;
        border-color: #b9c5bc !important;
        color: #252c28 !important;
    }
}


/* SAF CONFIGURATOR BLACK BACK V3 */
/* Только светлая тема */

html body.light #safTariffConfiguratorV13 button#safPlansBackButton,
html body.light-theme #safTariffConfiguratorV13 button#safPlansBackButton {
    background: #111111 !important;
    background-color: #111111 !important;
    background-image: none !important;
    border: 1px solid #111111 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.12) !important;
}

/* Текст, стрелка и вложенные элементы */
html body.light #safTariffConfiguratorV13 #safPlansBackButton *,
html body.light-theme #safTariffConfiguratorV13 #safPlansBackButton * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

/* Псевдоэлементы */
html body.light #safTariffConfiguratorV13 #safPlansBackButton::before,
html body.light-theme #safTariffConfiguratorV13 #safPlansBackButton::before,
html body.light #safTariffConfiguratorV13 #safPlansBackButton::after,
html body.light-theme #safTariffConfiguratorV13 #safPlansBackButton::after {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

@media (hover: hover) {
    html body.light #safTariffConfiguratorV13 button#safPlansBackButton:hover,
    html body.light-theme #safTariffConfiguratorV13 button#safPlansBackButton:hover {
        background: #292929 !important;
        background-color: #292929 !important;
        border-color: #292929 !important;
    }
}

html body.light #safTariffConfiguratorV13 #safPlansBackButton:focus-visible,
html body.light-theme #safTariffConfiguratorV13 #safPlansBackButton:focus-visible {
    outline: 2px solid #343b37 !important;
    outline-offset: 3px !important;
}



/* SAF REAL CONFIGURATOR TOP BACK V5 */
/* Светлая тема: только графитовый текст, без подложки */

html[data-theme="light"] #safTariffConfiguratorV13 #safConfiguratorBadge,
body[data-theme="light"] #safTariffConfiguratorV13 #safConfiguratorBadge,
html body.light #safTariffConfiguratorV13 #safConfiguratorBadge,
html body.light-theme #safTariffConfiguratorV13 #safConfiguratorBadge {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    border-color: transparent !important;

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

    box-shadow: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}

/* Стрелка, надпись и псевдоэлементы */
html[data-theme="light"] #safTariffConfiguratorV13 #safConfiguratorBadge *,
body[data-theme="light"] #safTariffConfiguratorV13 #safConfiguratorBadge *,
html[data-theme="light"] #safTariffConfiguratorV13 #safConfiguratorBadge::before,
html[data-theme="light"] #safTariffConfiguratorV13 #safConfiguratorBadge::after,
body[data-theme="light"] #safTariffConfiguratorV13 #safConfiguratorBadge::before,
body[data-theme="light"] #safTariffConfiguratorV13 #safConfiguratorBadge::after {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* При наведении — только небольшое затемнение текста */
@media (hover: hover) {
    html[data-theme="light"] #safTariffConfiguratorV13 #safConfiguratorBadge:hover,
    body[data-theme="light"] #safTariffConfiguratorV13 #safConfiguratorBadge:hover {
        background: transparent !important;
        background-color: transparent !important;
        border-color: transparent !important;
        color: #202622 !important;
        -webkit-text-fill-color: #202622 !important;
        box-shadow: none !important;
    }
}


/* SAF CONFIGURATOR BRAND ICONS V1 */

#safTariffConfiguratorV13 .saf-config-tariff-name-v20 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#safTariffConfiguratorV13 .saf-config-brand-icon-v1 {
    width: 23px;
    height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 23px;
}

#safTariffConfiguratorV13 .saf-config-brand-icon-v1 svg {
    width: 23px !important;
    height: 23px !important;
    display: block;
    color: inherit;
}

html body.light #safTariffConfiguratorV13 .saf-config-brand-icon-v1,
html body.light-theme #safTariffConfiguratorV13 .saf-config-brand-icon-v1 {
    color: #343b37 !important;
}


/* SAF DEVICE SELECTOR UNIFIED V1 */

/* Общая геометрия */
#safTariffConfiguratorV13 .saf-device-selector {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 5px !important;
    border-radius: 15px !important;
    box-sizing: border-box !important;
}

#safTariffConfiguratorV13 #safDeviceMinus,
#safTariffConfiguratorV13 #safDevicePlus {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    flex: 0 0 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 11px !important;
    font-size: 22px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease !important;
}

#safTariffConfiguratorV13 .saf-device-value {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 8px 10px !important;
    border-radius: 11px !important;
    box-sizing: border-box !important;
}

#safTariffConfiguratorV13 #safSelectedDevices {
    font-size: 23px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    font-variant-numeric: tabular-nums;
}

#safTariffConfiguratorV13 #safDeviceWord {
    font-size: 12px !important;
    font-weight: 500 !important;
}

#safTariffConfiguratorV13 .saf-device-description {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-top: 10px !important;
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.45 !important;
}

#safTariffConfiguratorV13 #safIncludedDevicesDescription,
#safTariffConfiguratorV13 #safExtraDeviceDescription {
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

/* Светлая тема */
html[data-theme="light"] #safTariffConfiguratorV13 .saf-device-selector,
body.light #safTariffConfiguratorV13 .saf-device-selector,
body.light-theme #safTariffConfiguratorV13 .saf-device-selector {
    background: #f0f2f0 !important;
    border: 1px solid #d8dfda !important;
}

html[data-theme="light"] #safTariffConfiguratorV13 .saf-device-value,
body.light #safTariffConfiguratorV13 .saf-device-value,
body.light-theme #safTariffConfiguratorV13 .saf-device-value {
    background: transparent !important;
    border: 0 !important;
    color: #343b37 !important;
}

html[data-theme="light"] #safTariffConfiguratorV13 #safDeviceMinus,
html[data-theme="light"] #safTariffConfiguratorV13 #safDevicePlus,
body.light #safTariffConfiguratorV13 .saf-device-control,
body.light-theme #safTariffConfiguratorV13 .saf-device-control {
    background: #ffffff !important;
    border: 1px solid #d2d9d4 !important;
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    box-shadow: 0 1px 4px rgba(20,30,24,.05) !important;
}

html[data-theme="light"] #safTariffConfiguratorV13 #safDeviceWord,
html[data-theme="light"] #safTariffConfiguratorV13 .saf-device-description,
body.light #safTariffConfiguratorV13 #safDeviceWord,
body.light #safTariffConfiguratorV13 .saf-device-description,
body.light-theme #safTariffConfiguratorV13 #safDeviceWord,
body.light-theme #safTariffConfiguratorV13 .saf-device-description {
    color: #59665e !important;
}

/* Тёмная тема — не затрагиваем остальную панель */
html:not([data-theme="light"]) body:not(.light):not(.light-theme)
#safTariffConfiguratorV13 .saf-device-selector {
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
}

html:not([data-theme="light"]) body:not(.light):not(.light-theme)
#safTariffConfiguratorV13 .saf-device-value {
    background: transparent !important;
    border: 0 !important;
}

html:not([data-theme="light"]) body:not(.light):not(.light-theme)
#safTariffConfiguratorV13 .saf-device-control {
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: #e8eee9 !important;
    -webkit-text-fill-color: #e8eee9 !important;
    box-shadow: none !important;
}

html:not([data-theme="light"]) body:not(.light):not(.light-theme)
#safTariffConfiguratorV13 #safDeviceWord,
html:not([data-theme="light"]) body:not(.light):not(.light-theme)
#safTariffConfiguratorV13 .saf-device-description {
    color: #b3c0b7 !important;
}

/* Неактивные кнопки */
#safTariffConfiguratorV13 .saf-device-control:disabled {
    opacity: .35 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* Удобство на телефонах */
@media (max-width: 480px) {
    #safTariffConfiguratorV13 .saf-device-selector {
        gap: 5px !important;
    }

    #safTariffConfiguratorV13 #safSelectedDevices {
        font-size: 21px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #safTariffConfiguratorV13 .saf-device-control {
        transition: none !important;
    }
}


/* SAF DEVICE CONTROLS CENTER LIMIT V2 */

/* Одинаковая геометрия на всех платформах */
#safTariffConfiguratorV13 .saf-device-selector {
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
}

#safTariffConfiguratorV13 button#safDeviceMinus,
#safTariffConfiguratorV13 button#safDevicePlus {
    appearance: none !important;
    -webkit-appearance: none !important;

    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;

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

    display: grid !important;
    place-items: center !important;

    text-align: center !important;
    text-indent: 0 !important;
    vertical-align: middle !important;

    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    border-radius: 11px !important;
    box-sizing: border-box !important;

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

/* Убираем возможные декоративные псевдоэлементы */
#safTariffConfiguratorV13 button#safDeviceMinus::before,
#safTariffConfiguratorV13 button#safDeviceMinus::after,
#safTariffConfiguratorV13 button#safDevicePlus::before,
#safTariffConfiguratorV13 button#safDevicePlus::after {
    content: none !important;
    display: none !important;
}

/* Недоступное действие — красная кнопка */
#safTariffConfiguratorV13 button#safDeviceMinus:disabled,
#safTariffConfiguratorV13 button#safDevicePlus:disabled,
#safTariffConfiguratorV13 button#safDeviceMinus[aria-disabled="true"],
#safTariffConfiguratorV13 button#safDevicePlus[aria-disabled="true"] {
    background: rgba(210, 55, 65, .10) !important;
    background-color: rgba(210, 55, 65, .10) !important;
    border: 1px solid rgba(210, 55, 65, .45) !important;

    color: #c73540 !important;
    -webkit-text-fill-color: #c73540 !important;

    opacity: 1 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

/* Тёмная тема: контрастный красный */
html:not([data-theme="light"]) body:not(.light):not(.light-theme)
#safTariffConfiguratorV13 button#safDeviceMinus:disabled,
html:not([data-theme="light"]) body:not(.light):not(.light-theme)
#safTariffConfiguratorV13 button#safDevicePlus:disabled {
    background: rgba(255, 85, 95, .12) !important;
    border-color: rgba(255, 95, 105, .48) !important;
    color: #ff777e !important;
    -webkit-text-fill-color: #ff777e !important;
}

/* Сохранение удобного размера на телефонах */
@media (max-width: 480px) {
    #safTariffConfiguratorV13 button#safDeviceMinus,
    #safTariffConfiguratorV13 button#safDevicePlus {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
    }
}


/* SAF LIGHT PERIOD SHEET GRAPHITE V1 */

/* Окно */
html[data-theme="light"] #safPeriodSheet,
body.light #safPeriodSheet,
body.light-theme #safPeriodSheet {
    background: linear-gradient(
        155deg, #ffffff 0%, #f5f7f5 100%
    ) !important;
    border: 1px solid #d5ddd7 !important;
    box-shadow: 0 24px 70px rgba(28,39,32,.20) !important;
    color: #27302a !important;
}

/* Заголовок */
html[data-theme="light"] #safPeriodSheet .saf-period-sheet-title,
body.light #safPeriodSheet .saf-period-sheet-title,
body.light-theme #safPeriodSheet .saf-period-sheet-title {
    color: #222a25 !important;
    -webkit-text-fill-color: #222a25 !important;
    font-weight: 800 !important;
}

/* Подзаголовок */
html[data-theme="light"] #safPeriodSheet .saf-period-sheet-subtitle,
body.light #safPeriodSheet .saf-period-sheet-subtitle,
body.light-theme #safPeriodSheet .saf-period-sheet-subtitle {
    color: #66736b !important;
}

/* Кнопка закрытия */
html[data-theme="light"] #safPeriodSheetClose,
body.light #safPeriodSheetClose,
body.light-theme #safPeriodSheetClose {
    background: #eef1ee !important;
    border: 1px solid #d5ddd7 !important;
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    box-shadow: none !important;
}

/* Карточки сроков — общая цветовая схема */
html[data-theme="light"] #safPeriodSheetList > *,
body.light #safPeriodSheetList > *,
body.light-theme #safPeriodSheetList > * {
    background: #f0f3f0 !important;
    border-color: #d8dfda !important;
    color: #343b37 !important;
    box-shadow: none !important;
}

/* Выбранная карточка */
html[data-theme="light"] #safPeriodSheetList > *.active,
html[data-theme="light"] #safPeriodSheetList > *[aria-selected="true"],
body.light #safPeriodSheetList > *.active,
body.light #safPeriodSheetList > *[aria-selected="true"],
body.light-theme #safPeriodSheetList > *.active,
body.light-theme #safPeriodSheetList > *[aria-selected="true"] {
    background: linear-gradient(
        135deg, #e4e9e5 0%, #f0f3f0 100%
    ) !important;
    border-color: #737f76 !important;
    box-shadow: inset 0 0 0 1px rgba(52,59,55,.14) !important;
}

/* Названия сроков и основные цены */
html[data-theme="light"] #safPeriodSheetList button,
html[data-theme="light"] #safPeriodSheetList strong,
body.light #safPeriodSheetList button,
body.light #safPeriodSheetList strong,
body.light-theme #safPeriodSheetList button,
body.light-theme #safPeriodSheetList strong {
    color: #27302a !important;
    -webkit-text-fill-color: #27302a !important;
}

/* Подсказки и второстепенные строки */
html[data-theme="light"] #safPeriodSheetList small,
body.light #safPeriodSheetList small,
body.light-theme #safPeriodSheetList small {
    color: #66736b !important;
    -webkit-text-fill-color: #66736b !important;
}

/* Нижняя подсказка */
html[data-theme="light"] #safPeriodSheet .saf-period-scroll-hint,
body.light #safPeriodSheet .saf-period-scroll-hint,
body.light-theme #safPeriodSheet .saf-period-scroll-hint {
    background: #eef1ee !important;
    color: #59665e !important;
    border-color: #d5ddd7 !important;
}

html[data-theme="light"] #safPeriodSheet .saf-period-scroll-arrow,
body.light #safPeriodSheet .saf-period-scroll-arrow,
body.light-theme #safPeriodSheet .saf-period-scroll-arrow {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
}

/* Полоса прокрутки */
html[data-theme="light"] #safPeriodSheetList,
body.light #safPeriodSheetList,
body.light-theme #safPeriodSheetList {
    scrollbar-color: #bfc9c1 transparent;
}

/* Мобильные устройства */
@media (max-width: 480px) {
    html[data-theme="light"] #safPeriodSheet,
    body.light #safPeriodSheet,
    body.light-theme #safPeriodSheet {
        max-width: calc(100vw - 24px) !important;
    }
}


/* SAF LIGHT PERIOD SHEET CONFLICT FIX V2 */

:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetOverlay #safPeriodSheet {
    background: linear-gradient(
        155deg, #ffffff 0%, #f4f6f4 100%
    ) !important;
    background-color: #ffffff !important;
    border: 1px solid #d5ddd7 !important;
    box-shadow: 0 24px 70px rgba(22, 32, 25, .20) !important;
    color: #343b37 !important;
}

/* Заголовок и описание */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheet .saf-period-sheet-title {
    color: #252d28 !important;
    -webkit-text-fill-color: #252d28 !important;
}

:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheet .saf-period-sheet-subtitle {
    color: #66736b !important;
    -webkit-text-fill-color: #66736b !important;
    opacity: 1 !important;
}

/* Обычные карточки месяцев */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-sheet-item {
    background: #f0f3f0 !important;
    background-image: none !important;
    border: 1px solid #d8dfda !important;
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Выбранный срок */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-sheet-item.active,
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-sheet-item.selected {
    background: linear-gradient(
        135deg, #e0e6e1, #edf1ed
    ) !important;
    border: 1px solid #67756b !important;
    box-shadow: inset 0 0 0 1px rgba(52,59,55,.14) !important;
}

/* Наведение */
@media (hover: hover) {
    :is(html[data-theme="light"] body, body.light, body.light-theme)
    #safPeriodSheetList .saf-period-sheet-item:hover {
        background: #e7ece8 !important;
        border-color: #a8b4aa !important;
    }
}

/* Название месяца */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-sheet-item-name {
    color: #252d28 !important;
    -webkit-text-fill-color: #252d28 !important;
}

/* Описание скидки */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-sheet-item-saving {
    color: #69756d !important;
    -webkit-text-fill-color: #69756d !important;
}

/* Основная цена, включая выбранную карточку */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-sheet-item-price,
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-price-main,
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-sheet-item.active .saf-period-price-main {
    color: #252d28 !important;
    -webkit-text-fill-color: #252d28 !important;
}

/* Сумма экономии */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-price-saving {
    color: #4e6255 !important;
    -webkit-text-fill-color: #4e6255 !important;
    font-weight: 750 !important;
}

/* Бейдж «Выгодно» */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-sheet-badge {
    background: #dce4dd !important;
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
}

/* Галочка */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-sheet-check {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
}

/* Закрытие */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetClose {
    background: #edf0ed !important;
    border: 1px solid #d5ddd7 !important;
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
}

/* Нижняя подсказка */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheet .saf-period-scroll-hint {
    background: #f0f3f0 !important;
    background-image: none !important;
    border-top: 1px solid #d5ddd7 !important;
    color: #59665e !important;
    -webkit-text-fill-color: #59665e !important;
    box-shadow: none !important;
}

/* Убираем тёмный градиент над подсказкой */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheet .saf-period-scroll-hint::before {
    background: linear-gradient(
        to top,
        #f0f3f0,
        rgba(240,243,240,0)
    ) !important;
}

/* Стрелка подсказки */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheet .saf-period-scroll-arrow {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
}

/* Загрузка цен */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-sheet-item-price.loading {
    color: #87928a !important;
    -webkit-text-fill-color: #87928a !important;
}


/* SAF LIGHT PERIOD TYPOGRAPHY V3 */

/* Названия месяцев */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-sheet-item-name {
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.3 !important;
}

/* Основные цены */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-price-main {
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

/* Суммы экономии */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-price-saving {
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

/* Описание скидки */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-sheet-item-saving {
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
}

/* Бейджи */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheetList .saf-period-sheet-badge {
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .015em !important;
}

/* Заголовок окна */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheet .saf-period-sheet-title {
    font-weight: 900 !important;
}

/* Подзаголовок */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheet .saf-period-sheet-subtitle {
    font-weight: 600 !important;
}

/* Нижняя подсказка */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheet .saf-period-scroll-hint {
    font-size: 11px !important;
    font-weight: 750 !important;
}

:is(html[data-theme="light"] body, body.light, body.light-theme)
#safPeriodSheet .saf-period-scroll-arrow {
    font-weight: 900 !important;
}


/* SAF LIGHT DISCOUNTS GRAPHITE V1 */

/* Скидка в строке выбора срока */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safTariffConfiguratorV13 #safPeriodSelectedDiscount {
    background: #dfe6e0 !important;
    background-image: none !important;
    border: 1px solid #cbd5cd !important;
    border-radius: 9px !important;
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    font-weight: 850 !important;
    font-size: 12px !important;
    opacity: 1 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

/* Общая плашка экономии */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safTariffConfiguratorV13 #safSavingBox {
    background: linear-gradient(
        135deg,
        #edf1ed 0%,
        #e5ebe6 100%
    ) !important;
    background-color: #edf1ed !important;
    border: 1px solid #d1dad3 !important;
    border-radius: 14px !important;
    color: #4e5b52 !important;
    -webkit-text-fill-color: #4e5b52 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

/* Сумма экономии */
:is(html[data-theme="light"] body, body.light, body.light-theme)
#safTariffConfiguratorV13 #safSavingAmount {
    color: #252d28 !important;
    -webkit-text-fill-color: #252d28 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* Сохраняем аккуратную компоновку на телефонах */
@media (max-width: 480px) {
    :is(html[data-theme="light"] body, body.light, body.light-theme)
    #safTariffConfiguratorV13 #safSavingBox {
        padding: 12px !important;
        font-size: 11px !important;
    }

    :is(html[data-theme="light"] body, body.light, body.light-theme)
    #safTariffConfiguratorV13 #safSavingAmount {
        font-size: 15px !important;
    }
}


/* SAF LIGHT CONFIG DESCRIPTION BOLD V1 */

html[data-theme="light"] body
#safPlusInlineConfiguration .saf-plus-config-description-v10,
body.light
#safPlusInlineConfiguration .saf-plus-config-description-v10,
body.light-theme
#safPlusInlineConfiguration .saf-plus-config-description-v10 {
    color: #343b37 !important;
    -webkit-text-fill-color: #343b37 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}


/* SAF DARK CONFIG DESCRIPTION BOLD V2 */

/* Только тёмная тема */
html[data-theme="dark"] body
#safPlusInlineConfiguration .saf-plus-config-description-v10 {
    color: #dce5de !important;
    -webkit-text-fill-color: #dce5de !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}