.plan-badge {
    display: table;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 2px 8px;
    text-align: center;
    border-radius: 16px;
}

.plan-badge.free-plan {
    border: 1px solid var(--oa-green);
    color: var(--primary-700);
    background: var(--primary-50);
}

.plan-badge.essentials-plan {
    border: 1px solid #B2DDFF;
    color: #175CD3;
    background: #EFF8FF;
}

.plan-badge.comprehensive-plan {
    border: 1px solid #E9D7FE;
    color: #6941C6;
    background: #F9F5FF;
}