.badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    margin-right: 6px;
}

.badge-active {
    background: #1e7e34;
    color: #fff;
}

.badge-trial {
    background: #c89c00;
    color: #1b1b1b;
}

.badge-inactive {
    background: #6c757d;
    color: #fff;
}

.badge--active {
    background: rgba(76, 175, 80, 0.25);
    color: #9ef29b;
}

.badge--completed {
    background: rgba(38, 166, 154, 0.25);
    color: #82fff0;
}

.badge--overdue {
    background: rgba(229, 115, 115, 0.25);
    color: #ffb4b4;
}

.badge--archived {
    background: rgba(158, 158, 158, 0.25);
    color: #d5d9e5;
}