.task-head-actions { display: flex; align-items: flex-start; gap: 6px; flex: 0 0 auto; }
.archive-task { height: max-content; min-height: 26px; padding: 5px 8px; border: 1px solid #8b3442; border-radius: 5px; background: #3a1520; color: #ff8c9d; font-size: 9px; white-space: nowrap; }
.archive-task:hover { color: #fff; border-color: var(--red); background: #551d2b; }
@media (max-width: 720px) { .archive-task { min-height: 27px; padding: 5px 8px; } }