/* ================= STATUS BADGES ================= */
.status {
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    white-space: nowrap;
}

/* Active */
.status.active {
    background: #dcfce7;
    color: #166534;
}

/* Inactive */
.status.inactive {
    background: #fee2e2;
    color: #991b1b;
}

/* Expired */
.status.expired {
    background: #fef3c7;   /* light amber */
    color: #92400e;
}

/* Cancelled */
.status.cancelled {
    background: #f1f5f9;   /* light gray */
    color: #334155;
}