/* Pagina Punctele Evia (Pages/Account/PuncteEvia.cshtml) — conținutul din dreapta sidebar-ului comun */

/* Card sold + progres — variantă „deschisă" de pagină a aceleiași informații din .account-sidebar-balance */
.points-balance-card {
    background-color: var(--color-bg-loyalty);
}

.points-balance-label {
    color: var(--color-content-loyalty-secondary);
    font-size: var(--text-s-size);
    font-weight: var(--font-weight-medium);
}

.points-balance-value {
    color: var(--color-content-loyalty-primary);
    font-size: var(--heading-m-size);
    line-height: var(--heading-m-line);
    font-weight: var(--font-weight-semibold);
}

.points-balance-equivalent {
    color: var(--color-content-loyalty-secondary);
    font-size: var(--text-m-size);
}

.points-balance-progress-label {
    color: var(--color-content-loyalty-primary);
    font-size: var(--text-s-size);
    font-weight: var(--font-weight-semibold);
}

.points-balance-progress-track.progress {
    --bs-progress-height: 0.5rem;
    --bs-progress-bg: var(--color-border-loyalty);
    --bs-progress-border-radius: var(--radius-pill);
    --bs-progress-bar-bg: var(--color-content-loyalty-secondary);
}

.points-balance-link {
    color: var(--color-content-loyalty-primary);
    font-weight: var(--font-weight-semibold);
    text-decoration: underline;
}

/* ===== Istoric puncte ===== */

.points-history-item {
    border-color: var(--color-border-primary);
}

.points-history-icon {
    width: 2.5rem;
    height: 2.5rem;
}

.points-history-icon-positive {
    background-color: var(--color-bg-positive);
}

.points-history-icon-negative {
    background-color: var(--color-bg-negative);
}

.points-history-title {
    font-weight: var(--font-weight-semibold);
    color: var(--color-content-primary);
}

.points-history-date {
    font-size: var(--text-s-size);
    color: var(--color-content-tertiary);
}

.points-history-value {
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-m-size);
}

.points-history-value-positive {
    color: var(--color-content-positive-tertiary);
}

.points-history-value-negative {
    color: var(--color-content-negative-secondary);
}