.my-task-checklist {
    display: grid;
    gap: .45rem;
    padding: .7rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, .022);
}

.my-task-checklist label {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    color: var(--text-main);
    font-size: .82rem;
    cursor: pointer;
}

.my-task-checklist input {
    flex: 0 0 auto;
    margin-top: .12rem;
    accent-color: var(--primary);
}

.my-task-checklist label.checked span {
    color: var(--text-muted);
    text-decoration: line-through;
}

.my-task-checklist small {
    color: var(--text-muted);
    font-size: .7rem;
}

.my-task-card button:disabled,
.project-task-card footer button:disabled {
    cursor: not-allowed;
    opacity: .48;
}