/* Billing pill switch styles */
.billing-pill-switch {
    display: inline-flex;
    background: #f1f5f9;
    border-radius: 50px;
    padding: 4px;
    gap: 0;
}

.billing-pill-option {
    padding: 0.5rem 1rem;
    border-radius: 50px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 500;
    color: #6B7280;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.billing-pill-option.active {
    background: #fff;
    color: var(--dark-color, #1f2430);
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.billing-pill-option .badge {
    font-size: 0.65rem !important;
    padding: 0.15rem 0.4rem !important;
    vertical-align: middle;
}

/* Mobile responsive styling */
@media (max-width: 576px) {
    .billing-pill-option {
        padding: 0.4rem 0.75rem;
        font-size: 0.8rem;
    }
    
    .billing-pill-option .badge {
        font-size: 0.6rem !important;
        padding: 0.1rem 0.3rem !important;
    }
}