.alert.success { background: #ecfdf3; color: var(--ok); }
.danger { background: var(--error); }
.protection { padding: 18px; margin-bottom: 18px; border-color: #84adff; }
.empty { padding: 24px; }
.delete-bar { display: flex; justify-content: flex-end; padding-top: 16px; }
.cleanup-toolbar { display: flex; justify-content: space-between; gap: 16px; padding: 14px 18px; margin-bottom: 14px; }
.cleanup-toolbar label, .date-group label { cursor: pointer; }
.date-group td { background: #eef4ff; border-top: 2px solid #b2ccff; }
.date-group td { display: table-cell; }
.date-group td > label { float: left; }
.date-group td > span { float: right; color: var(--muted); font-weight: 650; }
.delete-bar { align-items: center; justify-content: space-between; gap: 18px; position: sticky; bottom: 0; background: white; border-top: 1px solid var(--line); padding: 14px 0 0; }
.delete-bar div { display: flex; flex-direction: column; }
.delete-bar small { color: var(--muted); }
@media (max-width: 620px) { .cleanup-toolbar { flex-direction: column; } .date-group td > label, .date-group td > span { float: none; display: block; } }
.download-bar button { background: var(--primary); }