/* theme custom fix */

.portal-menu__item_submenu {
    color: var(--portal-menu-color);
}

a.button.button_filled.button_big {
    max-width: 350px;
    margin: 0 auto;
}

span.button__text {
    text-align: center;
}

html[data-theme=dark] .community-chats__card .button__text {
    color: var(--primary-color) !important;
}

html[data-theme=dark] .community-chats__card a:hover .button__text {
    color: white !important;
}

.rate-card_primary .rate-card__condition_locked {
    opacity: 0.2;
}

div#referral-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.referral-links-table .account-table-head__column {
    font-size: 11px;
}

button.button.button_filled.button_rounded.button_small.create-new-link-btn {
    color: #FFF;
}

@media (max-width: 1480px) and (max-height: 740px), (max-width: 520px) {

    .portal-menu__menu {
        grid-template-columns: 1fr;
        text-align: left;
    }

}

/* Реферальная система - таблица ссылок */
.referral-links-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.referral-links-table {
    /* Определяем колонки: Назва, Переходи, Конверсії, % конверсії, Зароблено, Знижка (hide-mobile), Комісія (hide-mobile), Статус, Налаштування */
    --columns: 20fr 8fr 8fr 8fr 10fr 8fr 8fr 10fr 15fr;
    min-width: 800px;
}

.status-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
}

.status-badge-active {
    background-color: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.status-badge-inactive {
    background-color: rgba(156, 163, 175, 0.1);
    color: #9ca3af;
}

/* Секция настроек ссылки */
.link-settings-section {
    margin-top: 30px;
}

.link-settings-section .account-block {
    margin-bottom: 20px;
}

/* Таблицы в секции настроек ссылки */
.link-payments-table {
    --columns: 25fr 20fr 20fr 35fr;
}


.team-member_expanded .team-member__image {
    flex: 0 0 60%;
    aspect-ratio: 1 / 1;
    max-width: 30%;
}


@media (max-width: 768px) {
    .link-payments-table {
        --columns: 2fr 2fr 4fr;
    }

    .team-member_expanded .team-member__image {
        flex: 0 0 20%;
        aspect-ratio: 1 / 1;
        max-width: 20%;
    }

}

.link-referrals-table {
    /* Дата, E-mail, Статус, Пакет (hide-mobile), Сумма покупки (hide-mobile), Комиссия */
    --columns: 15fr 25fr 15fr 20fr 15fr 10fr;
}

@media (max-width: 768px) {
    .link-referrals-table {
        /* Дата, E-mail, Статус, Комиссия (Пакет и Сумма покупки скрыты) */
        --columns: 2fr 3fr 2fr 1fr;
    }
}

.account-my-referrals-table {
    /* Дата, E-mail, Статус, Пакет (hide-mobile), Сумма покупки (hide-mobile), Комиссия */
    --columns: 15fr 25fr 15fr 20fr 15fr 10fr;
}

@media (max-width: 768px) {
    .account-my-referrals-table {
        /* Дата, E-mail, Статус, Комиссия (Пакет и Сумма покупки скрыты) */
        --columns: 2fr 3fr 2fr 1fr;
    }
}

/* Адаптивность для таблицы */
@media (max-width: 768px) {
    .referral-links-table {
        --columns: 18fr 12fr 8fr 8fr 10fr 10fr 12fr 20fr 12fr;
    }
}

@media (max-width: 1680px) {
    .rate-card__title {
        font-size: 25px;
    }
}

/* Таблица запросов на вывод */
.withdrawal-requests-table {
    /* Дата, Сумма, Валюта (hide-mobile), Статус, Коментар (hide-mobile) */
    --columns: 20fr 15fr 12fr 15fr 38fr;
}

@media (max-width: 768px) {
    .withdrawal-requests-table {
        /* Дата, Сумма, Статус (Валюта и Коментар скрыты) */
        --columns: 2fr 2fr 1fr;
    }
}