/* SAT Loyalty Module - Portal Styles */

/* Balance pill */
.sat-balance-pill {
    display: inline-block;
    background: #059669;
    color: #fff;
    padding: 4px 18px;
    border-radius: 20px;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.sat-loyalty-portal-wrap .sat-tier-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.sat-tier-bronze { background: rgba(205, 127, 50, 0.1); color: #CD7F32; border: 1px solid rgba(205, 127, 50, 0.25); }
.sat-tier-silver { background: rgba(138, 141, 143, 0.1); color: #6B7280; border: 1px solid rgba(138, 141, 143, 0.25); }
.sat-tier-gold { background: rgba(197, 153, 30, 0.1); color: #92400E; border: 1px solid rgba(197, 153, 30, 0.25); }
.sat-tier-platinum { background: rgba(74, 102, 112, 0.1); color: #4A6670; border: 1px solid rgba(74, 102, 112, 0.25); }

/* Tier medallion row - all four shown, only the current one fully visible */
.sat-tier-medallions {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    margin-top: 10px;
    margin-bottom: 4px;
}

.sat-medallion {
    flex: 1;
    text-align: center;
    transition: opacity 0.2s ease, filter 0.2s ease, transform 0.2s ease;
    filter: grayscale(1);
    opacity: 0.35;
    transform: scale(0.92);
}

.sat-medallion.is-active {
    filter: none;
    opacity: 1;
    transform: scale(1);
}

.sat-medallion img {
    width: 56px;
    height: 56px;
    display: block;
    margin: 0 auto 5px;
}

.sat-medallion-label {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #9ca3af;
}

.sat-medallion.is-active .sat-medallion-label {
    color: #111827;
}