/* Subscription tier badges */
.subscription-plan-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 700;
    line-height: 1;
    border-radius: 999px;
    border: 1px solid transparent;
    white-space: nowrap;
    vertical-align: middle;
}

.subscription-plan-badge--sm {
    font-size: 0.65rem;
    padding: 0.2rem 0.5rem;
}

.subscription-plan-badge--sm i {
    font-size: 0.6rem;
}

.subscription-plan-badge--md {
    font-size: 0.72rem;
    padding: 0.28rem 0.65rem;
}

.subscription-plan-badge--md i {
    font-size: 0.7rem;
}

.subscription-plan-badge--lg {
    font-size: 0.85rem;
    padding: 0.4rem 0.85rem;
}

.subscription-plan-badge--lg i {
    font-size: 0.8rem;
}

.subscription-plan-badge--free {
    background: rgba(148, 163, 184, 0.15);
    border-color: rgba(148, 163, 184, 0.35);
    color: #cbd5e1;
}

.subscription-plan-badge--free i {
    color: #94a3b8;
}

.subscription-plan-badge--starter {
    background: rgba(59, 130, 246, 0.15);
    border-color: rgba(96, 165, 250, 0.45);
    color: #93c5fd;
}

.subscription-plan-badge--starter i {
    color: #60a5fa;
}

.subscription-plan-badge--professional {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(245, 158, 11, 0.12));
    border-color: rgba(251, 191, 36, 0.5);
    color: #fde68a;
}

.subscription-plan-badge--professional i {
    color: #fbbf24;
}

.subscription-plan-badge--enterprise {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(248, 113, 113, 0.45);
    color: #fecaca;
}

.subscription-plan-badge--enterprise i {
    color: #f87171;
}

.subscription-plan-badge.is-trial {
    box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.35);
}

.subscription-plan-badge__trial {
    font-size: 0.6em;
    font-weight: 800;
    text-transform: uppercase;
    opacity: 0.9;
    margin-left: 0.15rem;
}

.subscription-plan-badge--icon-only {
    padding: 0.35rem;
    border-radius: 50%;
    width: 1.75rem;
    height: 1.75rem;
    justify-content: center;
}

.subscription-plan-badge--icon-only.subscription-plan-badge--sm {
    width: 1.45rem;
    height: 1.45rem;
    padding: 0.25rem;
}

.pricing-card .subscription-plan-badge--lg {
    margin-bottom: 0.5rem;
}