#follow-up-list .summary-card {
    border-top: 3px solid var(--status-accent);
}

#follow-up-list .summary-card > p {
    padding: 4px 8px;
    border-radius: 7px;
    background: var(--status-background);
    color: var(--status-text);
    font-weight: 650;
}

#follow-up-list .summary-card--expired {
    --status-accent: #b44449;
    --status-background: #fff0f0;
    --status-text: #9d3038;
}

#follow-up-list .summary-card--upcoming {
    --status-accent: #b47a15;
    --status-background: #fff5dd;
    --status-text: #7a4c08;
}

#follow-up-list .summary-card--missing {
    --status-accent: #7b90ac;
    --status-background: #edf2f8;
    --status-text: #415671;
}