.activity-table {
    min-width: 780px;
}

.activity-col-primary { width: 28%; }
.activity-col-description { width: 57%; }
.activity-col-phase { width: 15%; }

.activity-table tbody > tr.activity-night { --team-accent: #6d4acb; }
.activity-table tbody > tr.activity-day { --team-accent: #d89416; }

.activity-name {
    align-items: center;
    display: flex;
    min-width: 11rem;
}

.activity-name strong {
    color: #182033;
    display: block;
    font-size: 1rem;
}

.activity-id {
    color: #7b879b;
    direction: ltr;
    display: block;
    font-size: .75rem;
    margin-top: .2rem;
    text-align: right;
}

.activity-badge {
    align-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    display: inline-flex;
    gap: .4rem;
    padding: .35rem .65rem;
    white-space: nowrap;
}

.activity-night .activity-phase-badge {
    background: #f5f0ff;
    border-color: #ddd0ff;
    color: #5d3bb4;
}

.activity-day .activity-phase-badge {
    background: #fff8e8;
    border-color: #f5deb0;
    color: #a76600;
}

@media (max-width: 767.98px) {
    .activity-table { min-width: 720px; }
}